.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden; position: relative; z-index: 1;}

nav{ overflow: hidden; height:8.2rem; position: relative;}
nav a:first-child img{ display: block;margin: 2rem auto 0.5rem;width:2.1rem;height:2.1rem;}
nav a{ height:4.08rem; overflow: hidden; width:24.5%; float: left; overflow: hidden; font-size: 1.2rem; color:#333333; text-align: center; line-height: 4.05rem; position: relative;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; position: relative;}  
nav a:first-child{width:25%;background:#ff8400;height:8.2rem;overflow: hidden; color:#fff; line-height: 1.5rem;border:0;}
nav a:nth-child(4) ,nav a:nth-child(7){border-right: 0;}

.brand{ margin-top: 2.8rem;}
.brand h3{ font-size: 2.4rem; text-align: center; color:#333333;line-height: 3rem;position: relative;padding-bottom: 1.2rem;font-weight: bold;}
.brand h3 i{ font-family: Arial; color:#01479d; text-transform: uppercase; font-size: 2.6rem;}
.brand h3::before {position: absolute; content: ''; width:1.2rem; height:0.3rem;background:#01479d;bottom:0;left: 50%;margin-left: -0.6rem; }
.brand .brandwz{padding: 1.9rem 4.68% 2.6rem; font-size: 1.2rem;line-height: 2.4rem; color:#666666; text-indent: 2.4rem;}

.brand-box{background: url(../images/brandbg.jpg) no-repeat 0 0 ;background-size: 100%;height:33.15rem;}
.brand-box ul{ padding-top: 3rem;height:12.8rem;}
.brand-box li{width:33.3%; float: left;text-align: center;font-size: 1.2rem; color:#ccdaeb;height:6.1rem;position: relative;line-height:2rem;}
.brand-box li p span{ font-size: 2.2rem; line-height: 2.5rem;font-weight: bold;}
.brand-box li::before{position: absolute;content:""; width:1px;height:3.7rem;background:#2a62a9; top: 0.5rem ; right: 0;}
.brand-box li:last-child::before{height:0;}
.brand-box li:nth-child(4){margin-left: 16%;}
.bimg{width:93.4375%;margin: 0 auto;}

.tit01{ font-size: 1.3rem;text-align: center; color:#333333; line-height: 1.5rem;}
.tit01 h3 { display: block; font-size: 2rem; color:#01479d;font-weight: bold;line-height:3.5rem;}
.tit01 h3 a{color:#01479d;}
.tit01  em{display: inline-block;width:3rem;height:1px;background: #01479d ;vertical-align: middle;margin: 0 1rem;}

.dz{padding-top: 2.5rem;height:40.2rem;background:#ececec;position: relative;overflow: hidden;}
.dz .tit01{height:6.4rem;}
.dzprev{width:0.6rem;height:1.1rem;position: absolute;bottom:2.5rem; left: 36.7%; z-index: 8;}
.dznext{width:0.6rem;height:1.1rem;position: absolute;bottom:2.5rem; right: 36.7%; z-index: 8;}
.dzroll{ text-align: center; width:100%;height:3.5rem; bottom:0; z-index: 3;left: 0; width:100%; position: absolute; }
.dzroll span{display: inline-block;width:0.75rem;height:0.75rem; margin:0 0.4rem;border-radius: 100%;background:#cacaca;opacity: 1;}
.dzroll .swiper-pagination-bullet-active{background:#ff8400; }
.dz_con dl{margin:0 7.8%;padding: 1rem;background:#fff;line-height: 0;}
.dz_con dt{position: relative;}
.dz_con dt span{display: block;position: absolute;bottom:0;left: 0; width:3.6rem; height:3.6rem;background:#ff8400; font-size: 1.8rem; color:#fff; text-align: center;font-family: Arial;line-height: 3.6rem;}
.dz_con dd{text-align: center;}
.dz_con dd h3{height:3.3rem; font-size: 1.6rem; color:#333333;line-height: 4.3rem;}
.dz_con dd p{height:5.9rem; font-size: 1.2rem; color:#666666;line-height: 2.4rem;}
.dz_con dd span{height:2.7rem; width:10.5rem; border:1px solid #d5d5d5;font-size: 1.2rem; color:#999999; line-height: 2.7rem;margin: 0 auto; display: block;}

.pro{padding-top: 2.5rem;}
.pro .tit01{height:6.1rem;}
.pro .tit01 i{ font-size: 1rem; color:#333333; display: block; text-transform: uppercase;}
.pro_nav{ height:10.2rem;overflow: hidden;}
.pro_nav p{width:44.84%;height:3.8rem;background:#01479d;margin: 0 0 0.75rem 3.125%; font-size: 1.2rem; color:#fff; line-height: 3.8rem; float: left;text-align: center;}
.pro_nav img{width:2.6rem;margin-right: 0.7rem; vertical-align: middle;}
.pro_nav p.cur{background:#ff8400;}

.pro_con li{width:45.3125%;margin: 0 0 1rem 3.125%; float: left; line-height: 0; position: relative;overflow: hidden;}
.pro_con li:first-child{width:93.75%;}
.pro_con li span{ display: block;background:rgba(0,0,0,0.5); font-size: 1rem; color:#fff;height:3rem; padding-left: 0rem;line-height: 3rem;position: absolute;bottom:0;left: 0; width:100%;box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  text-align: center;}
.pro_con li i{width:2.95rem;position: absolute;bottom:1rem; right: 1rem;}
.pro_con li:first-child span{text-align: left;padding-left: 1rem; box-sizing: border-box;}

.serv{padding-top: 3rem;position: relative;height: 58.8rem;}
.serv .tit01{height:9.2rem;}
.serv .tit01 h3{ line-height: 2.5rem ; height:5.8rem;}
.serv .tit01 span{display: block; color:#ff8400;}
.serv .tit01 em{background:#d5d5d5;}

.servprev{width:0.6rem;height:1.1rem;position: absolute;bottom:2.5rem; left: 36.7%; z-index: 8;}
.servnext{width:0.6rem;height:1.1rem;position: absolute;bottom:2.5rem; right: 36.7%; z-index: 8;}
.servroll{ text-align: center; width:100%;height:3.5rem; bottom:0; z-index: 3;left: 0; width:100%; position: absolute; }
.servroll span{display: inline-block;width:0.75rem;height:0.75rem; margin:0 0.4rem;border-radius: 100%;background:#cacaca;opacity: 1;}
.servroll .swiper-pagination-bullet-active{background:#ff8400; }

.serv-box{background: #01479d;height: 49rem;}
.serv-box dl{height: 35.8rem;overflow: hidden;}
.serv_con dd{position: relative; z-index: 3; margin: -5.4rem 3.125% 0;background: #fff;height: 20.8rem;}
.serv_con dd h3{padding: 2.2rem 0 0 1rem;height: 2.7rem; overflow: hidden;}
.serv_con dd h3 span{display: block; float: left; font-size: 1.8rem; font-family: Arial;color:#ff8400;line-height: 2rem;padding-bottom: 0.2rem;position: relative;}
.serv_con dd h3 span::before{position: absolute;
 content: ""; width: 1rem;height: 1px; background: #ff9600; bottom: 0;left: 50%; margin-left: -0.5rem}
.serv_con dd p{color: #333333;font-weight: bold; float: left; font-size: 1.5rem;padding-left: 0.5rem;line-height: 2rem;}
.serv_con dd p em{ color: #ff9600; }
.yswz{padding:0.9rem 1.2rem 0 3.5rem;background: url(../images/ysico.gif) no-repeat 2.2rem 1.55rem ;background-size: 0.35rem 0.55rem; font-size: 1.2rem;line-height: 1.8rem; color:#666666;}
.serv_nav{margin: 0 3.125%; background: #Fff;height: 6.7rem; overflow: hidden;}
.serv_nav p{ float: left;width: 25%; font-size: 1.2rem; color: #333333; text-align: center;border:1px solid #e4e4e4;border-width: 1px 1px 0 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;height: 6.7rem;padding-top: 4.3rem;}
.serv_nav p:nth-child(1){background: url(../images/servnav01.gif) no-repeat center 1.4rem ;background-size: 2.3rem 2.3rem;}
.serv_nav p:nth-child(2){background: url(../images/servnav02.gif) no-repeat center 1.4rem ;background-size: 2.3rem 2.3rem;}
.serv_nav p:nth-child(3){background: url(../images/servnav03.gif) no-repeat center 1.4rem ;background-size: 2.3rem 2.3rem;}
.serv_nav p:nth-child(4){background: url(../images/servnav04.gif) no-repeat center 1.4rem ;background-size: 2.3rem 2.3rem;}
.serv_nav p:nth-child(1).cur{background:#ff9600 url(../images/servnav05.gif) no-repeat center 1.4rem ;background-size: 2.3rem 2.3rem; color: #fff;border:1px solid #ff9600; border-width: 1px 1px 0 0;}
.serv_nav p:nth-child(2).cur{background:#ff9600 url(../images/servnav06.gif) no-repeat center 1.4rem ;background-size: 2.3rem 2.3rem; color: #fff;border:1px solid #ff9600; border-width: 1px 1px 0 0;}
.serv_nav p:nth-child(3).cur{background:#ff9600 url(../images/servnav07.gif) no-repeat center 1.4rem ;background-size: 2.3rem 2.3rem; color: #fff;border:1px solid #ff9600; border-width: 1px 1px 0 0;}
.serv_nav p:nth-child(4).cur{background:#ff9600 url(../images/servnav08.gif) no-repeat center 1.4rem ;background-size: 2.3rem 2.3rem; color: #fff;border:1px solid #ff9600; border-width: 1px 1px 0 0;}

.case{padding-top: 2.5rem;}
.case .tit01{height:6.5rem;}

.case_nav{ height:10.4rem;overflow: hidden; position: relative;}
.case_nav p{width:32%;height:3.7rem;background:#fff;border:1px solid #d1d1d1; margin: 0 0 0.75rem 3.125%; font-size: 1.2rem; color:#333333; line-height: 3.7rem; float: left;text-align: center;}
.case_nav p.cur{background:#ff8400;border:1px solid #ff8400;color: #fff;}
.case_nav span{display: block;position: absolute; top: 0;right: 3.125%;height: 8.25rem;width: 22.5%;border:1px solid #d1d1d1;text-align: center;  font-size: 1.2rem; color:#333333;line-height: 8.25rem;}
.case_nav span a{display: block; color:#333333;}
.case_con li{width:45.3125%;margin: 0 0 1rem 3.125%; float: left; line-height: 0; position: relative;overflow: hidden;}
.case_con li:first-child{width:93.75%;}
.case_con li span{ display: block;background:rgba(0,0,0,0.5); font-size: 1rem; color:#fff;height:3rem; padding-left: 0rem;line-height: 3rem;position: absolute;bottom:0;left: 0; width:100%;box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  text-align: center;}
.case_con li i{width:2.95rem;position: absolute;bottom:1rem; right: 1rem;}
.case_con li:first-child span{ text-align: left;padding-left: 1rem; box-sizing: border-box;}

.case2{padding-top: 2.5rem; clear: both;overflow:hidden;}
.case_con2{margin-top:1.5rem;}
.case_con2 li{width:45.3125%;margin: 0 0 1rem 3.125%; float: left; line-height: 0; position: relative;overflow: hidden;}
.case_con2 li span{ display: block;background:rgba(0,0,0,0.5); font-size: 1rem; color:#fff;height:3rem; padding-left: 0rem;line-height: 3rem;position: absolute;bottom:0;left: 0; width:100%;box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  text-align: center;}
.case_con2 li i{width:2.95rem;position: absolute;bottom:1rem; right: 1rem;}
.case_con2 li:first-child span{ text-align: left;padding-left: 1rem; box-sizing: border-box;}

.dzsb{position: relative;margin-top: 3.3rem;background: #ececec;height: 44.4rem;overflow: hidden;}
.dzsb .tit01{padding-top: 2.4rem;height: 6.5rem;}
.dzsbprev{width:0.6rem;height:1.1rem;position: absolute;bottom:2.5rem; left: 36.7%; z-index: 8;}
.dzsbnext{width:0.6rem;height:1.1rem;position: absolute;bottom:2.5rem; right: 36.7%; z-index: 8;}
.dzsbroll{ text-align: center; width:100%;height:3.5rem; bottom:0; z-index: 3;left: 0; width:100%; position: absolute; }
.dzsbroll span{display: inline-block;width:0.75rem;height:0.75rem; margin:0 0.4rem;border-radius: 100%;background:#cacaca;opacity: 1;}
.dzsbroll .swiper-pagination-bullet-active{background:#ff8400; }
.dzsb_con li{width: 45.625%;padding: 0.5rem;background: #fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; margin: 0 0 0.75rem 3.125%; float: left;line-height: 0}
.dzsb_con li span{padding-top: 0.8rem ; font-size: 1.2rem; color: #666666; text-align: center;line-height: 2rem;text-align: center;
display: block;}

.lc{background: url(../images/lcbg.jpg) no-repeat 0 0 ;background-size: 100%;height: 27.55rem; }
.lc .tit01 {padding-top: 2.7rem;height: 6.7rem;color:#fff; }
.lc .tit01 h3{ color:#fff; }
.lc .tit01 em{background: #4e7ab6;}
.lc ul{margin: 0 1rem;}
.lc li{background: url(../images/lc_line.png) no-repeat 85% 2rem ;background-size: 2.3rem 0.3rem; float: left;
padding-right: 2.3rem;height: 8.9rem; font-size: 1rem; color: #fff; text-align: center; line-height: 2rem;width: 35%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; margin-right: -10%}
.lc li img{display: block;width: 4.35rem;height: 4.35rem;border:1px solid #809ec8;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; border-radius: 100%;margin: 0 auto;}
.lc li:nth-child(4){background: url(../images/lcico03.png) no-repeat center 6.6rem ;background-size: .3rem 1.7rem;padding-right: 0;}
.lc li:nth-child(1),.lc li:nth-child(5){}
.lc li:nth-child(5),.lc li:nth-child(7),.lc li:nth-child(6){background: url(../images/lcico04.png) no-repeat 85% 2rem ;background-size: 2.3rem 0.3rem; }
.lc li:nth-child(8){background: none;padding-right: 0; }


.about{margin-top: 2.9rem;height: 38.85rem; overflow: hidden;}
.about .tit01{ height:8.2rem; font-size: 1.3rem; color: #222222; line-height: 2rem;}
.about .tit01 h3{ font-size: 1.8rem; color: #222222; }
.about .tit01 img{vertical-align: middle;}
.about .tit01 img.img01{ width: 4rem; }
.about .tit01 img.img02{ width: 3.55rem; }
.about dl{ width:90.3125%; margin: 0 auto;}
.about dd h4{ font-size: 1.2rem; color:#333333; line-height: 2rem; padding-top: 1.6rem;font-weight: bold;
text-align: center;}

.about dd p{ font-size: 1.2rem; line-height: 1.8rem; color:#666666;}
.about dd i{ display: block; width: 10.4rem;height: 2.7rem;border:1px solid #d5d5d5; font-size: 1.2rem; color: #999999;line-height: 2.7rem; margin: 1.5rem auto;text-align: center;}

.news{}
.news_nav { height:4rem;background: #01479d; margin-bottom: 2.4rem;}
.news_nav p{ display: block; float: left; width:50%;text-align: center; font-size: 1.4rem; line-height: 4rem; height:4rem; position: relative; color:#fff;}
.news_nav p.cur{background: #ff8400;position: relative;}
.news_nav p.cur::before{position: absolute; content: ""; width: 0;height: 0;top: 4rem;left: 48%; border-top: 0.5rem solid #ff8400;border-right: 0.5rem solid transparent;border-left: 0.5rem solid transparent;}
.news_con ul{margin: 0 4.68% 0 6.56%;overflow: hidden;}
.news_con li{height:3rem; line-height: 3rem;overflow: hidden; }
.news_con li span{display: block; float: left;width: 1.05rem;height: 1.05rem;border-radius: 0.2rem;background: #c7c7c7;position: relative; line-height: 1.05rem;text-align: center; font-size: 0.8rem; font-family: Arial; color: #fff; margin-top: 1rem;}
.news_con li span::before{position: absolute; content: ""; width: 0;height: 0;top: 0.4rem;left: 1.05rem; border-left: 0.2rem solid #c7c7c7;border-top: 0.2rem solid transparent;border-bottom: 0.2rem solid transparent;}
.news_con li:nth-child(1) span,.news_con li:nth-child(2) span{background: #ff8400 }
.news_con li:nth-child(1) span::before,.news_con li:nth-child(2) span::before{position: absolute; content: ""; width: 0;height: 0;top: 0.4rem;left: 1.05;border-left: 0.2rem solid #ff8400;border-top: 0.2rem solid transparent;border-bottom: 0.2rem solid transparent;}
.news_con li a{display: block; float: left;width: 90%; border-bottom: 1px dashed #adadad;height: 3rem; font-size: 1.2rem; color: #666; line-height: 3rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;margin-left: 1rem;}
.nmore{ display: block;height:3rem;background: #ececec;text-align: center; font-size: 1.2rem;width: 100%; line-height: 3rem; margin-top: 2rem;}
.nmore img{width: 0.95rem;vertical-align: middle;}
.nmore a{ color: #888888; }


html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}