/*header begin*/
.box{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:81px; border-bottom:1px solid #cccccc; background:#f5f5f5;z-index:999999999999; }
.box.sticky{ clear:both; height:auto; position:fixed; left:0; top:0; width:100%; min-height:81px; border-bottom:1px solid #cccccc; background:#f5f5f5;z-index:999999999999;}
.logo{ float:left; padding-top:10px;}
.logo img{height: 60px; width: auto;}
.pc_nav{ float:right;}
.pc_nav ul{ float:left; margin-right:45px;}
.pc_nav li{ display:inline-block; /*margin-right:42px;*/}
.pc_nav li.qcbj{ margin-right:0px;}
.pc_nav li a{ display:block; color:#444444; font-size:16px; line-height:81px; position:relative; padding:0 21px;transition: all 1s ease;}
.pc_nav li a:after{ content:'';position:absolute;left:0; bottom:0px; height:3px;width:0px;background:#004f97;transition:400ms ease all;-moz-transition:400ms ease all;}
.pc_nav li a:hover:after{ content:'';position:absolute;left:0; bottom:-1px; height:3px;width:100%;background:#004f97;transition:400ms ease all;-moz-transition:400ms ease all;}
.pc_nav span{ float:right; display:inline-block; line-height:80px;}
.pc_nav span img{ margin-left:16px; vertical-align:middle;}
.pc_nav span a{ color:#004f97; font-size:16px; text-transform:uppercase;}
@media(max-width:1024px){
.pc_nav{ float:right; display:none;}	

}
/*header end*/


/*fotter begin*/
.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:#222; padding:70px 0 30px 0;}
.box3_1{ height:auto;border-bottom:1px solid #393939; padding-bottom:60px; margin-bottom:40px;}
.box3_1 li{ float:left; width:12.5%; height:auto; position:relative; line-height:37px; }
.box3_1 li a{ color:#f5f5f5; font-size:16px;display:block;}
.box3_1 li a img{ vertical-align:middle; margin-left:10px;}
.xone{ position:absolute; left:0; top:37px; height:auto; background:#222; z-index:99; overflow:hidden; width:150px; padding:15px; border:1px solid #efefef;}
.xone li{ clear:both; float:none; width:100%; line-height:26px;}
.xone li a{ font-size:14px; color:#f5f5f5;}
@media(max-width:1024px){
.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:#222; padding:40px 0 30px 0;}	
.box3_1{ height:auto;border-bottom:1px solid #393939; padding-bottom:40px; margin-bottom:40px;}
.box3_1 li a{ color:#f5f5f5; font-size:14px;display:block;}
.box3_1 li a img{ vertical-align:middle; margin-left:10px;}
}
@media(max-width:414px){
.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:#222; padding:40px 0 30px 0;}	
.box3_1{ height:auto;border-bottom:1px solid #393939; padding-bottom:40px; margin-bottom:40px;}
.box3_1 li a{ color:#f5f5f5; font-size:14px;display:block;}
.box3_1 li a img{ vertical-align:middle; margin-left:10px;}
.box3_1 li{ float:left; width:33.33%; height:auto; position:relative; line-height:37px; }
.xone li a{ font-size:12px; color:#f5f5f5; display:block; width:100%;}
.xone li{ clear:both; float:none; width:100%; line-height:26px;}

}
.box3_2{ clear:both; width:100%; height:auto; overflow:hidden;}
.fotter_t{ height:auto;}
.fotter_tl{ float:left;}
.fotter_tr{cursor: pointer; float:right; width:200px; height:auto; border-bottom:2px solid #7a7a7a; padding:14px 0; position:relative; color:#dfdfdf; font-size:16px; background:url(../tu/tu6.jpg) no-repeat right center;}
.fotter_tr img{ vertical-align:middle; margin-right:10px;}
.fotter_tr a{ color:#dfdfdf; font-size:16px;}
.fotter_b{ clear:both; line-height:40px; padding-top:45px;}
.fotter_b span{ float:left; color:#999999; font-size:14px;}
.fotter_b font{ float:right; color:#999; font-size:14px;}
.fotter_b font a{ color:#999; font-size:14px;}
.fotter_b font img{ margin-right:5px;}
@media(max-width:1024px){
.fotter_b{ clear:both; line-height:30px;}
.fotter_b span{ float:left; display:block; width:100%; color:#999999; font-size:14px;}
.fotter_b font{ float:right; color:#999; font-size:14px; display:block; width:100%;}
}
@media(max-width:414px){
.fotter_b{ clear:both; line-height:30px;}
.fotter_b span{ float:left; display:block; width:100%; color:#999999; font-size:14px;}
.fotter_b font{ float:right; color:#999; font-size:14px; display:block; width:100%;}
.fotter_tr{ float:right; width:150px; height:auto; border-bottom:2px solid #7a7a7a; padding:14px 0; position:relative; color:#dfdfdf; font-size:16px; background:url(../tu/tu6.jpg) no-repeat right center;}
.xone{ position:absolute; left:0; top:37px; height:auto; background:#222; z-index:99; overflow:hidden; width:auto; padding:10px; border:1px solid #efefef;}
.fotter_tr a{ color:#dfdfdf; font-size:14px;}
.fotter_tr img{ vertical-align:middle; margin-right:10px; width:20px;}

}
@media(max-width:360px){
.fotter_b{ clear:both; line-height:30px;}
.fotter_b span{ float:left; display:block; width:100%; color:#999999; font-size:14px;}
.fotter_b font{ float:right; color:#999; font-size:14px; display:block; width:100%;}
.fotter_tr{ float:right; width:110px; height:auto; border-bottom:2px solid #7a7a7a; padding:14px 0; position:relative; color:#dfdfdf; font-size:16px; background:url(../tu/tu6.jpg) no-repeat right center;}
}
/*fotter end*/