.mobile_banner{ display: none;}

a:hover, a:focus{ text-decoration: none !important;}
.headline{ width: 100%; height: 42px; border-bottom: 1px solid #e8e8e8;}
.lijing {line-height: 40px;color: #666; width: 1200px; margin:0 auto;}
.lijing span { font-size: 13px; background: url(../images/dt.png) no-repeat left center; padding-left: 20px;}
.lijing span a{ color: #333;}
.lijing span a:last-child{ color: #fc7321; }

.product-con{ height: auto; overflow: hidden; margin:30px 0; }
.pro_left{ float: left;width: 230px;}
.pro_left h1{ height: 81px; background: #0b6fcc; color:#fff; text-align: center; font-size: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 20px; line-height: 25px;}
.pro_left h1 i{ font-weight: normal; font-style: normal; color:#fff; font-size:13px; opacity: 0.6;filter:Alpha(opacity=60);}
.leftmenu{ background:#fafafa; padding:11px 15px; border:1px solid #f0f0f0;}
.leftmenu dd {height: auto; overflow: hidden; margin-bottom: 10px;position:relative;}
.leftmenu dd:last-child{ margin-bottom: 0px;}

.leftmenu dd> a{ color:#0b6fcc; display: block;  text-indent:20px;position: relative;height: 40px;line-height: 40px;font-size: 16px;border: 1px solid #0b6fcc;border-radius: 2px;}

.leftmenu dd span{position:absolute; width:20px; height:20px; right:20px; top:10px;background:url("../images/jia.png") no-repeat center; }
.leftmenu dd span.jia{background:url("../images/jia.png") no-repeat center; } 
.leftmenu dd span.jian{background:url("../images/jian.png") no-repeat center; }

.leftmenu dd.cur span{background:url("../images/jian.png") no-repeat center; } 

.leftmenu dd .menuson{ margin:0 auto;   padding:10px 0; display: none;}
.leftmenu dd.cur .menuson{ display: block;}
.leftmenu dd .menuson li{ position:relative;height:30px; line-height:30px; font-size: 14px; padding-left: 20px;}
.leftmenu dd .menuson li a{ color:#333; display: block;}
.leftmenu dd .menuson li:hover a{ color:#0b6fcc;}
.leftmenu dd .menuson .active a{color:#0b6fcc; font-weight: bold;}


.number{ height: 66px; background: #0b6fcc; text-align: center; color: #fff; font-size: 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 8px;}
.number b{ font-size: 22px;}

.product-right{ float: right; width: 934px;}
.pro_ul{ height: auto; overflow: hidden;}
.pro_ul li{ float: left; width:32%;  margin-right:1%; margin-bottom: 40px; border:1px solid #e8e8e8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; }
.pro_ul li a{ display: block; margin:3px;position: relative; overflow: hidden;}
.pro_ul li div{ position: relative;width: 100%;height: 284px; overflow: hidden;}
.pro_ul li div img{ display: block; width: 284px; height: 284px; overflow: hidden;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;overflow: hidden;}
.pro_ul li h2{ position: absolute;bottom:0px; left:0px; background: #227dd1; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color:#fff; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight: normal;}


.proinfo_con{ height: auto; overflow: hidden; padding:0 20px;}
.swiperloop_mob{ display: none;}
.pro-info-left{ float: left; width: 478px; height: 478px; border:1px solid #f2f2f2;}
.leftLoop6{position: relative; width:476px; margin:0px auto;}
.leftLoop6 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop6 .hd a{position:absolute; display:block;  width:43px; height:86px; cursor:pointer;}
.leftLoop6 .hd .prev{left:0px; top:172px;  background:url("../images/proi-left.png") no-repeat left top;}
.leftLoop6 .hd .next{right:0px; top:172px;  display:block;  background:url("../images/proi-right.png") no-repeat right top;}
.leftLoop6 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop6 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop6 .bd ul li{ float:left; overflow:hidden; width:476px;  text-align:center; }
.leftLoop6 .bd ul li div{ width:476px;  height: 476px;}
.leftLoop6 .bd ul li img{width:100%;}
.pro-info-right{ float: left; width: 483px; margin-left: 104px;}
.pro-info-p{ color: #333333; font-size: 28px;  margin-bottom: 16px;  border-bottom:1px solid #f2f2f2;   line-height: 45px; font-weight: bold; padding-bottom: 10px;}
.pro-info-p1{ height: auto; overflow: hidden; }
.pro-info-p1 dl{ height: auto; overflow: hidden; margin-bottom: 8%;}
.pro-info-p1 dl dt{ font-size: 16px; color:#ff7a00; font-weight: bold; margin-bottom: 1%;}
.pro-info-p1 dl dd{ font-size: 13px; color:#333333; line-height: 25px;}

.coall{ height: auto; overflow: hidden; }
.coall .apan{ float: left;font-size: 20px; color:#ff7a00; background: url(../images/p1.png) no-repeat left center; line-height: 40px; padding-left: 45px; margin-right: 40px;}
.coall .span{ float: left;position: relative;top: 10px; }
.justt{ height: auto; overflow: hidden; margin-top: 4%;}
.justt a{ display: inline-block; width: 120px; height: 40px; background: #ff7a00; color:#fff; line-height: 40px; color:#fff; font-size: 13px; text-align: center; border-radius: 3px; margin-right:15px;}
.swiperloop_mob img{ max-width: 100%;}


.pro_change{ height: auto; overflow: hidden; margin-top: 54px;   }
.pro_change ol{ height: auto; overflow: hidden; height: 50px; line-height: 50px; background: #f5f5f5; border:1px solid #dddddd;}
.pro_change ol li{ padding:0 28px; float: left; color:#333333; font-size: 16px; text-align: center; cursor: pointer; background: url(../images/gray.jpg) no-repeat right center;  }
.pro_change ol li.cur{ color:#0b6fcc;}
.pro_change ol li:last-child{ background: none;}
.pro_conn{ height: auto; overflow: hidden; margin-top: 30px;}
.pro_conn .pro_inn{ height: auto; overflow: hidden; display: none;}
.pro_conn .pro_inn .spana{ font-size: 18px; color:#ff7a00; font-weight: bold;}
.bayq{ height: auto; overflow: hidden;}
.bayq p{ font-size: 14px;}
.detail_con{ height: auto; overflow: hidden; margin-top: 2%;}
.detail_con .advavtage{ height: auto; overflow: hidden; }
.detail_con .ad_title{ width: 100%; height: auto; background:#0b70cc; color:#fff; text-align: center; font-size: 28px; font-weight: bold; line-height:30px; padding:10px 0px;}
.advavtage_title{ width: 100%; height: auto; background:#0b70cc; color:#fff; text-align: center; font-size: 28px; font-weight: bold; line-height:30px; padding:10px 0px;}
.advavtage_title span{ font-weight: bold; font-size: 18px; }

.advat_ul{ height: auto; overflow: hidden;}
.advat_ul>li{ float: left; width: 600px; height: 229px;}
.advat_ul>li .ar-le{ font-size: 22px;color: #333333;font-weight: bold;margin-top: 30px;}
.advat_ul>li .ar-le span{color: #ff7a00;}
.advat_ul>li .ar-le img{display: inline-block;margin-right: 10px;}
.advat_ul>li .ar-ri{display: block;height: auto;overflow: hidden;margin-left: 40px;margin-top: 12px; background: #fff; border:none;}
.advat_ul>li .ar-ri li{font-size: 14px;color: #333333;line-height: 20px;margin-bottom: 11px;background: url(../images/doule.png) no-repeat left 7px;padding-left: 17px; text-align: left;}
.advat_ul>li .ar-ri li span{ color: #ff7a00;}
.applicate{ height: auto; overflow: hidden; margin-top: 5%;}
.applicate p{ margin-top: 3%;}


.par-qh{ height: auto; overflow: hidden;}
.detail-left{ height: auto; overflow: hidden; float: left; width: 562px;border:#ccc solid 1px}
.detail-right{ float: right; width: 576px;}
.detail-right .address_con{ margin-top: 0px;}
.pro_mess .message_in p input{ width: 567px; }
.pro_mess .message_in textarea{ width: 567px; height: 127px; }

.nav_bar{margin-bottom: 30px; text-align: center;  }
.nav_bar li{display: inline-block; width: 194px; height: 43px; background:url(../images/navli_bg.jpg) no-repeat center center;
text-align: center; line-height: 43px; margin-right: 45px;}
.nav_bar li:last-child{ margin-right: 0;}
 .nav_bar li a{font-size: 18px;color: #0072ae; display: block; width: 100%; height: 43px; line-height: 43px;}

.nav_bar li.active{ background: url(../images/navgationact_bg.jpg) no-repeat center center;}
.nav_bar li.active a{color: #fff;}

.case_list{height: auto; overflow: hidden;}
.case_list li{ margin-bottom: 30px; }
.case_list li h2{ font-size: 15px; color:#333; font-weight: bold; margin:3% 0px; margin-top: 5%;}
.case_list li h2 span{ float: right;  font-size: 13px; color:#ff6a00;}
.case_list li p{ font-size: 13px; color:#666;}
.case_list li b{ width: 100%; height: 2px; background: #0b6fcc; display: block; margin-top: 3%;}
.case_list li .vido{ position: relative;}
.case_list li .vido img{ height:257px;}
.case_list li .vido i{ display: block; position: absolute; top:0px; left:0px;}
.case_list li img{ height:257px;}

.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_con h2{ text-align: center;}
.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;}
.videor_con{ height: auto; overflow: hidden; margin:10px 0px;}
.info_left .share{ height: auto; overflow: hidden;border-bottom:1px solid #e8e8e8; padding-bottom: 5px; }
.vid-info{ height: auto; overflow: hidden; margin-top: 2%; position: relative;}
.vid-info a{ color:#333333; font-size: 13px; display: inline-block; margin-left: 3px;}
.vid-info a.aa{ width: 120px; height: 30px; background: #0b6fcc; 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;}
.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{padding-left:0px;}
.new_video .vi_ul li .vi_ri{ padding:0px;}
.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:#0b6fcc;}
.new_video .vi_ul li:last-child{ border-bottom: none;}
.hot_video{ margin-top: 10%;}



.odm_first{ height: auto; overflow: hidden;}
.odm_ul{ height: auto; overflow: hidden; margin-top: 5%;}
.odm_ul li{ height: auto; overflow: hidden; text-align: center;}
.odm_ul li div{ height: auto; overflow: hidden; background: url(../images/dash.png) no-repeat right center;}
.odm_ul li:last-child div{ background: none;}
.odm_ul li div img{ margin:0 auto;}
.odm_ul li div b{ display: block; width: 32px; height: 2px; background: #ef8339; margin:4% auto 3%;}
.odm_ul li div p{ font-size: 15px; color: #333333;}
.odm_first .odm_con{ font-size: 15px; color:#333333; text-align: center; margin-top: 3%;}


.odm_two{ background: url(../images/od_bg.png) no-repeat center; height: 628px; margin-top: 2%; background-size: cover;}
.value_title{ height: auto; overflow: hidden; text-align: center; margin-top: 77px;}
.value_title h1{ font-weight: bold; font-size: 32px; color:#fff;}
.value_title b{ display: block; width: 37px; height: 3px; background: #ef8339; margin:1% auto; }
.value_ul{ height: auto; overflow: hidden; margin-top: 35px;}
.value_ul li{ float: left;}
.value_ul li.li1{ width: 390px;}
.value_ul li.li1 .val_li1_top{ height: 181px; background: #fff;}
.value_ul li.li1 .val_li1_top dl{ padding-left: 26px; padding-top: 67px;}
.value_ul li.li1 .val_li1_top dl dt{ font-size: 15px; color:#333333; }
.value_ul li.li1 .val_li1_top dl dd{ font-size: 13px; color: #666; line-height: 30px;}
.value_ul li.li1 .val_li1_bot{ background: url(../images/val.jpg) no-repeat center; height: 193px;}
.value_ul li.li1 .val_li1_bot dl{ padding-left: 212px; padding-top: 44px; color:#fff;}
.value_ul li.li1 .val_li1_bot dl dt{ font-size: 15px;}
.value_ul li.li1 .val_li1_bot dl dd{ font-size: 13px; margin-top: 20px; line-height: 25px;}
.value_ul li.li2{ width: 351px;}
.value_ul li.li3{ width: 459px;}
.value_ul li.li3 dl{ float: left; width: 225px; background: #fff; height: 187px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.value_ul li.li3 dl dt{ font-size: 15px; color:#333333;padding-top:45px; padding-left: 44px; }
.value_ul li.li3 dl dd{ font-size: 13px; color:#666; line-height: 25px;padding-left: 44px;margin-top: 5px;}



.odm_three{ height: auto; overflow: hidden;}
.odm_three .value_title{ margin-top: 30px;}
.odm_three .value_title h1{ color:#333333;}
.odm_three .value_title p{ text-align: center; font-size: 15px; color:#333; margin: 2% 0px; }
.yshi_ul{ height: auto; overflow: hidden; }
.yshi_ul li{ height: auto; overflow: hidden;}
.yshi_ul li .div{ width: 246px; height: 246px; border:1px solid #f2f2f2; border-radius: 50%; text-align: center; margin:0 auto;}
.yshi_ul li .div h2{ font-size: 25px; color:#666; margin-top: 70px; }
.yshi_ul li .div h2 span{ font-size: 72px; color:#ef8339; font-weight: bold;}
.yshi_ul li .div p{ font-size: 15px; color:#666666;}

.odm_for{ height: auto; overflow: hidden;}
.odm_for .value_title{ margin-top: 4%;}
.odm_for .value_title h1{ color:#333333;}
.odm_for .dz{ height: auto; overflow: hidden; display: block;}
.dz_in{ height: auto; overflow: hidden; text-align: center;}
.dz_in p{ display: inline-block; width: 266px; margin-right: 70px; height: 42px;line-height: 42px; }
.dz_in input{ width: 266px; border:none; border-bottom: 1px solid #efefef;font-size: 14px; display:inline-block; line-height: 42px; height: 42px; }
.dz_in p:last-child{ margin-right: 0px;}
.odm_for .botton{ height: auto; overflow: hidden;}
.odm_for .botton .is_btn{ width: 130px; height: 48px; line-height: 48px; color: #fff; margin:0 auto; background: #0b6fcc; border:none; display: block; font-size: 18px; margin-top: 3%; border-radius: 3px;}


.news_ul{ height: auto; overflow: hidden;}
.news_ul li{ height: auto;overflow: hidden;border: 1px solid #e2e4e8;padding: 3px;padding-right: 22px;margin-bottom: 20px; position: relative;}
.news_ul li .news_li{ padding-left: 0px;}
.news_ul li .news_li img{ height:182px;}
.news_ul li .news_lin h1{ font-size: 28px; color:#2b2b2b; margin-top:3%; }
.news_ul li .news_lin .time{ font-size: 13px; color:#888888; margin:1% 0px;}
.news_ul li .news_lin p{ font-size: 13px; color:#888888;}
/* .news_ul li .border_top{ position: absolute;height: 1px;width: 0;font-size: 0;background: #0b6fcc;top: 0;left: 0;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.news_ul li .border_right{position: absolute;height: 0px;width: 1px;font-size: 0;background: #0b6fcc;bottom: 0;right: 0;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.news_ul li .border_bottom{position: absolute;height: 1px;width: 0px;font-size: 0;background: #0b6fcc;right: 0;bottom: 0;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.news_ul li .border_left{position: absolute;height: 0px;width: 1px;font-size: 0;background: #0b6fcc;left: 0;top: 0;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news_ul li.hover1 .border_top,.news_ul li.hover1 .border_bottom{ width: 100%;}
.news_ul li.hover1 .border_right,.news_ul li.hover1 .border_left{ height:100%;} */
.news_ul li .news_lin h1:hover{ text-decoration: underline; color: #0b6fcc;}
.news_ul li:hover{border: 1px solid #0b6fcc; }

.about_in{ height: auto; margin-top: 34px;overflow: hidden;}
.about_left{ float: left; width: 557px; position: relative;}
.about_left h1{ width: 537px; height: 335px; border:4px solid #1474ce;}
.about_left img{ display: block; width:534px; height: 341px; position: absolute; top:22px; left:20px;}

.about_right{ float: right; width: 611px;}
.about_right h1{ color:#2c2c2c; font-size: 26px; font-weight: bold; margin-bottom:10px;}

.about_right span{ display: block;}
.about_p{ height: auto; overflow: hidden; margin-top:10px; line-height: 24px; }
.about_p p{ font-size: 14px;color:#000000;  line-height: 24px;}

.fitment{ height: auto; overflow: hidden; text-align: center; position: relative; }
.fitment h1{ font-size: 44px; line-height: 53px;color:#333333;opacity:0.06;
filter:Alpha(opacity=6); font-family: "宋体"}
.fitment h2{ font-size: 32px; color:#343434; position:relative;    top: -28px; font-weight: bold; }


.photo{ height: auto;width: 100%; padding-top:5%;}

.leftLoop4{position: relative; width:1200px; margin:0 auto;}

.leftLoop4 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop4 .hd a{position:absolute; display:block;  width:30px; height:60px; cursor:pointer;}
.leftLoop4 .hd .prev{left:-55px; top:72px;  background:url("../images/about_left.png") no-repeat left top;}
.leftLoop4 .hd .next{right:-55px; top:72px;  display:block;  background:url("../images/about_right.png") no-repeat right top;}
.leftLoop4 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop4 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop4 .bd ul li{ float:left; overflow:hidden; width:284px;  margin-right:20px;   position: relative;}
.leftLoop4 .bd ul li div{ width:284px; height: 196px; border:1px solid #ebebeb; background: #f7f7f7; padding:8px;}
.leftLoop4 .bd ul li img{width:100%;}
.leftLoop4 .bd ul li p{ font-size:13px;height: 39px;  line-height: 39px; color:#666666;}


.honor{ height: auto; margin-top: 2%; }
.leftLoop5{position: relative; width:1200px; margin:0px auto; }
.leftLoop5 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop5 .hd a{position:absolute; display:block;  width:30px; height:60px;cursor:pointer;}
.leftLoop5 .hd .prev{left:-55px; top:115px;  background:url("../images/about_left.png") no-repeat left top;}
.leftLoop5 .hd .next{right:-55px; top:115px;   display:block;  background:url("../images/about_right.png") no-repeat right top;}


.leftLoop5 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop5 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop5 .bd ul li{ float:left; overflow:hidden; width:224px;  text-align:center; margin-right: 20px;}
.leftLoop5 .bd ul li div{ width:224px;   margin:0 auto; }
.leftLoop5 .bd ul li img{ width: 216px; height: 283px; border:1px solid #cccccc; background: #fff; padding:2px;}
.leftLoop5 .bd ul li p{ margin-top:10px; font-size:13px; color: #666666;}
#jquery-overlay {
	Z-INDEX: 90; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px
}
#jquery-largephotobox {
	Z-INDEX: 100; LEFT: 0px; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: fixed; TOP: 0px; _position: absolute
}
#jquery-largephotobox A IMG {
	
}
#largephotobox-container {
	LEFT: 50%; POSITION: fixed; TOP: 50%; BACKGROUND-COLOR: rgb(255,255,255); _position: absolute
}
#largephotobox-container-image {
	OVERFLOW: hidden; POSITION: absolute
}
#largephotobox-image {
	LEFT: 0px; POSITION: absolute; TOP: 0px;
	
}
#largephotobox-btnclose {
	Z-INDEX: 1; RIGHT: -15px; POSITION: absolute; TOP: -15px
}


.part_ul{ height: auto; overflow: hidden;}
.part_ul li{ float: left; width: 211px; margin-right: 29px; margin-bottom: 2%;}
.part_ul li img{ width: 209px; height: 98px; border:1px solid #e4e4e4;}
.part_ul li p{ text-align: center; font-size: 13px; color:#666666; margin-top: 5px;}
.part_ul li:last-child{ margin-right: 0px;}


.contact{ height: auto; overflow: hidden; }
.address{ float: left; width: 600px;}
.address h1{ font-weight: normal; font-size: 32px; color:#333333; line-height: 32px;}
.address_con{ height: auto; overflow: hidden; margin-top: 20px;}
.address_con p{ font-size: 15px; color:#666; margin-bottom: 20px;}
.address_con p span{ margin-left: 25px;}
.weixin{ height: auto; overflow: hidden;}
.weixin p{ float: left; width: 122px; margin-right: 36px;}
.weixin p img{ display: block; width: 122px; height: 120px;}
.weixin p span{ display: block; text-align: center; font-size: 13px; color:#666;}
.message{ float: right; width: 600px;}
.message_in p{margin-bottom: 0px; }
.message_in p input{ width: 598px; height: 44px; line-height: 44px; border:1px solid #dcdcdc; background: #fff; text-indent: 2em; font-size: 13px; display: block; }
.message_in textarea{width: 598px; height: 184px; line-height: 44px; border:1px solid #dcdcdc; background: #fff; text-indent: 2em; font-size: 13px; display: block; }
.message_in .is_btn{font-size: 16px;width: 146px;height: 45px;line-height: 45px;color: #fff;background: #0068c9;text-align: center;margin-bottom: 20px;border: none;cursor: pointer; display: inline-block;text-indent: inherit;}
.message_in .btn2{background: #676767;margin-right: 15px;}

.dt{ height: auto; overflow: hidden;}
.dt-in{ height: auto; overflow: hidden;  padding-top: 35px;border-top:1px solid #f4f4f4; margin-top: 30px;}

.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:#135d3c;}
.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:#358dd1; }



     .sjcjian{ display: none;}
     .sjryz{ display: none;}
     
     

.mb-4{
	margin-bottom: 40px
}
.mb-2{
	margin-bottom: 20px;
}

.msg .form-input{
	 height: 40px;
	 line-height: 40px;
	 width: 100%;
	 border-radius: 0;
	 outline: none;
	 border:1px solid #ddd;
	 padding-left: 15px;
}
.msg .tj{
	 width:150px;
	 padding:8px 0;
	 background: #333;
	 color:#fff;
	 font-size: 16px;

}

.msg  textarea{
	width: 100%;
	height: 127px;
	background: #fff;
    text-indent: 0em;
    font-size: 13px;
    display: block;
     border:1px solid #ddd;
     padding-left: 15px;
}


.banner img{
  width: 100%
}


 .pagination {
    display: block;
    text-align: center;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    width: 100%;
}

.page-num:not(:disabled){cursor:pointer;}
.page-num,.page-link{position:relative;display:inline-block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#17a2b8;background-color:#fff;border:1px solid #dee2e6;}
a.page-num:hover,.page-link:hover{text-decoration:none;}
.page-num-current{z-index:1;color:#fff;background-color:#17a2b8;border-color:#17a2b8;}
.page-num-current:hover{color:#fff;}

 
 
.page-num-current{background-color:#333;border-color:#333;color:#fff!important;}
.page-num,.page-link{color:#333;}
.page-link:hover{color:#b72024;}     

@media screen and (min-width: 769px) {
    .pro_ul li,
    .pro_ul li div{
    	 overflow: hidden;
    }
    .pro_ul li:hover div img{ transform: scale(1.2);-webkit-transform: scale(1.2);overflow: hidden;width: 100%;height: 100%;}
     }
     @media screen and (max-width: 768px) {
    .container{ padding:0px 10px;}
	.mobile_banner{ display: block;}
	.banner{ display: none;}
	.lijing{ width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 10px;}
	.pro_left{ float: none; width: 100%;}
	.product-right{ float: none; width: 100%; margin-top: 8%;}
	.pro_ul li{ width: 48%; margin-right: 0px; margin-bottom: 4%; }
	.pro_ul li img{ width: auto; height:auto;}
	.pro_ul li:nth-child(2n){ float: right;}
	.pro_ul li h2 { height: 30px; line-height: 30px;}
    .odm_ul li div{ background: none;}
    .odm_ul li{ margin-bottom: 3%;}
    .odm_ul li div img{ max-width: 50%;}
    .odm_ul li div p{ font-size: 14px;}
    .value_title h1{ font-size: 20px;}
    .pro_left h1{ font-size: 20px; height: 54px; line-height: 20px; padding-top: 9px;}
    .odm_first .odm_con{ font-size: 14px; text-align: left;}
    .odm_two{ height: auto; background-size: cover; display: none;}
    .value_ul li{ float: none; width: 100%;}
    .value_ul li.li1,.value_ul li.li2,.value_ul li.li3{ width: 100%;}
    .value_ul li.li3 dl{ width: 50%; height: 141px;}
    .value_ul li.li3 dl dt{ padding-top: 5px;}
    .value_ul li.li3 dl dd{ padding-left: 10px;}
    .odm_three .value_title p{ font-size: 13px; text-align: left;}
    .yshi_ul li{ margin-bottom: 9%;}
    .dz_in input{ float: none; width: 100%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
     .dz_in p{ width: 100%;}
    .odm_for .botton button{ height: 30px; line-height: 30px; font-size: 15px; margin-top: 5%;}
    .nav_bar{ margin-bottom: 5%;}
    .nav_bar ul{text-align:left;}
    .nav_bar li{width:32.4%; margin-bottom:14px;     background-size: 100% 100%; margin-right: 0px;height: 32px; line-height: 32px;}
    .nav_bar li.active{ background-size: 100% 100%;}
    .nav_bar li a{ height: 32px; line-height: 32px; font-size: 12px;}
    .case_list li{ margin-bottom: 5%;}
  .case_list li img{ height:auto;}
    .info_left{ float: none; width: 100%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:10px;}
    .info_right{ width: 100%; float: none;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-top: 8%;}
    .info_left h1{ font-size: 20px;}
    .news_ul li .news_li img{ margin:0 auto; height:auto;}
    .news_ul li .news_li{ padding:0px ;}
    .new_video{ padding: 10px;}
    .new_video h2{ font-size: 16px;}
    .about_in{ margin-top: 0%;}
    .about_left{ float: none; width: 100%;}
    .about_right{ float: none; width: 100%; margin-top: 5%;}
    .about_left h1{ display: none;}
    .about_left img{ position: relative; top:0px; left:0px; width: auto; height: auto;}
    .about_right h1{ font-size: 20px;}
    .about_right span{}
    .about_p p{ font-size: 13px; line-height: 20px;}
    .fitment h1{ font-size: 28px;}
    .fitment h2{ font-size: 20px;}
    .leftLoop4{ display: none;}
    .sjcjian{ display: block;}
    .sjcjian{ display: block; margin-top: 0%;}
    .sjcjian .swiper-container{ margin-top: 0%;}
    .sjcjian img{display: block;max-width: 100%;border: 1px solid #d3d3d3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .sjcjian p{ margin-top: 5px;color: #333;font-size: 15px; text-align: center;}
    .sjcjian h1{ height: 30px;}
    .photo .container{ padding:0px;}
    .leftLoop5{ display: none;}
    .sjryz{ display: block;}
    .sjryz{ display: block; margin-top: 0%;}
    .sjryz .swiper-container{ margin-top: 0%;}
    .sjryz img{display: block;max-width: 100%;border: 1px solid #d3d3d3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .sjryz p{ margin-top: 5px;color: #333;font-size: 15px; text-align: center;}
    .sjryz h1{ height: 30px;}
    .part_ul li{ width: 48%; margin:0px; margin-bottom: 3%;}
    .part_ul li:nth-child(2n){ float: right;}
    .part_ul li img{ width: auto; height: auto;}
    .news_ul{ margin:0px;}
    .news_ul li{ padding-right: 3px;}
    .news_ul li .news_lin{ padding: 0px;}
    .news_ul li .news_lin h1{ font-size: 20px;}
    .news_ul li .news_lin p{ line-height: 20px;}
    .contact .container{ padding: 0px;}
    .address{ float: none; width: 100%;}
    .address h1{ font-size: 20px; line-height: 20px;}
    .address_con p{ margin-bottom:3%;}
    .weixin p{ width: 50%; margin-right: 0px;}
    .weixin p span{ text-align: left;}
    .message{ float: none; width: 100%; margin-top: 5%;}
    .message_in input{ width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
    .message_in textarea{ width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height: 120px;}
     .message_in .is_btn{ width: 48%;  display: inline-block;text-indent: inherit;}
     .message_in .btn2{ margin-right: 0px;}
     .dt .container{ padding:0px;}
     .proinfo_con{ padding:0px;}
.pro-info-left{ float: none; width: 100%; height: auto;}
.leftLoop6{ display: none;}
#swiperloop_mo{ display: block;}
.swiperloop_mob img{ margin:0 auto;}
.pro-info-right{ float: none; width: 100%; margin-left: 0px; margin-top:5%;}
.pro-info-p{ font-size: 20px; line-height: 30px;}
.coall .apan{ float: none; width: 100%;}
.coall .span{ float: none; width: 100%; top:0px; margin-top: 3%;}
.justt a{ width: 40%; height: 30px; line-height:30px;}
.pro_change ol{ height: 37px; line-height: 37px;}
.detail_con .ad_title{ font-size: 20px; line-height: 20px;}
.advat_ul>li{ float: none; width: 100%; padding:0px; height: auto;}
.advat_ul>li .ar-le{ font-size: 17px;}
.advat_ul>li .ar-le img{ max-width: 14%; margin-right: 1%;}
.advat_ul>li .ar-ri li{ font-size: 13px;padding-right:0px;}
.advat_ul>li .ar-ri{margin-top: 0px;margin-left: 20px;}
.detail-left{ float: none; width: 100%;}
.detail-left iframe{ height: 300px;}
.detail-right{ width: 100%; float: none; margin-top: 5%;}
.pro_mess .message_in input{ width: 100%;}
.pro_mess .message_in textarea{ width: 100%;}
.case_list li .vido img{ height:auto;}
.bayq p{ font-size: 12px;}
.info_left .infonr img{ width:auto !important; height:auto !important;}

.leftmenu dd .menuson{display: none;}



}



@media only screen and (max-width: 576px){
.page-num{display:none;}
}