@charset "utf-8";
/* CSS Document */


input, button, select, textarea, a { outline:none;}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}

a {  transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
a:active, a:hover { outline: 0;}

.o8 { filter:alpha(opacity=100); opacity:1; transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s;}
.o8:hover { filter:alpha(opacity=80); opacity:0.8;}
/* div,p{max-height: 10000rem;} */
::selection {color:#fff; background-color: #061034;} ::-moz-selection {color:#fff; background-color: #061034;}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; }
textarea { -webkit-appearance: none;}

/*自定义常用配制*/
.l { float:left; }.r { float:right; }
.w { width:100%; }.h { height: 100%; }.full{ width: 100%; height: 100%;}
.cer,.cer0,.cer2,.cer3{ /* max-width:1400px; */max-width: 1540px;
    width: 96%; margin:0 auto;}
.cer{ padding: 0 5%;}.cer2{ padding: 0 20px;}.cer3{ padding: 0 30px;}
.cer7{ max-width: 1200px; margin:0 auto; padding: 0 20px;}
.cer8{ max-width: 1200px; margin:0 auto; padding: 0 30px;}
.cer9{ max-width: 1530px; margin:0 auto; padding: 0 10px;}

.b { font-weight:bold } .n{ font-weight: normal;}
.tc { text-align:center }.tr { text-align:right }.tl { text-align:left }
.posr { position:relative }
.maxw{ max-width: 100%;}.divpicw img{ max-width: 100%;}
.ikong{ display: inline-block; width: 14px;}
.h10{ width: 100%; height: 10px;}.h20{ width: 100%; height: 20px;}.h30{ width: 100%; height: 30px;}
.h40{ width: 100%; height: 40px;}.h50{ width: 100%; height: 50px;}.h60{ width: 100%; height: 60px;}
.h70{ width: 100%; height: 70px;}.h80{ width: 100%; height: 80px;}.h90{ width: 100%; height: 90px;}
.h100{ width: 100%; height: 100px;}.h110{ width: 100%; height: 110px;}.h120{ width: 100%; height: 120px;}
.disn { display:none }.disb { display:block }.dib{display: inline-block;}.vh{ visibility: hidden;}
.ov { overflow:hidden }.cur { cursor:pointer }
.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; overflow:hidden; visibility:hidden; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}
.op70 { filter:alpha(opacity=70); opacity:0.7;}



/* html,body{ height: 100%;}
body.locked{ overflow: hidden;} */
.all,.main{width: 100%;/* min-width: 480px; */min-height: 100%;overflow: hidden;position: relative;}
.allfirst{ height: 100%;}


/* 头部 */
.head{
	width: 100%;
	/* min-width: 480px; */
	height: 100px;
	position: fixed;
	z-index: 40;
	top: 45px;
	background-color: #fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	transition: 0.2s;
	}
.head>.cer3{ height: 100%;}
.head a.logo{
	height: 100%;
	font-size: 0;
	position: absolute;
	left: 0;
	top:0;
	z-index: 1;
	line-height: 100px;
	}
.head a.logo img{max-height: 60%;}
.headshadow{width: 100%;height: 173px;}
.headin{ position: relative; z-index: 7; height: 100%;}


.head.mini{height: 100px;top: 0;}
.head.mini a.logo{ line-height: 100px;}



.xiala{position: absolute;width: 82px;height: 32px;top:50%;right:0;z-index: 3;margin-top: -16px;}
.xiala .hand{
	padding-left: 42px;
	width: 78px;
	height: 100%;
	border-radius: 16px;
	cursor: pointer;
	background: #eee url('../images/earth.png') 14px center no-repeat;
	background-size: 23%;
	}
.xiala span{ background: url('../images/sjd-lang.png') right center no-repeat;
	font-size: 14px; color: #888; line-height: 32px; text-transform: capitalize;
	display: block; width: 50px; padding-right: 12px; -webkit-transition: .3s; transition: .3s;}
.xialalinks { position: absolute; width: 100%; left: 0px; top: 40px; z-index: 1; padding: 2px 0;
	display: none; overflow: hidden; background-color: #fff; box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);}
.xialalinks a{ display: block; height: 30px; line-height: 30px; text-indent: 0; text-align: center;}
.xialalinks a{ border: 2px solid #fff; background-color: #eee;}
.xialalinks a:hover{ background-color: #003C76; color: #fff;}

.xiala:hover span{ background-image: url('../images/sjd-lang2.png'); color: #003C76;}


a.tbtn{
	position: absolute;
	top:50%;
	right: 100px;
	z-index: 4;
	margin-top: -16px;
	display: block;
	width: 32px;
	height: 32px;
	font-size: 0;
	border-radius:50%;
	background: #eeeeee url(../images/glass.png) center no-repeat;
	background-size: 55%;
	}
#topsoubtn.on{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}



.topsouout{
	  padding:15px 0;
	  background-color: #dfdfdf;
	  position: absolute;
	  display: none;
	  z-index: 5;
	  width: 100%;
	  right:0;
	  top:100%;
	  font-size: 16px;
	  line-height: 40px;
	  height: 80px;
	  }
.topsouout .topsou{ position: relative; width: 580px; padding-right: 110px; height:100%;
	background-color: #fff; margin: 0 auto; overflow:hidden;}
.topsou input.shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; display: block; text-indent:20px;}
.topsou input.anniu{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	width:110px;
	height:100%;
	border:none;
	cursor:pointer;
	background-color: #003C76;
	color: #fff;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
	/* min-height: 80px; */
	}
.topsou input.anniu:hover{ background-color: rgba(51,181,151,0.5);}
.topsou input.shuru:focus{ box-shadow: 0 0 3px 0 rgba(0,0,0,1) inset;}





.nav{position: absolute;right: 170px;top:0;z-index: 3;height: 100%;}
.nav>li{ float: left; height: 100%; position: relative; z-index: 1;}
.nav>li>a{
	display: block;
	padding: 0 30px;
	height: 100%;
	position: relative;
	font-size: 16px;
	color: #0b1c39;
	line-height: 100px;
	text-align: center;
	}
.nav>li:hover>a{ color: #003C76;}
.nav>li>a:after{ left:50%; position: absolute; top: 50%; margin-top: 26px; content: " "; width:0; margin-left: 0;
   border-bottom: 3px solid #003C76; -webkit-transition: .3s; transition: .3s;}
.nav>li.on>a:after,.nav>li:hover>a:after{ width: 66px; margin-left: -33px;}
.head.mini .nav>li>a{line-height: 100px;}




dl.navtwo{
	width: 100%;
	display: none;
	position: absolute;
	top: 110%;
	left:0;
	z-index: 1;
	padding-top: 15px;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	-ms-transition: top 0.3s;
	-o-transition: top 0.3s;
	transition: top 0.3s;
	}
dl.navtwo.on{ top:90%;}
dl.navtwo .inner{ width: 100%; background-color: rgba(255,255,255,1); padding: 13px 0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
	box-shadow: 0 3px 5px 2px rgba(0,0,0,0.2);}
dl.navtwo:after{ position: absolute; left:50%; top: 0; margin-left: -11px; content: " "; width: 23px; 
    background: url('../images/sju1.png') center no-repeat; height: 15px; z-index: 1;}

dl.navtwo dd{ height: 40px; line-height: 40px; text-align: center;
	 -webkit-transition: .3s; transition: .3s;}
dl.navtwo dd:hover{ background-color: #eee;}
dl.navtwo dd>a{ position: relative; color: #666;}
dl.navtwo dd:hover>a{ color: #003C76;}

dl.navtwo dd>a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0;
   border-bottom: 1px solid #003C76; -webkit-transition: .3s; transition: .3s;}
dl.navtwo dd>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}




.navzk{ width: 100%; height: 0; overflow: hidden; position: fixed; top:128px; z-index: 9;
	left:0; background-color: #003C76; -webkit-transition: .3s; transition: .3s;}
.navzk.mini{top: 100px;}
.navzk.on{ height: 60px;}

.zkone{ padding: 0; margin: 0 auto; width: 100%; height: 100%;}
.zkone li{ display: none;}
.zkone li.on{ display: block;}
.zktwo{ font-size: 0; text-align: center; position: relative;}
.zktwo li{ padding: 10px; height: 40px; display: inline-block; position: relative;
	text-align: center;}
.zktwo li a{ display: block; padding: 0 36px; border-radius: 20px;
	color: #fff; line-height: 40px; font-size: 16px;}
.zktwo li:hover a{ color: #2eb394; background-color: #fff;}





/* 手机导航 */
.navsjout{
	width: 100%;
	opacity: 0;
	overflow: auto;
	position: fixed;
	top:0;
	bottom: 0;
	left:-100%;
	z-index: 20;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	background-color: #f2f2f2;
	}
.navsjout.on{ opacity: 1; left:0;}

.navsj{
	width: 100%;
	-webkit-overflow-scrolling : touch;
	/* background-color: #333; */
	position: absolute;
	top:128px;
	left:0;
	border-top: 1px solid rgb(0 0 0 / 5%);
	}
.head.mini .navsj{ top: 80px;}
.navsj>li{position: relative;padding: 0 0 0 20px;}
.navsj>li>a{
	display: block;
	height: 50px;
	text-align: left;
	line-height: 50px;
	font-size: 17px;
	/* color: #fff; */
	position: relative;
	}
.navsj>li>a:after{
	content: '';
	position: absolute;
	left: 0px;
	right: 0px;
	bottom:0;
	z-index: 0;
	height: 1px;
	background-color: rgb(0 0 0 / 5%);
	}

.navsjtwo{width: 100%;overflow: hidden;display: none;padding: 10px 0;background-color: rgb(242 242 242);}
.navsjtwo>li{width: 100%;border-bottom: 1px solid rgb(0 0 0 / 5%);}
.navsjtwo>li>a{
	display: block;
	line-height: 40px;
	font-size: 16px;
	color: #878787;
	position: relative;
	z-index: 1;
	background-color: #ada;
	text-align: left;
	background: url('../images/nav-jtr1.png') 92% center no-repeat;
	}

.navsj li i{
	position: absolute;
	right: 3%;
	top:0;
	z-index: 1;
	width: 50px;
	height: 50px;
	display: block;
	cursor: pointer;
	background: url('../images/nav-jtd1.png') center no-repeat;
	}
.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); transform: rotate(180deg);}

.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;
	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}




#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 
	background:url('../images/op0-60.png'); cursor: pointer;}

.navbtn{position: absolute; right:0; top:0; z-index: 20; width: 100px; height: 100px; display: none;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s;}
.head.mini .navbtn{ width: 80px; height: 80px;}

.navbtn s{
	position: absolute;
	left: 25%;
	display: block;
	width: 50%;
	height: 4%;
	background-color: #003C76;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
	}
.navbtn>s:nth-child(1){top: 32%;}
.navbtn>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);}
.navbtn>s:nth-child(3){top: 64%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}

@media screen and (max-width:1400px){
	.nav{ right: 180px;}
}
@media screen and (max-width:1300px){
	.nav>li:first-child{ display: none;}
	.nav>li>a{ padding: 0 25px;}
}
@media screen and (max-width:1100px){
	.head{height: 100px;}
	.head a.logo,.head a.logo2{line-height: 100px;}
	.headshadow{ height: 100px;}

	.nav>li>a{line-height: 100px;}
	.navbtn{width: 60px !important;height: 60px !important;}
	.navsj{ top: 80px;}

	.head{top: 0;}
	.headshadow{height: 0;}
	
	.topsouout .topsou{width: 80%; padding: 0 10%;}
}
@media screen and (min-width:1024px){
	.navsjout{ display: none;}
	.head{top: 45px;}
	.headshadow{height: 0;}
	
	.topsouout .topsou{width: 80%; padding: 0 10%;}#c_banner_019-16892399623870{margin-top: 100px;}
}
@media screen and (max-width:1023px){
	.head{height: 60px;}
	.head.mini {
    height: 60px;
    top: 0;
}
	.head a.logo,.head a.logo2{line-height: 60px !important;}
	.nav{ display: none;}
	.navbtn{ display: block;}
	.xiala{ right:90px;}
	a.tbtn{right: 200px;}
	.head{top: 0;}
	.headshadow{height: 0;}
	
	.topsouout .topsou{width: 80%; padding: 0 10%;}
	#c_banner_019-16892399623870{margin-top:60px}
	#c_grid-116273709439191{display:none}
}
@media screen and (max-width:600px){
	#c_grid-116273709439191{display: none;}
	.head{top: 0;}
	.headshadow{height: 0;}
	
	.topsouout .topsou{width: 80%; padding: 0 10%;}
	.navbtn{ right: -20px;}
	.xiala{right: 50px;}
	a.tbtn{right: 140px;}
}