@charset "utf-8";
/* CSS Document */
.m-btn{ display:none}
.m-btn .line{
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-top: 26px;
}
.m-btn span{
    display: block;
    width: 100%;
    height: 2px;
    background:rgba(255,255,255,.8);
    position: absolute;
    left: 50%;
    margin-left: -12px;
	-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
}
.m-btn span.span1{ top:0;-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn span.span2 {top: 7px;}
.m-btn span.span3 {top: 14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.active .span1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.active .span3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-btn.active .span2{ opacity:0; filter:alpha(opacity=0)}
.m-btn.active span{background: #fff;}
.cd{ margin-right:10px; margin-top:25px; color:rgba(255,255,255,.8)}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99}
.m-menu ul{ width:100%; height:calc(100vh - 60px); padding-bottom:60px; overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu .menu_li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../img/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu .menu_li .subnav{ padding:15px 3%; line-height:30px; font-size:14px; display:none}
.m-menu .menu_a.active{ background:#0093dd; color:#fff;}
.m-menu .menu_a.active i{background:url(../img/ico_03_h.png) no-repeat center; background-size:100% auto}
.sub-menubg{ position:fixed; width:100%; height:100%; background:#f5f5f5;top:0; left:0; z-index:9; display:none}
.mproclass{ display:none; position:relative}
.mproclass h3{background:#0093dd; color:#fff; padding:0 3%; height:50px; line-height:50px; position:relative}
.mproclass h3:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass ul{ position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15)}
.mproclass li{ background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8;}
.mproclass li a{ padding:0 3%; display:block}
.mproclass li:hover a{ background:#0093dd; color:#fff}
.mprosed{ display:none; padding:3% 3% 1%; background:#f5f5f5; border-bottom:1px solid #d8d8d8}
.mprosed ul{ margin-right:-2%;}
.mprosed li{ float:left; width:48%; margin-right:2%; margin-bottom:2%}
.mprosed li a{ display:block; padding:10px 5px;border:1px solid #d8d8d8; line-height:24px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.mprosed li.cur a{color:#fff;
background: -webkit-linear-gradient(135deg, #0093dd, #2ea7b2);
background: -o-linear-gradient(135deg, #0093dd, #2ea7b2);
background: -moz-linear-gradient(135deg, #0093dd, #2ea7b2);
background: linear-gradient(135deg,#0093dd, #2ea7b2);}
.m-foot{ position:fixed; width:100%; height:45px; left:0; bottom:0;background: #0093dd; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:25%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../img/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../img/fltel1.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../img/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../img/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-probtn{ display:none}
.main_left>.closed{ position:absolute; right:10px;top:10px; width:25px; height:25px; cursor:pointer}
.main_left>.closed span{ width:100%; height:2px; position:absolute; left:0;top:50%; margin-top:-1px;}
.main_left>.closed span:before{ content:""; width:100%; height:2px; background:#666; position:absolute; left:0;bottom:0; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.main_left>.closed span:after{ content:""; width:100%; height:2px; background:#666; position:absolute; left:0;top:0; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}

@media screen and (max-width:1750px){
	.main,.wrap{ width:94%}
	
	.footer-left{ width:calc(100% - 170px)}
}
@media screen and (max-width:1440px){
	.watebox{ padding:50px 0 80px}
	.produt,.anlibox,.new{ padding:50px 0}
}
@media screen and (max-width:1300px){
	.main,.wrap{ width:94%;}
	.new_right .new_time1{ width:90px;}
	.new_right li .new_t{width:calc(100% - 90px);}
	.footer-left ul{margin-left:0}
	.footer-left li{ padding-left:8%;max-width: 40%}
	.nav .menu_li>a{ padding:0 20px}
}
@media screen and (max-width: 1200px){
	.nav .menu_li>a{ padding:0 15px}
	.logo img{ height:40px;margin-top: 30px;}
	.header-bottom .nav{font-size: 15px;line-height:65px;}
}
@media screen and (max-width:1024px){
	.hearder-box{position:fixed;left: 0;top: 0; height:70px}
	.logo img{ margin-top:12px}
	.header-r{ display:none}
	.m-btn{ display:block}
	.container{ margin-top:70px;}
	.title h3{ font-size:26px;padding-bottom: 6px;}
	.title{ margin-bottom:25px}
	.wateic{ width:100%}
	.footer-left .yiji{ display:none}
	.footer-left ul{ border:none;}
	.footer-left ul li:first-child{ padding-left:0}

	.footerbox{ padding-top:40px}
	.footerconter{ padding:0 0 20px;}
	.location_equ, .location .weizhi{ display:none}
	.location .guide{ float:none;}
	.location .guide ul{ text-align:center; font-size:0}
	.location .guide li{ display:inline-block; float:none}
	.newslists li .pic{ height:auto}
	#map{ height:400px}
	.rowadrees{ padding-left:0}
	.location_pro{ display:none}
	.main_left{ position:fixed; width:640px; height:80%; background:#fff; left:50%; margin-left:-320px;top: calc(10% + 30px); overflow-y:auto;padding:40px;box-shadow: 0 0 15px rgba(0,0,0,.35); display:none; z-index:98}
	.m-probtn{ display:block; width:120px; line-height:30px; border:1px solid #d8d8d8; border-radius:5px; margin:-10px auto 20px; text-align:center;font-size: 14px;}
	.proClass_top{ display:none}
	.main_left>.closed{ display:block}
	.proClass_bot{background: #fff;overflow:hidden; height: 100%;}
	.proClass_bot ul{overflow-y:auto;height:100%}
	.prolist{ float:none; width:100%}
	.nproclass{ display:none}
	.mproclass{ display:block}
	.nprotit{ display:none}
	.mprosed{ display:block}
	.pro_related li .pic-list{ height:165px}
	.i-pro-cls,.produt, .anlibox, .new{ padding:40px 0}
	.watebox{ padding:40px 0}
	.productCon .pro-pic img{ max-width:100%}
	.inmaintitle{ margin-bottom:20px}
	
}
@media screen and (max-width:768px){
	.banner img{ width:150%; margin-left:-25%}
	.title h3{ font-size:24px; padding-bottom:5px}
	.title .xian{ width:25px}
	.i-pro-cls ul{ display:flex; display:-webkit-flex; margin-right:0; justify-content:space-between;flex-wrap:wrap;}
	.i-pro-cls ul.clearfix:after{ display:none}
	.i-pro-cls li{ width:24%; margin-right:0}
	.i-pro-cls li:nth-child(13), .i-pro-cls li:nth-child(14){ display:none}
	.i-pro-cls li a{ padding:10px}
	.i-pro-cls li .tit{ font-size:14px; line-height:20px; height:40px;}
	.i-pro-cls, .watebox, .produt, .anlibox, .new{ padding:30px 0}
	.pichor{ display:none}
	.watebox .text{ width:100%}
	.txtbox{ line-height:26px;}
	.txtbox p{ font-size:14px}
	.txtbox .more, .produt .more{ width:110px; line-height:32px}
	.pinpai a{width:30px; height:30px; line-height:30px;margin-top: -18px;}
	.produt-list li{ width:48%}
	.produt-list .txt{ height:50px; line-height:50px;}
	.anlibox{ display:none}
	.new{ padding-top:0}
	.new_conter .new_left{ width:100%; margin-bottom:3%; position:relative;}
	.new_conter .new_left .pic_bigger{ height:100%}
	.new_left .new_title{ position:relative; width:100%; left:0;border-radius:0;padding: 3%;}
	.new_left .new_title span{ float:none}
	.new_left .new_title h3{ float:none; font-size:18px;}
	
	.new_conter .new_right{ width:100%}
	.new_right li{ margin-bottom:2%}
	.new_t .new_rt h3{ width:100%; float:left; padding-bottom:5px}
	.new_t .new_rt span{ float:none}
	.new_right .new_time1{ font-size:50px; width:60px}
	.new_right li .new_t{ width:calc(100% - 70px); padding-left:3%}
	.new_right li{ padding:3%}
	.footer-left li:nth-child(1), .footer-left li:nth-child(2){ display:none}
	.footer-left .f-contact{ padding-left:0;max-width: 100%;}
	.footer-right .left{ display:none}
	.footer-right .weixin img{ width:110px; height:auto}
	.footer-right{ width:auto}
	.footer-left{ width:calc(100% - 140px)}
	.footer-bottom{ line-height:22px}
	.inmaintitle h3{ font-size:26px}
	.rongyu li{ width:48%}

	.nbanner{ position: relative; height:160px; overflow:hidden}
	.nbanner img{ height:100%; width:auto; position:absolute; left:50%; margin-left:-512px}
	.location{ line-height: normal; height:auto}
	.location .guide li a{ padding:10px 20px; line-height:25px;}
	.newslists li .wenx{ width:71%}
	.newslists li .wenx .times,.newslists li .wenx h3{ margin-bottom:0}
	.newslists li .wenx .intro{ max-height:48px; overflow:hidden}
	.shangxia ul li{ width:100%; float:none; line-height:28px}
	.shangxia ul li:nth-child(2){ float:none; text-align:left}
	.nmain{ font-size:14px; line-height:26px;padding-top:30px;padding-bottom:30px;}
	.newtit{ font-size:20px; line-height:26px;}
	.nmain .fabuz{ font-size:12px; padding-top:0}
	.nmain .newsxiang{ font-size:14px; line-height:26px;}
	.message-con-1 .tit,.message-con-2 .tit{ width:80px; font-size:14px}
	.message-con-1,.message-con-2{ width:100%; margin-bottom:20px}
	.message-con-1 .input-m,.message-con-2 textarea{ width:calc(100% - 135px)}
	.message-con-3{ padding-left:15px}
	#map{ height:300px}
	.single-contact-option{ width:100%}
	.col-md-6 h4{ font-size:22px; margin-bottom:20px; margin-top:0}
	.col-md-6{ margin-bottom:30px}
	.location_case .wrap{ width:100%}
	.location_case .guide li{ float:left; width:20%; }
	.location_case .guide li a{padding:10px 2px;font-size: 15px;}
	.equipment li{ width:48%}
	.prolist li{ width:48%}
	.pro_related li{ width:48%; margin-bottom:2%}
	.pro_related li .pic-list{ height:265px}
	.m-foot {display: block;}	
	.footerbox{ padding-bottom:45px;padding-top: 20px;}
	.footer-left .bit{ margin-bottom:0}
	.tomore{width:110px; line-height:32px; height:auto; font-size:14px;}
	.back_2{ margin-top:30px}
	.productCon{ margin-bottom:35px}
	.productCon .pro-tit{ font-size:20px;margin-bottom: 20px;}
}
@media screen and (max-width:640px){

	.m-header{ height:60px}
	.m-header .logo img{ max-height:30px}
	.m-btn .line{ margin-top:22px}
	.cd{ margin-top:20px; margin-right:10px}
	.i-pro-cls, .produt, .anlibox, .new, .nmain{ padding:25px 0}
	
	.shijing{ margin-top:5px}
	.produt-list .txt{ line-height:35px; height:35px; font-size:14px; padding:0 5px}
	.new{ padding-top:0}
	.new_conter .new_left .pic_bigger{ height:200px}
	.new_right .new_time1{ display:none}
	.new_right li .new_t{ width:100%; padding-left:0;border-left:0}
	.new_right li:hover .new_t{border-left:0}
	.new_t .new_rt h3{ font-size:16px;}
	.footer-right .weixin{ display:none}
	.footer-left{ width:100%}
	.footerbox{ font-size:12px;}
	.footer-left{ line-height:24px;}
	.footer-left ul{ width:100%}
	.footer-bottom{ padding:10px 0; line-height:20px;}
	#map{ height:220px}
	.rowadrees{ width:100%}
	
	.inmaintitle h3{ font-size:22px; height:32px; line-height:32px}
	.inmaintitle p{ font-size:14px; line-height:20px}
	.prolist ul, .equipment ul{ margin-right:0}
	.prolist li, .equipment li{ width:100%; margin-right:0}
	.productCon .pic{ width:100%; margin-right:0; float:none; margin-bottom:20px}
	.productCon .text h2{ font-size:22px; margin-bottom:5px}
	.equipment li .picBox{ height:auto}
	.equipment li .picBox .tit{ line-height:40px;}
	.back_2{ margin-top:30px}
	.pro_related li .pic-list{ height:220px}
	.nbanner{ height:120px}
	.nbanner img{ margin-left:-384px}
	.nmain .jianjie .imgfl{ width:50%}
	.aboutic img{ width:49%; margin-bottom:1%}
	.newtit{ font-size:18px;}
	.pagination p, .pagination a{ padding:0 8px !important;line-height: 20px !important; margin-right: 5px !important;}
	.pagination p.pageEllipsis{ padding:0!important}
	.nmain .jianjie p{ margin-bottom:10px}
	.main_left{ padding:30px}
	.main_left>.closed{ top:5px;right:5px;}
	.main_left{ width:94%; left:3%; margin-left:0}
}

@media screen and (max-width:480px){
	.pro_related li .pic-list{ height:165px}
	.newslists li .wenx .intro{ display:none}
	.newslists li .wenx .more{ float:none; font-size:12px; color:#666; margin-top:0}
	.newslists li .wenx h3{ line-height:20px}
	.newslists li .pic{ width:32%}
	.newslists li .wenx{ width:65%}
	.rongyu ul{ margin-left:0}
	.rongyu li{ width:100%; margin-left:0}
	
}
@media screen and (max-width:425px){
	.m-btn{ position: absolute; right:3%;top:0;}
	.logo img{ height:35px}
	.i-pro-cls li .tit{ font-size:12px;line-height: 16px;height: 32px;}
}
@media screen and (max-width:375px){
	.pro_related li .pic-list{ height:128px}
	.logo img{ height:30px; margin-top:15px}
}
@media screen and (max-width:320px){
	body{ min-width:320px}
	.pro_related li .pic-list{ height:110px}
}