.banner img{ max-width: 100%;}

.headline{ height: auto; overflow: hidden; margin-top: 30px;}
.lijing {border-bottom: 1px solid #d9d9d9;line-height: 40px;color: #666; margin-bottom: 25px;}
.lijing .i1 {font-style: normal;padding-left:32px;font-size: 22px;color: #142f73;  background: url(../images/people.png) no-repeat left center; border-bottom:2px solid #142f73;padding-bottom: 4px;}

.lijing .i3 {  background: url(../images/lab.png) no-repeat left center;padding-left: 37px;}
.lijing .i4 {  background: url(../images/cont.png) no-repeat left center;padding-left: 30px;}
.lijing .i5 {  background: url(../images/suup.png) no-repeat left center;padding-left: 30px;}
.lijing>span {float: right; font-size: 13px; background: url(../images/home.png) no-repeat left center;    padding-left: 20px;}
.lijing>span a{ color: #333;}
.lijing>span a:last-child{ color: #142f73; font-style: normal;}

.product-con{ height: auto; overflow: hidden; margin-bottom:30px; }

.nav_bar{ text-align: center; height: auto; overflow: hidden; margin-bottom:30px; }
.nav_bar li{display: inline-block; width: 230px; height: 42px; text-align: center; line-height: 42px; margin-right: 8px; border:1px solid #e1e1e1;}
.nav_bar li:last-child{ margin-right: 0;}
.nav_bar li a{font-size: 15px;color: #333333; display: block; width: 100%; }

.nav_bar li a.active{ background: #142f73;color: #fff;}

/**/
.news-ul{ height: auto; overflow: hidden; }
.news-ul li{ border:1px solid #f1f1f1; margin-bottom: 25px; overflow: hidden; padding:4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff;}
.news-ul li .pro-left{ float: left; width: 353px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.news-ul li .pro-left img{ display: block; width: 353px; height:225px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.news-ul li .pro-right{ float: left; width: 750px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-left: 70px;}
.news-ul li .pro-right .pro-title{  font-size: 28px; color: #2b2b2b; margin-top: 50px;}
.news-ul li .pro-right .pro-title2{ font-size:13px; color:#888888; margin-top: 20px; }
.news-ul li .pro-right .pro-title1{ color: #666666; font-size: 13px; line-height: 20px;margin-top: 20px; text-align: justify; overflow: hidden;}
.news-ul li:hover{ border:1px solid #142f73;}
.news-ul li:hover .pro-title{ color:#142f73;}

.info_con{ height: auto; overflow: hidden;}
.info_left{ float: left; width: 795px; border:1px solid #dcdcdc; padding:18px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.info_left h1{ text-align: center; font-size: 28px; color:#333333; margin-top: 2%;}
.info_left .fb_time{ font-size: 13px; color: #666666; border-bottom:1px solid #e8e8e8; text-align: center; line-height: 40px;}
.info_left .infonr{ height: auto; overflow: hidden; margin:3% 0px;font-size:16px;}
.infonr image{height:auto;width:auto;}
.vid-info{ height: auto; overflow: hidden; margin-top: 2%; position: relative;}
.vid-info a{ color:#333333; font-size: 13px; display: block;}
.vid-info a.aa{ width: 90px; height: 30px; background: #142f73; text-align: center; color:#fff; font-size: 14px; text-align: center; position: absolute; right:0px; top:6px;}
.info_right{ float: right; width: 374px;}
.new_video{ height: auto; overflow: hidden; border:1px solid #e8e8e8; padding:14px;}
.new_video h2{ font-size: 18px; color:#333333; font-weight: normal;}
.new_video h2 i{ display: inline-block; font-style: normal; font-size: 10px; line-height: 16px; width: 29px; height: 16px; color:#fff; background: #ff8710; text-align: center;}
.info_left .share{ height: auto; overflow: hidden;border-bottom:1px solid #e8e8e8; padding-bottom: 5px; }
.new_video .vi_ul{ height: auto; overflow: hidden; margin-top: 2%;}
.new_video .vi_ul li{ height: auto; border-bottom:1px solid #e8e8e8; padding:5px 0px; margin:0px; overflow: hidden;}
.new_video .vi_ul li .vi_le{width: 33%; float: left;}
.new_video .vi_ul li .vi_le img{ max-width: 100%;}
.new_video .vi_ul li .vi_ri{ padding:0px; float: right; width: 63%;}
.new_video .vi_ul li .vi_ri .tile_vo{ font-weight: bold; font-size: 15px; color:#333; margin-top: 2%;}
.new_video .vi_ul li .vi_ri p{ font-size: 13px; color:#666;margin-top: 2%;}
.new_video .vi_ul li .vi_ri p span{ float: right; background: url(../images/eye.png) no-repeat left center; display: inline-block; padding-left: 25px; color:#142f73;}
.new_video .vi_ul li:last-child{ border-bottom: none;}
.hot_video{ margin-top: 10%;}

/* */
.contact_in{ height: auto; overflow: hidden; }
.contact{ height: auto; overflow: hidden; margin-top: 10px; }
.contact .address{width:650px;  float:left;}
.contact .address h2{font-size:32px; line-height: 32px; font-weight: normal; background: url(../images/green_line.png) no-repeat left bottom; padding-bottom: 16px; margin-bottom: 15px; }
.contact .address p{ line-height:23px; color:#333333; font-size: 15px; margin-top: 10px; }


.contact .wechat{ float:right; text-align:center; }
.contact .wechat li{ float: left; width: 116px;}
.contact .wechat li:first-child{ margin-right: 50px;}
.contact .wechat img{ width: 116px; height: 116px; display: block;}
.contact .wechat p{ font-size: 13px; color:#333; margin-top: 5px;}

.mapp{ margin:32px 0 64px; height: auto; overflow: hidden; border-top:1px solid #f4f4f4; padding-top: 32px;}

.message{ height: auto; overflow: hidden;}
.message .sub_left{ float: left; width: 362px;}
.message .sub_left p{width: 100%;height: 46px;margin-bottom: 28px;}
.message .sub_left p input {width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #d8d8d8;text-indent: 14px;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;}
.message .sub_mid{ float: left;width: 646px;margin-left: 20px;}
.sub_mid textarea {width: 100%;height: 120px;border: 1px solid #d8d8d8;text-indent: 14px; padding-top: 5px;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;}
.message .sub_btn{ float: right; width: 146px;}
.sub_btn input {width: 100%;height: 46px;background: #676767;color: #fff;margin-bottom: 28px;
    text-align: center; border:none; font-size: 16px;-webkit-appearance: none;}
.sub_btn input:last-child {margin-bottom: 0;background: #142f73;}

/*  */
.about{ height: auto; overflow: hidden; margin-bottom: 30px; }
.about h1{ text-align: center; font-size:28px; color:#333333;  background: url(../images/ab_gren.png) no-repeat bottom center; line-height: 40px; padding-bottom: 8px; }
.about-con{ height: auto; overflow: hidden; margin-top: 10px;}
.about p{  margin-top:10px}
.about p img{ }

.pro_left{ float: left; width: 230px;}
.pro_left h1{ height: 70px; background: #142f73 url(../images/tzk.png) no-repeat 16px center; color:#fff; line-height: 70px; font-size: 22px; font-weight: normal; padding-left: 54px; }
.wike-ul{position:relative; height: auto; overflow: hidden; border:1px solid #e0e0e0; border-top:none; }
.wike-ul li{ height: 50px; overflow: hidden; background: #ffffff;   font-size:16px; line-height: 50px; border-bottom:1px solid #e0e0e0; padding-left: 55px;}
.wike-ul li a{ display: block; color:#444444;}
.wike-ul li.cur{ background: #f0f0f0;}
.wike-ul li:last-child{ border-bottom: none;}

.con-one{border:1px solid #e1e1e1;margin-top:30px; height: auto; overflow: hidden;width: 230px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.cn-title{text-align: center;  color: #1e1e1e; font-size: 26px; font-weight: normal; border-top:3px solid #142f73; padding-top: 12px;}
.con-one .box{ padding:10px 0px;}
.con-one .box p{ height:46px; line-height:46px; color:#666; border-bottom:1px dashed #d7d7d7; padding-left:20px; font-size: 13px;}
.con-one .box .p1{ height:70px; line-height:24px; color:#ff9313; padding-left:63px; font-size:20px; background:url(../images/p1.png) no-repeat 10px 15px; padding-top:10px; font-weight: bold; }
.con-one .box .p1 .span{ font-size:13px; color:#666; font-weight: normal; }

.con-one .box .p2{ background:url(../images/p2.png) no-repeat 5px center; font-size: 13px; color:#222222; line-height:20px;display: none;}
.con-one .box .sao{ height: auto; margin-top: 20px;}
.con-one .box .sao img{ margin:0 auto; display: block; width: 146px; height: 146px;}
.con-one .box .sao span{ font-size: 13px; color:#222; text-align: center; margin-top: 4px; display: block;}
.prod-right{ float: right; width: 940px;} 
.prod-right h1{font-size: 24px;color: #222222;text-align: center;}
.prod-right .condition{ height: auto; overflow: hidden; margin-top: 30px;}
/**/
.lujingg{ margin-bottom:20px;}
.lujingg a{color: #555; }
.mapi{ overflow:hidden; width:1200px; margin:30px auto;}
.map-box{ overflow:hidden; margin-bottom:30px;}
.map-box  .mapLeft{font-size:16px; margin-bottom:10px;}
.mapRight{overflow:hidden; border:1px solid #ccc; padding:10px;}
.mapRight li{ overflow:hidden; float:left; width:180px;}
.mapRight a:hover{ color:#32ba60;}
.mapRight a{ display:block; padding:5px 0; color: #555;}
.mapRight a b{display:block; font-size:14px; color: #555;}
.list-unstyled li a:hover b{color:#32ba60; }
.map-box a{color: #555; }


.new_solution{ height: auto; overflow: hidden;}
.solu_nesul{ height: auto; overflow: hidden;}
.solu_nesul li{ float: left; width: 301px; margin-right: 18px; margin-bottom: 10px;}
.solu_nesul li:nth-child(3n){ margin-right: 0px;}
.solu_nesul li img{ margin:0 auto; display: block; max-width:100%; height:265px;}
.solu_nesul li p{ text-align: center; color:#333; font-size: 14px; line-height: 30px;}
.rhhonor{ height: auto; overflow: hidden; margin-top: 20px;}

.leftLoop2{position: relative; width:1200px; margin:20px auto; }

.leftLoop2 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop2 .hd a{position:absolute; display:block;  width:30px; height:60px; cursor:pointer;}
.leftLoop2 .hd .prev{left:-52px; top:100px;  background:url("../images/prevPro4.png") no-repeat left top;}
.leftLoop2 .hd .next{right:-52px; top:100px;  display:block;  background:url("../images/nextPro4.png") no-repeat right top;}


.leftLoop2 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop2 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop2 .bd ul li{ float:left; overflow:hidden; width:220px;  text-align:center; margin-right: 25px; }
.leftLoop2 .bd ul li div{ width:208px;  height:272px;border:1px solid #e4e4e4; margin:0 auto; padding:3px;}
.leftLoop2 .bd ul li img{width:100%;}
.leftLoop2 .bd ul li p{ font-size:13px; color:#666666; line-height: 36px;}
.par_inh{ display: none;}

.tianjian{ height: auto; overflow: hidden; margin-top: 10px;}
.tianjian li{ width: 223px; float: left; margin-right: 15px; margin-bottom:10px;}
.tianjian li:nth-child(4n){ margin-right: 0px;}
.tj_con{ height: auto; overflow: hidden; border:1px solid #ccc; padding:3px; position: relative;}
.tj_con img{ width: 215px; display: block;}
.tj_con p{ width: 100%; height: 30px; line-height: 30px; text-align: center; color:#fff; font-size: 14px;position: absolute; bottom:0px; left:0px; background: rgba(0,0,0,0.6);}
.tianjian li a{ width: 100%;height: 35px; line-height: 35px; background: #FD7700; color: #fff; font-size: 14px; text-align: center; display: block; border-radius: 20px; margin-top: 10px;}




.mobile_banner{ display: none;}
.swiperloop_mob{ display: none;}
@media screen and (max-width: 768px) {
.banner{ display: none;}
.mobile_banner{ display: block;}
.swiperloop_mob{ display: block;}
.swiperloop_mob img{ max-width: 100%;}

.headline{ margin-top:5%;}
.lijing{ height: auto; overflow: hidden;}
.lijing .i1{ display: none;}
.lijing span{ float: none;}
.product-con{ margin-bottom: 10%;}
.pro_left{ float: none; width: 100%;}


.wike-ul{ height: auto; overflow: hidden;}
.wike-ul li{ text-align: left; padding:0 10px;font-size: 14px;}
.con-one{ display: none;}
.prod-right{ float: none; width: 100%; margin-top: 8%;}
.prod-right .condition{ margin-top: 3%;}
.condition p{font-size:16px;}
.item,.tempwrap,.review2,.container2,.rewiew_right2,.Linkpower,.scenario_tit,.scenario_tit03,.tempWrap,.tempWrap_01,.tempWrap_02,.tempWrap_03,.tempWrap_04,.content-center{ width: 100%; margin-top: 8%;}
.superiority_box{display:block;-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    box-shadow: 0 4px 20px 20px rgba(0,0,0,.03);
    float: right;width: 100%; margin-top: 8%;}
.tempWrap_02{float: none; width: 100%; margin-top: 8%;background-color:#ffffff;}
.temp_img,.temp_text,.temp_img02,.temp_text02,.corp_01{width:100%;}
.corimag{display:none;}
.temp_text .tit_01,.temp_text02 .tit_01{font-size: 24px;text-align: center;}
.tit_01{margin-top: 20px;}
.submit{margin-top: 20px;}
.revi_ricon2{margin: 0 0 0 30px;}
.form_item2 .form-element2 {width: 290px;float: left;}
.clearfix li{width: 90%;}
.clearfix p{margin: 20px 0;}
.nav_bar{ margin-bottom: 5%;}
.nav_bar li{ width: 32%; margin-right: 1%; float: left; height: 35px; line-height: 35px;}
.nav_bar li:last-child{ margin-right: 0px;}

.news-ul li{ padding:0px; border:none; margin-bottom: 5%; border-bottom: 1px solid #ccc; padding-bottom: 4%;}
.news-ul li a{ height: auto; overflow: hidden;}
.news-ul li .pro-left{ float: none; width:100%;}
.news-ul li .pro-left img{ max-width: 100%; width: auto; height: auto;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0;}
.news-ul li .pro-right{ width: 100%; float: none; margin-left: 0px;}
.news-ul li .pro-right .pro-title{ font-size: 20px; margin-top: 5%;}
.news-ul li .pro-right .pro-title1{ margin-top: 2%;}
.news-ul li .pro-right .pro-title2{ margin-top: 2%;}
.info_left{ float: none; width: 100%;}
.info_left h1{ font-size: 18px; margin-top: 0px;}
.vid-info a.aa{ position: inherit;}
.info_right{ float: none; width: 100%; margin-top: 8%;}
.about h1{ font-size: 20px; line-height: 20px;}
.about b img{ max-width: 100%;}
.contact .address{ float: none; width: 100%;}
.contact .address h2{ font-size: 20px; line-height: 20px; padding-bottom: 4%;}
.contact .wechat{ float: none; width: 100%; margin-top: 5%; height: auto; overflow: hidden;}
.contact .wechat li{ width: 40%;}
.contact .wechat li:first-child{ margin-right: 0px;}
.contact .wechat img{ max-width: 100%; margin:0 auto;}
.mapp{ margin:8% 0px; padding-top:4%;}
.message .sub_left{ float: none; width: 100%;}
.message .sub_left p{ margin-bottom: 5%;}
.message .sub_mid{ float: none; width: 100%; margin-left:0px;}
.message .sub_btn{ float: none; width: 100%; margin-top: 5%;}
.sub_btn input{ width: 45%;-webkit-appearance: none;}


.solu_nesul li{ width:48%; margin-right: 0px;}
.solu_nesul li:nth-child(2n){ float: right;}
.solu_nesul li img{ max-width: 100%; display: block; height:auto;}
.leftLoop2{ display: none;}
.par_inh{ display: block;}
.par_inh img{ max-width: 100%;}
.par_inh p{ text-align: center; font-size: 14px; color: #333; margin-top: 5px;}
.par_inh h1{ height: 35px;}



.tianjian li{ width: 48%; margin-right: 0px; margin-bottom: 8%;}
.tianjian li:nth-child(2n){ float: right;}
.tianjian li img{ width: 100%; max-width: 100%;}