/*header begin*/
.box{ clear:both; width:100%; height:140px;background:#ffffff;padding:49px 150px 48px 150px; position: fixed; left: 0; top: 0; z-index: 9999999999999999999999999999999999999999999999999999999999999999; }
.logo{ float:left;}
.logo img{ display:block; max-width:100%;}
.pav{ float:right;}
.pav ul{ float:left;}
.pav li{ float:left; position:relative; cursor:pointer; padding-right:18px; margin-right:40px; line-height:43px;}
.pav li a{ color:#333333; font-size:16px; display:block}
.pav li:hover{ background:url(../images/bg.jpg) no-repeat right center;}
.pav li:last-child{ margin-right:0px;}
.dun{ position:absolute; left:0px; top:43px; width:110px; height:0px; overflow:hidden; background:#f5f5f5;transition: all 1s ease;}
.dun a{ display:block; width:100%; text-align:center; line-height:40px; color:#173066; font-size:16px; border-bottom:1px solid #fff;}
.dun a:last-child{ border:none;}
.pav li:hover .dun{ height:80px;}
.dun a:hover{ color:#e29e14;}
.xini{ float:right; margin-left:50px; padding-top:10px;}
.xini img{ float:left; max-width:100%; margin-right:17px;}
.xini span{ display:block; float:left; min-height:20px; width:76px; position:relative; border-bottom:1px solid #8b97b2; background:url(../images/bg1.jpg) no-repeat right center; color:#173066; font-size:12px; font-family: "SOURCEHANSANSCN-REGULAR";}
.xini span a{color:#173066; font-size:12px; font-family: "SOURCEHANSANSCN-REGULAR";}
.xini font{ display:block; position:absolute; left:0; top:20px; overflow:hidden; height:0; line-height:30px;transition: all 1s ease;}
.xini span:hover font{ height:30px;}
.nav_c{ position:absolute; right:0; top:0px; width:150px;height:100%; z-index:99999;padding-top:362px; text-align:center}
@media(max-width:1680px){
.box{ clear:both; height:auto; min-height:140px; width:100%; background:#ffffff; position:fixed; z-index:99999999999; left:0; top:0; padding:49px 100px 48px 100px; }	
.nav_c{ position:absolute; right:0; top:0px; width:100px;height:100%; z-index:99999;padding-top:362px; text-align:center}
.pav li{ float:left; position:relative; cursor:pointer; padding-right:18px; margin-right:10px; line-height:43px;}
.xini{ float:right; margin-left:20px; padding-top:10px;}
}
@media(max-width:1440px){
.box{ clear:both; height:auto; min-height:100px; width:100%; background:#ffffff; position:fixed; z-index:99999999999; left:0; top:0; padding:29px 60px 28px 60px; }	
.nav_c{ position:absolute; right:0; top:0px; width:60px;height:100%; z-index:99999;padding-top:292px; text-align:center}
.pav li{ float:left; position:relative; cursor:pointer; padding-right:18px; margin-right:15px; line-height:43px;}
.xini{ float:right; margin-left:20px; padding-top:10px;}
}
@media(max-width:1366px){
.box{ clear:both; height:auto; min-height:100px; width:100%; background:#ffffff; position:fixed; z-index:99999999999; left:0; top:0; padding:29px 60px 28px 60px; }	
.nav_c{ position:absolute; right:0; top:0px; width:60px;height:100%; z-index:99999;padding-top:192px; text-align:center}
.pav li{ float:left; position:relative; cursor:pointer; padding-right:18px; margin-right:10px; line-height:43px;}
.xini{ float:right; margin-left:10px; padding-top:10px;}
}

@media(max-width:1280px){
.pav li{ float:left; position:relative; cursor:pointer; padding-right:18px; margin-right:0px; line-height:43px;}
.xini{ float:right; margin-left:5px; padding-top:10px;}
}

@media(max-width:1024px){
.pav ul{ float:left; display:none;}
.box{ clear:both; height:auto; min-height:80px; width:100%; background:#ffffff; position:fixed; z-index:99999999999; left:0; top:0; padding:19px 30px 18px 30px; }	
.nav_c{ position:absolute; right:0; top:0px; width:auto;height:100%; z-index:99999; padding:192px 10px 0 15px; text-align:center; background:#f5f5f5}

}
@media(max-width:414px){
.pav ul{ float:left; display:none;}
.box{ clear:both; height:auto; min-height:80px; width:100%; background:#ffffff; position:fixed; z-index:99999999999; left:0; top:0; padding:19px 15px 18px 15px; }	
.nav_c{ position:absolute; right:0; top:0px; width:auto;height:100%; z-index:99999; padding:192px 10px 0 15px; text-align:center; background:#f5f5f5}
}
@media(max-width:360px){
.logo{ float:left; width:40%;}	
.nav_c{ position:absolute; right:0; top:0px; width:auto;height:100%; z-index:99999; padding:192px 10px 0 15px; text-align:center; background:#f5f5f5}

}
/*header end*/

/*fotter begin*/
.box2{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; position:absolute; left:0; bottom:0; z-index:9999; padding:0 150px; line-height:60px;}
.box2 span{ float:left; color:#666666; font-size:12px;}
.box2 font{ float:right; color:#666666;}
.box2 font a{ color:#666;}
.daon{ width:100%; height:100%; position:fixed; z-index:99999999999; background:#ffffff; left:0; top:0;}
.daon_l{ float:left; width:30%; height:100%; position:relative; background:url(../images/bg2.jpg) no-repeat center center;backgroudn-size:cover; padding:232px 0 0 0;}
.daon_l img{ display:block; margin:0 auto; max-width:100%;}
.daon_r{ float:right; width:70%; height:auto; padding:115px 273px 0 230px; position:relative}
.daon_r1{ border-top:1px solid #e6e6e6; padding-top:25px;}
.doni{ height:auto; overflow:hidden; padding-left:50px; color:#999; font-size:14px; margin-bottom:100px;}
.doni a{ color:#999999; font-size:14px;}
.doni a.lpo{ color:#222222;}
.doni em{ font-size:14px; margin:0 14px;}
.dont{ height:auto; overflow:hidden; padding-left:27px;}
.dont ul{ float:left; width:25%; height:auto; min-height:330px;}
.dont li{ line-height:30px;}
.dont li h1{ position:relative; color:#222222; font-size:18px; color:#222; padding-left:24px; margin-bottom:18px;}
.dont li h1:after{ content:'';position:absolute;left:0; top:10px; height:1px;width:12px;background:#a8a8a8;transition:400ms ease all;-moz-transition:400ms ease all;}
.dont li a{ display:block;}
.dont li p{ color:#999999; font-size:14px; padding-left:24px; text-transform:uppercase;}
.dont li p:hover{ color:#ce0000;}
.guanb{ position:absolute; right:77px; top:77px;}
@media(max-width:1680px){
.box2{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; position:absolute; left:0; bottom:0; z-index:9999; padding:0 100px; line-height:60px;}	
.daon_r{ float:right; width:70%; height:auto; padding:115px 160px 0 160px; position:relative}

}
@media(max-width:1440px){
.box2{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; position:absolute; left:0; bottom:0; z-index:9999; padding:0 60px; line-height:60px;}	
.daon_r{ float:right; width:70%; height:auto; padding:95px 60px 0 60px; position:relative}
.doni{ height:auto; overflow:hidden; padding-left:50px; color:#999; font-size:14px; margin-bottom:30px;}
.dont ul{ float:left; width:25%; height:auto; min-height:300px;}
.guanb{ position:absolute; right:17px; top:17px;}
}
@media(max-width:1366px){
.box2{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; position:absolute; left:0; bottom:0; z-index:9999; padding:0 60px; line-height:60px;}	
.daon_r{ float:right; width:70%; height:auto; padding:95px 60px 0 60px; position:relative}
.doni{ height:auto; overflow:hidden; padding-left:50px; color:#999; font-size:14px; margin-bottom:30px;}
.dont ul{ float:left; width:25%; height:auto; min-height:300px;}
.guanb{ position:absolute; right:17px; top:17px;}
}
@media(max-width:1280px){
.dont{ height:auto; overflow:hidden; padding-left:13px;}
	
}
@media(max-width:1024px){
.box2{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; position:absolute; left:0; bottom:0; z-index:9999; padding:0 30px; line-height:60px;}	
.daon_r{ float:right; width:80%; height:auto; padding:95px 30px 0 30px; position:relative}
.doni{ height:auto; overflow:hidden; padding-left:50px; color:#999; font-size:14px; margin-bottom:30px;}
.dont ul{ float:left; width:25%; height:auto; min-height:250px;}
.guanb{ position:absolute; right:17px; top:17px;}
.daon_l{ float:left; width:20%; height:100%; position:relative; background:url(../images/bg2.jpg) no-repeat center center;backgroudn-size:cover; padding:232px 0 0 0;}
.daon_l img{ display:block; margin:0 auto; max-width:60%;}

.dont li{ line-height:24px;}
.dont li h1{ position:relative; color:#222222; font-size:16px; color:#222; padding-left:24px; margin-bottom:18px;}
.dont li p{ color:#999999; font-size:12px; padding-left:24px; text-transform:uppercase;}
}
@media(max-width:414px){
.box2{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; position:absolute; left:0; bottom:0; z-index:999999; padding:0 15px; line-height:30px;}	
.daon_r{ float:right; width:100%; height:auto; padding:0px 15px 0 15px; position:relative}
.doni{ height:auto; overflow:hidden; padding-left:0px; color:#999; font-size:14px; margin-bottom:15px;}
.dont ul{ float:left; width:100%; height:auto; min-height:auto; margin-bottom:10px;}
.guanb{ position:absolute; right:17px; top:17px;}
.daon_l{ float:left; width:100%; height:auto; position:relative; background:url(../images/bg2.jpg) no-repeat center center;backgroudn-size:cover; padding:15px 15px;}
.daon_l img{ display:block; margin:0 auto; max-width:40%;}
.dont li{ float:left; width:50%; line-height:24px;}
.dont li h1{ position:relative; color:#222222; font-size:14px; color:#222; padding-left:0px; margin-bottom:8px;}
.dont li p{ color:#999999; font-size:12px; padding-left:0px; text-transform:uppercase;}
.box2 span{ float:left; color:#666666; font-size:12px; display:block;}
.box2 font{ float:right; color:#666666; display:block; width:100%;}
.dont{  overflow:hidden;  padding-left:0px;}
.dont li:nth-child(1){ width:100%;}
.dont ul:nth-child(5){ float:left; width:50%;}
.dont ul:nth-child(6){ float:left; width:50%;}
.dont li h1:after{ content:'';position:absolute;left:0; top:10px; height:1px;width:12px;background:#a8a8a8;transition:400ms ease all;-moz-transition:400ms ease all; display:none;}
.daon_r1{ border-top:1px solid #e6e6e6; padding-top:15px;}

}
@media(max-width:360px){
.box2{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; position:absolute; left:0; bottom:0; z-index:999999; padding:0 15px; line-height:30px;}	
.daon_r{ float:right; width:100%; height:auto; padding:0px 15px 0 15px; position:relative}
.doni{ height:auto; overflow:hidden; padding-left:0px; color:#999; font-size:14px; margin-bottom:10px;}
.dont ul{ float:left; width:100%; height:auto; min-height:auto; margin-bottom:8px;}
.guanb{ position:absolute; right:17px; top:17px;}
.daon_l{ float:left; width:100%; height:auto; position:relative; background:url(../images/bg2.jpg) no-repeat center center;backgroudn-size:cover; padding:15px 15px;}
.daon_l img{ display:block; margin:0 auto; max-width:20%;}
.dont li{ float:left; width:50%; line-height:24px;}
.dont li h1{ position:relative; color:#222222; font-size:14px; color:#222; padding-left:0px; margin-bottom:8px;}
.dont li p{ color:#999999; font-size:12px; padding-left:0px; text-transform:uppercase;}
.box2 span{ float:left; color:#666666; font-size:12px; display:block;}
.box2 font{ float:right; color:#666666; display:block; width:100%;}
.dont{  overflow:hidden;  padding-left:0px;}
.dont li:nth-child(1){ width:100%;}
.dont ul:nth-child(5){ float:left; width:50%;}
.dont ul:nth-child(6){ float:left; width:50%;}
.dont li h1:after{ content:'';position:absolute;left:0; top:10px; height:1px;width:12px;background:#a8a8a8;transition:400ms ease all;-moz-transition:400ms ease all; display:none;}
.daon_r1{ border-top:1px solid #e6e6e6; padding-top:15px;}
	
}

.box4{ clear:both; width:100%; height:auto; background:#fff; line-height:60px; padding:0 90px;}
.box4 span{ float:left; color:#666666; font-size:12px;}
.box4 font{ float:right; color:#666666;}
.box4 font a{ color:#666;}
@media(max-width:1024px){
.box4{ clear:both; width:100%; height:auto; background:#fff; line-height:60px; padding:0 30px;}	
}
@media(max-width:414px){
.box4{ clear:both; width:100%; height:auto; background:#fff; line-height:30px; padding:0 15px;}	
.box4 span{ float:left; color:#666666; font-size:12px; display:block; width:100%;}
.box4 font{ float:right; color:#666666; display:block; width:100%;}
}
/*fotter end*/