html{background:#FFF;}
body{font-size:63%;background-color:#fff;color:#505050;font-family:"Arial",'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset
{margin:0px;padding:0px;-webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;width:auto\9;-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover{color: #004691;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address, caption, cite, code, dfn, th, var{font-style:normal;font-weight:400;}

.clearfix:after{content:'\20';display:block;height:0;clear:both; visibility:hidden;}
.clearfix{zoom:1;}

.clear{clear:both;}

.f12px{font-size:1.2em;}
.f14px{font-size:1.4em;}
.f16px{font-size:1.6em;}
.f18px{font-size:1.8em;}
.f20px{font-size:2.0em;}
.f22px{font-size:2.2em;}
.f24px{font-size:2.4em;}

.fl{float:left;}
.fr{float:right;}
.ct{ margin:0 auto;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}
.inblock{display:inline-block;*zoom:1;*display:inline;}
.disnone{display:none;}
.block{ display:block;}
.hidden{ overflow:hidden !important;}
.none{ display:none;}
.textoverflow{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.underline:hover{text-decoration:underline;}
.mtc{margin:0 auto;}
.number{ font-family:Arial;}
.fw600{font-weight: 600;}
.hand{cursor: pointer;}
.distable{display: table;}
.distr{display:table-row;}
.distd{display:table-cell;}
.mr35px{margin-right: 35px;}
.ml35px{margin-left: 35px;}
.mr10px{margin-right:10px;}
.ml10px{margin-left:10px;}
.mt20px{margin-top:20px;}
.topicInfo li{transtion:all 1s ease 0s}
.imgResponsive {width: 100%;height: 0;padding-bottom: 66.67%;overflow: hidden;display: block;}
.imgResponsive img{width: 100%;}

.wrap_header{ width:260px; height: 100%; background:url(../image/headerbg.png) no-repeat center bottom 30px;background-color: #004ea2; position: fixed; left: 0; top: 0; z-index: 999;}
.header{width:260px; text-align: center; background: #004691;}


.topNav .search { display: inline-block; height: 20px;
cursor: pointer; 
position: relative;}
.topNav .search form{ display: inline-block; }
.topNav .search input {
border:none;
background:url(../image/serbg.png) no-repeat; 
height: 28px;
line-height: 28px;
color: #fff;
border-radius: 14px;
width: 0px;
text-indent: 10px;
opacity: 0;transition: all 0.3s ease;
}
.topNav .search button {
display: none;
}

.topNav i.icon-search{ background: url(../image/ser.png) no-repeat center; display: inline-block; width: 20px; height: 20px; *margin-top: -35px; }

.topNav .search.active input {
width: 140px;
opacity: 1; transition: all 0.3s ease;
}
.topNav .search.active i.active {background: url(../image/close.png) no-repeat; display: inline-block; width: 10px; height: 10px;
position: absolute;
right: 15px;
top: 11px; *top: 45px; transition: all 0.3s ease;
}


.snav{display:block;}
.mbtn{display:block;}
.logo{ height:auto; padding:58px 0 54px 0;}
.links{position:absolute;right:10px;top:0;z-index:1005;margin-top:43px;}
.links li{float:right;height:30px;}
.links a.btn_ser{padding:0 2px;height:30px;}
#btn_ser{display:block;}

.headerTop{position: absolute; right: 0; top: 0; z-index: 99; background: url(../image/topbg.png) repeat; width: 100%; height: 200px;}
.topNav{ padding: 30px; float: right; }
.headerTop span a{ font-size: 1.6em; color: #fff; padding: 0 15px; }
.topNav .chinese{ font-family: "黑体"; position: relative; }
.topNav .chinese:before{ content: ""; display: inline-block; width: 1px; height: 14px; background: #fff; position: absolute; left: 0; top: -3px; }
.headerTop span a:hover{ color: #ccc; }
.mode01{overflow:hidden; position: relative;}


.nav{width:100%; margin: 40px 0 0 0;}
.nav ul{ }
.nav ul li{float:left; width:100%; line-height:25px; text-align:center;position:relative; }

.nav ul li a{color:#fff; font-size:2.0em;display:block; padding: 6% 40px; text-align: left; position: relative;}
.nav ul li a:before{ content: ""; display: inline-block; width: 0; height: 2px; background: #fff; position: absolute; left: 0; top: 30px;transition: all 0.3s ease; }
.nav ul li a:hover:before{ width: 24px; }


.nav ul li .subNav{ position:absolute; left:260px;top:-40px; padding-top:40px; display:none; background:url(../image/subnavbg.png) repeat;width:100%; z-index: 999;}
.nav ul li .subNav:before{ content: ""; display: block; width:24px; height: 2px; background: #fff;
position: absolute; left: -24px; top:60px;  }
.nav ul li.on{  -webkit-transition:  all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.nav ul li.on > a{ color: #fff; }
.nav ul li.on > a:before{ content: "";display: inline-block; width:24px; height: 2px; background: #fff; }

.nav ul li.on .subNav { display:block;}
.nav ul li.on .subNav dl{overflow:hidden;}
.nav ul li.on .subNav dl dd{height:auto;line-height:18px;text-align:center;}
.nav ul li.on .subNav dl dd:hover{ background: #fff;}
.nav ul li.on .subNav dl dd a{ color: #333; font-size:1.8em;line-height:22px;padding:13px 5px; text-align:center; font-weight:normal;}

.nav ul li:nth-child(5) .subNav,.nav ul li:nth-child(6) .subNav{ bottom: 0;top: auto; }
.nav ul li:nth-child(5) .subNav:before,.nav ul li:nth-child(6) .subNav:before{top: auto; bottom: 25px;  }



.mobile{width: 100%; position:absolute; height: 40px; line-height: 40px; background: #004691; display: none;top:0px;right: 0;z-index: 99991}
.mobile_title{width: 100%;float:left;color:#fff;position: absolute;left:0;top: 0;width: 50%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;font-weight:normal;}
.mobile_title a{float:left;margin-left: 10px;color:#fff;line-height: 31px;height: 31px;}
.mobile-inner-header{width:100%;
height: 42px;position: absolute;top:0;right:20px;display: none\9;}


.mobile-inner-header-icon{
color: #ffffff; height: 40px;font-size:25px;text-align: center;
float:right;width: 40px;position: relative;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
opacity:0.8;
cursor: pointer;
}
.mobile-inner-header-icon span{
position: absolute; left: calc((100% - 25px) / 2);
top: calc((100% - 1px) / 3);  width: 25px;  height: 2px;  background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}    
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}

.mobile-inner-header-icon{
color: #fff; height: 31px;float:right;width: 32px;position: relative; cursor: pointer;font-weight: bold;text-align: center;margin-top:5px;background: #fff; z-index:9999;} 
 
.mobile-inner-header-icon-out span{width: 24px;height: 2px;background-color:#004ea2;display: block;}
.mobile-inner-header-icon-out span:nth-child(1){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outfirst;
}       
.mobile-inner-header-icon-out span:nth-child(2){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outsecond;
}
.mobile-inner-header-icon-out span:nth-child(2){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outthird;
}

.mobile-inner-header-icon-click{ background: none; margin-top: 10px; }

.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}      
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
0% {
	transform: translateY(4px) rotate(0deg);
	
}

100% {
transform: translateY(0) rotate(45deg);
}
}   

@keyframes clicksecond {
0% {
	transform: translateY(-4px) rotate(0deg);
}

100% {
transform: translateY(0) rotate(-45deg);
}
} 

@keyframes clickthird {
0% {
 opacity: 0
}

100% {
opacity: 0
}
}   
.mobile-inner-header-icon-out span:nth-child(1){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outfirst;
}       
.mobile-inner-header-icon-out span:nth-child(2){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outsecond;
}
.mobile-inner-header-icon-out span:nth-child(3){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outthird;
}
@keyframes outfirst {
0% {
transform: translateY(0) rotate(-45deg);
}


100% {
transform: translateY(-4px) rotate(0deg);
}
}   



@keyframes outsecond {
0% {
transform: translateY(0) rotate(45deg);
}

100% {
transform: translateY(4px) rotate(0deg);
}
}
@keyframes outthird {
0% {
transform: translateY(0) rotate(90deg);
}

100% {
transform: translateY(12px) rotate(0deg);
}
}

.mobile-inner-nav{  background-color:rgba(28, 28, 28, 0.85);width: 100%; position: absolute;top: 0;   left: 0px;padding-top: 85px;padding-bottom: 25px;display: none; z-index:999;}
.mobile-inner-nav a{display: inline-block;line-height: 45px;
text-decoration: none;  width: 100%;font-size: 1.3em; 
 border-bottom: solid 1px #646360;
-webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
-o-transition: all 0.5s;    transition: all 0.5s; }


.mobile-inner-nav li{position: relative;padding: 0 20px;}
.mobile-inner-nav li a{text-indent: 0;}
.mobile-inner-nav li strong{color:#fff;position: absolute;right:20px;top:0;font-size: 2.5em;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
-o-transition: all 0.5s;    transition: all 0.5s; }
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;color:#fff;}
@-webkit-keyframes returnToNormal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes returnToNormal {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.mobile_subNav{display: none;padding-left:10px;}
.mobile-inner-nav dd a{height: 35px;line-height: 35px;border-bottom:dotted 1px rgb(105, 106, 106);font-size: 1.2em;}
.mobile_search{clear: both;position: relative;height: 36px;margin:10px 30px 0;border:1px solid #747474;border-radius: 30px;overflow: hidden;}
.mobile_search input.notxt{width: 79%;color:#d9d9d9;margin-left:45px;border:none; height:34px; background:none;}
.mobile_search input.notxt1{width:45px; height: 24px; background-color:#fff;right:auto; position:absolute; top:10px;left:0;background:url(../image/ser.png) no-repeat center center;border:none;}
.mobile-links{width: auto;overflow: hidden;border-bottom:solid 1px #747474;padding:6px 0; text-align: center;}
.mobile-links span{padding:0 30px; display: inline-block;}
.mobile-links span:first-child{ display: none; }
.mobile-links span a{border:none;line-height: 25px;padding:4px 0;}


@keyframes rotate{
from{
		transform: rotateX(90deg) translateY(0%);
		top:43px;
}
to{
		transform: rotateX(0deg) translateY(0%);
		top:43px;
}
}
@-moz-keyframes rotate{
from{
		-moz-transform: rotateX(90deg) translateY(0%);
		top:43px;
}
to{
		-moz-transform: rotateX(0deg) translateY(0%);
		top:43px;
}
}
@-webkit-keyframes rotate{
from{
		-webkit-transform: rotateX(90deg) translateY(0%);
		top:43px;
}
to{
		-webkit-transform: rotateX(0deg) translateY(0%);
		top:43px;
}
}

.WrapContent{ margin-left: 280px; overflow:hidden;}
.Wrap_footer{width: 100%;background: url(../image/footerbg.png) no-repeat center #084d99;padding: 27px 0;margin-top: 50px;position: relative;background-size: cover;}
.footer{ max-width: 905px; margin: 0 auto;position: relative;}
.footerLf{ width: 72%; float: left;  margin: 15px 0;}
.link a { display:inline-block; color: #fff; font-size: 1.6em; padding: 0 20px; position: relative; }
.link a:before{ content: ""; display: inline-block; width: 2px; height: 17px; background: #fff; position: absolute; right: 0; top:2px; }

.link p{ font-size: 1.6em; color: #fff; line-height: 25px; padding: 15px 0 0 20px; }

.footerRt{width:17%;float: right;border-left: #3971ad 1px solid;padding-left:4%;}
.bdsharebuttonbox a{display: inline-block; width: 24px !important; height: 28px !important; text-align: center; margin:10px !important; padding: 0 !important;}
.bdsharebuttonbox a.bds_twi{ background: url(../image/twitter.png) no-repeat center bottom; }
.footerRt .bdsharebuttonbox a.bds_weixin{ background: url(../image/weixin1.png) no-repeat center bottom;position: relative;opacity: 1 !important;}
.bdsharebuttonbox a.bds_fbook{ background: url(../image/fk.png) no-repeat center bottom; }
.bdsharebuttonbox a.tube{ background: url(../image/yb.png) no-repeat center bottom; }
.bdsharebuttonbox a.bds_linkedin{ background: url(../image/in.png) no-repeat center bottom; }
.bdsharebuttonbox a.ins{ background: url(../image/ins.png) no-repeat center bottom; }





@media screen  and (max-width:1386px) {
.nav ul li a{ padding: 4% 40px; }
}


@media screen  and (max-width:1024px) {
.wrap_header{ background: none;height: auto; width: 100%;position: static; }
.header { overflow: hidden; width: 120px; height: 120px; border-radius: 50%; position: absolute; left: 50%; top: 0; margin-left: -75px; z-index: 999; 
box-shadow:0px 6px 13px 0px #2d2d2d;}
.logo{height: auto; padding:15px 13px; }
.nav{display:none;}
.topNav,.ser{ display: none; }
.mobile{ display:block; position: static;}
.headerTop{ display:none; }
.WrapContent{ margin-left: 0; }
.Wrap_footer{ margin-top: 20px; }




}

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

.footer{ padding: 0 20px; }
.link a{ margin: 5px 0; }

.footerLf{ width: 100%; float: none; text-align: center; }
.footerRt{ width: 31%; float: none;  padding: 0; border: none; margin: 0 auto; }

}

@media screen and (max-width:768px) {
 .footerRt{ width:39%; }
 .link a,.link p{ font-size: 1.3em; }
}


@media screen and (max-width:480px) {
.logo{ padding:15px; }
.header{ width: 80px; height: 80px; margin-left: -40px;  }
.logo{ padding: 10px; }


}

@media screen and (max-width:414px) {
.footerRt{ width: 72%; }
.Banner .flexslider ul li .slideTxt p{ display: none; }


}


@media screen and (max-width:375px) {
.footerRt{ width: 85%; }


}


.codeBox{position: absolute;right: 0;bottom: 100%;width: 100px;box-shadow: 0 0 10px rgba(0,0,0,0.3);display: none;height: 100px;}



.mobile-inner-nav .pai{margin: 0 20px;border-bottom: solid 1px #646360;padding: 6px 0;}
.mobile-inner-nav .pai a{width: auto;border: 0;padding: 0 10px;line-height: 25px;}