@charset "utf-8";
/* CSS Document */
/* html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } */
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family: "Arial"; font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#333;}
a:hover{ text-decoration: none; color: #025cab;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block; position:relative; }
.fl{float:left;}
.fr{float:right;}
.clear:after{ content:""; clear:both; display:block;}
.warp{width: 1280px; margin:0 auto;}
.warp1{width:1340px; margin:0 auto;}
.warp2{width:1220px; margin:0 auto;}
.top{width: 100%;}
.logo{width: 100%; padding:13px 0 18px 0;}
.logo img{display: inline-block;}

.top-icon{float: right; padding-top:30px; display: inline-block;}
.top-icon li{float: left; margin-right:25px; list-style: none;}

.search{width: 270px; margin-top: 20px; height: 46px;}
.search1{width: 200px; border:1px solid #cfcfcf; outline: none; padding:2px 10px; line-height: 40px;}
.search-button{width: 70px; background:#003f87; line-height: 46px; text-align: center; color: #fff;}

.nav{width: 100%; background:#025cab; }
.nav li{line-height:62px; font-size:18px; float:left; position:relative; text-align: center; color: #fff;  width: 9.09%;}
.nav li:after{position: absolute; content: "";width: 2px; height: 17px; background: url(../images/nav-fg.jpg) no-repeat; left: 0; top:22px; }
.nav li:nth-child(1):after{display: none;}
.nav li a{color:#fff; display: inline-block; width: 100%; cursor: pointer; }
.nav li a:hover,.nav li .ts{background:#1786e8; color:#fff;}

footer{ width:100%; background:#014a8a; padding-bottom: :25px; color:#fff;}

.in_link{width: 100%; height: 80px; border-bottom: 1px solid #467baa;}
.f1{padding-top: 34px;  width: 67%;}
.f1 .menu{line-height: 20px; font-size: 14px;}
.f1 .menu a{display: inline-block; float: left; padding:0 10px; border-left:1px solid #fff; color: #fff; }
.f1 .menu a:nth-child(1){padding-left: 0; border-left: none;}
.f1 .copy{font-size: 16px; line-height: 30px; padding-left: 100px; background: url(../images/sydw.png) no-repeat left center; }
.ewm{padding-top: 35px;}
.ewm dl{ margin-left: 30px; float: left; }
.ewm dl p{text-align: center; line-height: 40px;}

.f2 .l1{width: 10%; line-height: 80px; font-size: 20px; font-weight: bold;}
.f2 .r1{width: 90%;}
.picScroll-left2{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left2 .bd{ width: 100%; }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{width: auto !important; line-height: 80px; margin-right:65px; float:left; display: inline-block !important; overflow:hidden; cursor: pointer; font-size: 16px;  }


/*11-9*/
.en-banner{width: 100%; margin:0 auto;}
.en-banner img{display: block;}

.m-cop{width: 100%; font-size:14px; text-align: left; line-height: 28px; display: none;}

.tttt{ 
	position:absolute; 
	left:0; 
	display:none;  
	background:#025cab;  
	padding:10px; 
	transition-duration:.5s;
	text-align: center;
	color: #fff;
	width: 100%;
	z-index: 9999;
	top: 54px;
	font-size: 15px;
}
.tttt a{
	background: none;
	color: #fff;
	height: 36px !important;
	line-height: 36px  !important;
}
.tttt a:hover{ color: #fff; background: #1786e8; }
.tttt span{ display: inline-block; padding-left: 5px; color: #ed2020; font-size: 12px; }


@media only screen and (max-width: 1440px){

}
@media only screen and (max-width: 1366px){
.warp{width: 94%; }
.warp1{width: 94%; }
.warp2{width: 94%; }
	}
@media only screen and (max-width: 1240px){
.warp{width: 90%; }
.warp1{width: 90%; }
.warp2{width: 90%; }
.nav li {
    line-height: 50px;
    font-size: 15px;
}
.tsyl dl dt .bit {
    font-size: 16px !important;
}
}
@media only screen and (max-width: 992px){
	.top{display: none;}
	.nav{display: none;}
	.warp2{width: 100%; }
	.le_menu li a {line-height: 44px;}

}

@media only screen and (max-width: 760px){
.f2 .l1 {
    width: 30%;
}
.f2 .r1 {
    width: 70%;
}
.f1 {
    padding-top: 15px;
    width: 100%;
}
.f1 .menu a{ width: 20%; padding: 0 0; text-align: center; border-left: none; line-height: 30px; }
.f1 .copy {
    padding-top: 10px;
    text-align: center;
}
.f1 .copy {
    font-size: 15px;
    line-height: 26px;
    padding-top: 40px;
    padding-left: 0px;
    background: url(../images/sydw.png) no-repeat top center;
    background-size: 30px 36px;
}
.ewm{ width: 100%; padding-top: 15px; }
.ewm dl{width: 100%; margin-left:0; text-align: center;}
.ewm dl img{display: inline-block;}
.f1 .copy{display: none;}
.m-cop{ display:block;}
}


@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}

@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}