.box{ clear:both; width:100%;min-height:80px; position:absolute; left:0; top:0; z-index:9999999999; background:url(../images/bg2.png) no-repeat left bottom;}

.logo{ position:absolute; left:40px; padding-top:19px;}

.rukou{ position:absolute; right:40px; padding-top:25px;}

.rukou a.ruko{ display:block; width:100px; height:30px; border:1px solid #cccccc; line-height:28px; text-align:center; color:#fff; border-radius:50px; margin-right:12px; float:left;}

.rukou a{ margin-right:7px;}

.rukou a.tuh{ margin-right:0px;}

.pc_nav{ height:auto; overflow:hidden; clear:both;}

.pc_nav li{ float:left; width:14.2%; height:auto; line-height:80px; background:url(../images/bg3.png) no-repeat right center; text-align:center;}

.pc_nav li a{ display:block; width:100%; position:relative; color:#fff; font-size:16px;}

.pc_nav li a:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;transition:400ms ease all;-moz-transition:400ms ease all;}

.pc_nav li:hover a:after{ content:'';position:absolute;left:0; bottom:0px; width:100%; height:2px; background:url(../images/bg1.jpg) no-repeat center bottom;transition:400ms ease all;-moz-transition:400ms ease all;}

.pc_nav li.qcbj{ background:none;}

.sj_nav{ display:none;}

@media(max-width:1440px){
.pc_nav li{ float:left; width:14.2%;}

}

@media(max-width:1366px){
.pc_nav li{ float:left; width:13.5%;}

}

@media(max-width:1024px){

.pc_nav{ height:auto; overflow:hidden; clear:both; display:none;}	

.sj_nav{ display:block; padding-top:60px;}



}



@media(max-width:768px){

.pc_nav{ height:auto; overflow:hidden; clear:both; display:none;}	

.sj_nav{ display:block; padding-top:60px;}

.logo{ position:absolute; left:30px; padding-top:19px;}

.rukou{ position:absolute; right:30px; padding-top:25px;}

}

@media(max-width:414px){

.pc_nav{ height:auto; overflow:hidden; clear:both; display:none;}	

.sj_nav{ display:block; padding-top:60px;}

.logo{ position:absolute; left:15px; padding-top:19px;}

.rukou{ position:absolute; right:15px; padding-top:25px;}

}

@media(max-width:375px){

.pc_nav{ height:auto; overflow:hidden; clear:both; display:none;}	

.sj_nav{ display:block; padding-top:60px;}

.logo{ position:absolute; left:15px; padding-top:19px;}

.rukou{ position:absolute; right:15px; padding-top:25px;}

.rukou a.ruko{ display:block; width:60px; height:30px; border:1px solid #cccccc; line-height:28px; text-align:center; color:#fff; border-radius:50px; margin-right:12px; float:left;}

}



.box4{ clear:both; overflow:hidden; width:100%; height:auto; background:#212c3e; padding:45px 0;}

.box4_1{ height:auto; overflow:hidden; min-height:75px; border-bottom:1px solid #25364e; line-height:24px;}

.box4_1 span{ float:left;}

.box4_1 span a{ color:#fff;}

.box4_1 span em{ margin:0 31px; color:#424242;}

.box4_1 font{ float:right; display:none;}

.box4_1 font em{ margin:0 31px; color:#424242}

.box4_2{ clear:both; width:100%; height:auto; overflow:hidden; padding:70px 0 50px 0; margin-bottom:35px; border-bottom:1px solid #25364e;}

.lodh{ float:left; width:26%; height:auto; overflow:hidden; padding-top:30px;}

.lodh h1{ height:auto ; margin-bottom:15px}

.lodh p{ color:#fff; font-size:14px; margin-bottom:10px;}

.lodh p img{ vertical-align:middle; margin-right:10px;}

.lodh h6{ color:#fff; font-size:32px;}

.dizh{ float:left; width:62%; height:auto; overflow:hidden; padding-top:30px;}

.dizh li{ float:left; width:50%; margin-bottom:15px;}

.dizh li span{ float:left; display:block; width:20px; height:20px;}

.dizh li font{ float:left; margin-left:20px; color:#fff; font-size:14px;}

.ewxi{ float:right; width:140px; height:auto;}

.ewxi p{ color:#95a1ae; line-height:20px; text-align:center;}

.ewxi p img{ margin-bottom:10px;}

.box4_3{ clear:both; height:auto; overflow:hidden;}

.box4_3 span{ float:left; color:#b2b2b2; line-height:24px;}

.box4_3 font{ float:right; color:#b2b2b2; line-height:24px;}

.box4_3 font a{ color:#b2b2b2;}

@media(max-width:1024px){

.box4{ clear:both; overflow:hidden; width:100%; height:auto; background:#212c3e; padding:20px 0;}	

.box4_2{ clear:both; width:100%; height:auto; overflow:hidden; padding:20px 0 20px 0; margin-bottom:35px; border-bottom:1px solid #25364e;}

.lodh{ float:left; width:100%; height:auto; overflow:hidden; padding-top:0px;}

.dizh{ float:left; width:100%; height:auto; overflow:hidden; padding-top:30px;}

.ewxi{ float:none; width:140px; height:auto; margin:0 auto;}

}



@media(max-width:414px){

.box4{ clear:both; overflow:hidden; width:100%; height:auto; background:#212c3e; padding:20px 0;}	

.box4_2{ clear:both; width:100%; height:auto; overflow:hidden; padding:20px 0 20px 0; margin-bottom:35px; border-bottom:1px solid #25364e;}

.lodh{ float:left; width:100%; height:auto; overflow:hidden; padding-top:0px;}

.dizh{ float:left; width:100%; height:auto; overflow:hidden; padding-top:30px;}

.box4_1 span em{ margin:0 31px; color:#424242; display:none;}

.box4_1 span a{ color:#fff; display:block; float:left; width:25%}

.box4_1 font{ float:left;}

.box4_1{ height:auto; overflow:hidden; min-height:75px; border-bottom:1px solid #25364e; line-height:24px; padding-bottom:15px;}

.dizh li{ float:left; width:100%; margin-bottom:15px;}

.box4_3 span{ float:left; color:#b2b2b2; line-height:24px; display:block;}

.box4_3 font{ float:right; color:#b2b2b2; line-height:24px; display:block; width:100%;}

}