.gt_holder.gt_float{margin: 0 auto;
    position: relative;
    left: -20px;}

header{ position: relative; z-index: 100;}
header .top{ background: #173f35;  color: #fff;}
header .top .w{height:30px;}
header .top .left dt{ cursor: pointer; background: url(../images/gla.png) left center no-repeat;  padding-left: 25px; line-height: 60px;}
header .top .left dl{ position: relative;}
header .top .left dd{ visibility: hidden; opacity: 0; transform: translateY(10px); transition: 0.3s all; position: absolute; background: #fff; padding: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
header .top .left dl:hover dd{ visibility: visible; opacity: 1; transform: translateY(0);}
header .top .left dd:after{ content: " "; position: absolute; left: 18px; top: -24px; width: 0; height: 0; border:12px solid rgba(0,0,0,0); border-bottom-color: #fff;}
header .top .left dd li{ white-space: nowrap; margin-bottom: 10px;}
header .top .left dd li:last-child{ margin-bottom: 0;}
header .top .left dd li a{ display: block;}
header .top .left dd li img{ vertical-align: middle; margin-right:5px;}
header .top .left dd li span{ display: inline-block; line-height: 16px;}
header .top .right > a,
header .top .right > span{ color: #fff; margin-left: 5%;}
header .top .right > span a{ color: #fff; }
header .top .right a:hover{ opacity: 0.8;}
header .w{ margin: 0 100px;}
header .nav .logo{}
header .nav .menu { margin: 0 5%;}
header .nav .menu li{ text-align: center; position: relative;}
header .nav .menu li > a{ display:inline-block; font-weight: bold; padding: 0 20px; line-height: 100px; border-bottom: 5px solid #fff;}
header .nav .menu li.cur > a{ border-bottom-color: #173f35;}
header .nav .menu li .child{ box-shadow: 0 3px 5px rgba(0,0,0,0.1); position: absolute; left: 50%; width: 180px; background: #fff; margin-left:-90px; top: 100%; padding: 10px 0 0; opacity: 0; visibility: hidden; transform: translateY(30px); transition: 0.4s all;}
header .nav .menu li .child:after{ content: ""; position:absolute; top: -20px; border: 5px solid rgba(0,0,0,0); border-bottom-color:#173f35; left: 50%; margin-left: -5px;}
header .nav .menu li .child p{ margin-bottom: 10px;}
header .nav .menu li:hover .child{opacity: 1; visibility: visible;transform: translateY(0);  }

/*手机导航*/
.ph-bottom,
.ph-head { display: none;}
.baner-other { line-height: 1.2;}
.baner-other .f-verlag{ text-transform: uppercase; margin-bottom: 40px;}

header .nav .search> .fiex{height: 46px;}
header .nav .search{ border:1px solid #dbdbdb; border-radius: 40px; padding: 0 10px;}
header .nav .search input{ border:0; width: 100%; }
header .nav .search .s input{ width: 80px;}
.search .layui-form-select .layui-edge{ background: url(../images/jt1.png) no-repeat; width: 12px; height: 7px; border: 0; margin: 0; margin-top: -4px;}
header .nav .bon{ background: url(../images/search.png) no-repeat center; vertical-align: top; width: 24px; height: 24px; border: 0;}
header .layui-form-select dl{ border-color: #dbdbdb;}
header .layui-form-select dl dd.layui-this{ background-color: #173f35;}
header .nav .select{ width: 100px; }
header .nav .select input{ background: none;}

.banner .bg{ display: block; height: 750px; background-size: cover; background-position: center;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{ opacity: 0.8; width: 12px; height: 12px; border-radius: 12px; background: #fff;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet-active{ width: 24px; background: #fff;}

.wrap{ width: 1200px; margin: 0 auto;}
.home-1{ padding: 90px 0;}
.home-1 dl{border-radius: 1000px; border: 1px solid #f3f3f3; }
.home-1 dt img{ border-radius: 100%; overflow: hidden; width: 260px; height: 260px; box-shadow: 0 5px 20px rgba(0,0,0,0.5);}
.home-1 dd{ padding-left: 50px;}
.home-1 dd .w{ padding-right: 70px;}
.home-1 .p1{ color: #242424;}
.home-1 .p2{ color: #242424; font-weight: bold;}
.home-1 .p3{ color: #173f35; font-weight: bold;}
.home-1 .p3 span{ font-style: italic;}

.home-2 a{ display: block; height: 700px; background-color: #ddd; background-size:auto 100%; background-position: center;}
.home-3{ position: relative;}
.home-3 .bg{ position: absolute; background-size: 100% auto;  z-index: 0; background-repeat: no-repeat;}
.home-3 .bg.bg1{ width: 354px; height: 408px; left: 0; bottom: 0; background-position: left bottom;}
.home-3 .bg.bg2{ width: 305px; height: 544px; right: 0; top: 0; background-position: right top;}
.home-3 ul{ margin: 0 -30px; padding: 80px 0 40px; position: relative; z-index: 1;}
.home-3 li{ float: left; width: 33.33%; margin-bottom: 70px;}
.home-3 li .img{ overflow: hidden;}
.home-3 li .img span{ display: block; background-size: cover; transition: 2.5s all; position: relative;  background-position: center;}
.home-3 li .img img{ width: 100%; opacity: 0; position: absolute; height: 100%;}
.home-3 li .w:hover .img span{ transform: scale(1.05);}
.home-3 li .w{ display: block; margin: 0 30px;}
.home-3 li .line{ height: 10px; background: #06c7dc;}

.home-3 li .w .p{ text-align: center; color: #173f35; padding: 10px 0 0;}
.home-3 li .w .p span{ display: inline-block; margin-right: 10px;}
.home-3 li .w .p i{ display: inline-block;}

.home-4{ color: #fff; text-align: center; padding: 90px 0 110px;}
.home-4 .t{ }
.home-4 .t2{ margin: 10px 0 20px;}
.home-4 .t2 img{ max-width: 100%; height: auto;}
.home-4 li{ float: left; width: 33.33%; text-align: center;}
.home-4 li .img{ width: 120px; height: 120px; padding: 30px; border-radius: 100%; background: #fff; margin: 0 auto 20px; overflow: hidden;}
.home-4 li .img img{ width: 100%; height: auto; }

.home-5{ padding: 120px 0 110px;}
.home-5 ul{ margin: 0 -20px;}
.home-5 li{ float:left; width: 33.33%;}
.home-5 li .w{ margin: 0 20px;}
.home-5 li .w .p1{ margin: 20px 0 10px;}
.home-5 li .w .p1 a{ color: #173f35;}
.home-5 li .img{ overflow: hidden;}
.home-5 li .img span{ display: block; background-size: cover; transition: 2.5s all; position: relative;background-position: center;}
.home-5 li .img img{ width: 100%; opacity: 0; position: absolute; width: 100%; height: 100%;}
.home-5 li .w:hover .img span{ transform: scale(1.05);}
.home-5 li .img a{ display: block; position: relative;}
.home-5 li .img i{ z-index: 3; position: absolute; bottom: 0; right: 0;  color: #fff; padding:20px 25px; font-weight: bold; font-size: 20px; width: 9px; height: 16px; background: url(../images/r.png) no-repeat #173f35 center; background-size:9px 16px;}

body .layui-form-select dl dd.layui-this{ background-color: #173f35;}

.home-6{ background-position: center; background-size: cover;}
.home-6 .w{  margin-left: 40%; text-align: center; height: 700px;}
.home-6 .w .t1{ }
.home-6 .w .t2{ margin: 20px 0;}
.home-6 .w .t2 img{ max-width: 100%; height: auto;}
.home-6 .w .txt{ line-height: 1.2; color: #173f35; margin-bottom: 50px;}
.home-6 .w .txt dt{ font-weight: bold;}

.home-7{background: #f5f5f5; padding: 120px 0 110px;}
.home-7 ul{ margin: 0 -45px;}
.home-7 li{ float:left; width: 50%;}
.home-7 li .w{ margin: 0 45px;}
.home-7 li .w .p1{ margin: 20px 0 5px;}
.home-7 li .w .p1 a{ color: #173f35;}
.home-7 li .w .p2{ color: #a3a3a3;}
.home-7 li .img{ overflow: hidden;}
.home-7 li .img span{ display: block; position: relative;  background-size: cover; transition: 2.5s all;background-position: center;}
.home-7 li .img img{ width: 100%; opacity: 0; position: absolute; width: 100%; height: 100%;}
.home-7 li .w:hover .img span{ transform: scale(1.05);}

.home-8{ background: #f5f5f5; padding-bottom: 80px; }
.home-8 ul{ margin: 0 -25px;}
.home-8 li{ float:left; width:33.33%;}
.home-8 li .w{ margin: 0 25px; display: block;}
.home-8 li .w img{ width: 100%; height: auto;}

.footertop{ text-align: center; font-weight: bold; color: #173f35; display: none;}
.footertop img{ width: 3.4rem; height: 3.4rem;}
.footerlogo{ margin: 40px 0;}
footer .top{ background: #fff; padding: 0 0 80px;}
footer .top .box{ align-items: flex-start;}
footer .top .left{}
footer .top .left li{ float: left;  text-align: center; }
footer .top .left li a{ color: #2a2a2a;}
footer .top .left li a:hover{ color: #173f35;}
footer .top .left li:after{ }
footer .top .left li dl{ margin-left: 130px;  text-align: left;}
footer .top .left li dd:after {position: absolute; content: " ";  left: -65px; width: 1px; top: 0; bottom: 0; background: #ddd;}
footer .top .left li dl dt{ margin-bottom: 30px; font-weight: bold;}
footer .top .left li dd{position: relative;}
footer .top .left li:first-child dd:after{ display: none;}
footer .top .left li:first-child dl{ margin-left: 0;}
footer .top .left li p{ margin-bottom: 15px;}
footer .top .right{ text-align: right; }
footer .top .right .w1{ color: #173f35; margin-bottom: 30px;}
footer .top .right .p2{ line-height: 1.2;}
footer .top .right .p3 img{ width: 125px; height: auto; margin-right: 10px;}
footer .top .right .p4{ }
footer .top .right .p4 span{width: 125px; text-align: center; display: inline-block; background: #173f35; color: #fff; border-radius: 20px; padding:5px 10px;}
footer .bottom{ color: #797979; background: #f6f6f6; padding: 20px 0; text-align: center;}
footer .bottom i{ display: inline-block; margin: 0 10px;}

.mask_footer{ background: #173f35; position: fixed; left: 0; bottom: 0; right: 0; z-index: 10000; color: #fff; transform: translateY(200px); opacity: 0; visibility: hidden; transition: 0.4s all ease-in-out;}
.mask_footer .w{ width: 940px; margin: 0 auto;}
.mask_footer .img{ margin-top: -70px; margin-right: 40px;}
.mask_footer .box dl{ float: left; width: 50%; overflow: hidden; padding: 10px 0 5px; line-height: 1.2;}

.mask_footer .box dl dt{ float: left; margin-right: 20px;}
.mask_footer .box dl dd{ overflow: hidden;}
.mask_footer .right .m{ position: relative; background: #7baa3e;  padding: 25px 10px 15px; text-align: center;}
.mask_footer .right .m .close{ position: absolute; background: url(../images/close1.png) no-repeat; width: 24px; height: 24px; left: 100%; top: 5px; cursor: pointer;}
.openfooter .mask_footer{transform: translateY(0px); opacity: 1; visibility: visible;}
.openfooter footer{ padding-bottom: 177px;}

.openfooter .right-mask{ bottom: 180px;}
.right-mask{ position: fixed; right: 0; bottom: 0;  text-align: left; z-index: 1000; transition: 0.5s all;}
.right-mask a{ display:block; margin-bottom: 20px;}
.right-mask .a1{ opacity: 0; visibility: hidden; transition: 0.3s all;}
.scrolltop .right-mask .a1{ opacity: 1; visibility: visible;}

.bg-img{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.baner-other .w{ height: 500px; background-position: center; background-size: cover;}

.about-1{ margin: 90px 0;}
.about-1 .bg{ position: relative;}
.about-1 .bg video{ background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.about-1 .bg a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background: rgba(0,0,0,0.3);}
.about-1 .bg .m1{ position: absolute; left: 50%; top: 50%; margin: -55px 0 0 -55px; width: 110px; height: 110px;}
.about-1 .bg.play a{ visibility: hidden; opacity: 0;}
.about-1 .bg.play video{ opacity: 1;}
.about-1 img.m2{ width: 100%; height: auto;}
.about-1 .videolist{ margin:0 auto;display:flex;justify-content: center;overflow:auto;background:#f5f5f5;}
.about-1 .videolist .clickPlay{ object-fit:cover;margin: 4px;height: 100px; width:200px;height:100px;border:1px solid #173f35;}

.about-2{ margin-bottom: 90px;}
.about-2 .dlbox{ margin: 60px 0 40px;}
.about-2 .dlbox dt{ float:left; margin-right: 100px; width: 30.8%;}
.about-2 .dlbox dt img{ width: 100%; height: auto;}
.about-2 .dlbox dd{ overflow: hidden; text-align: justify;}
.about-2 .dlbox dd .p2{ text-align: right; margin-top: 20px; font-weight: bold;}
.about-2 .t3 ul{ margin: 0 -20px;}
.about-2 .t3 li{ float: left; width: 33.33%;}
.about-2 .t3 .w{ margin: 0 20px;}
.about-2 .t3 .w img{ width: 100%; height: auto;}

.about-3{ background: #f8f8f8; padding: 90px 0;}
.about-3 .t2{ margin-bottom: 40px;}
.about-3 ul{ margin:0 -37px ;}
.about-3 li{ float: left; width: 50%;}
.about-3 li .w{ position: relative;  margin: 0 37px; justify-content: center; text-align: center; color: #fff;}
.about-3 li .w .bg{ background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.about-3 li .w p{ position: relative; z-index: 2;}

.about-4{ padding: 80px 0 100px;}
.about-4 .t2{ margin-bottom: 40px;}
.about-4 ul{ margin: 0 -10px;}
.about-4 li{ width: 20%; float: left;}
.about-4 li .w{ margin: 0 10px; text-align: center;}
.about-4 li .p1{ font-weight:  bold; margin: 20px 0 5px;}
.about-4 li .p2{}

.about-5 .img { margin: 20px 0;}
.about-5 .img img{ width: 100%; height: auto;}
.about-5 ul{ margin:0 -37px ;}
.about-5 li{ float: left; width: 50%;}
.about-5 li .w{ position: relative;  margin: 0 37px; justify-content: center; text-align: center; color: #fff;}
.about-5 li .w .bg{ background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.about-5 li .w p{ position: relative; z-index: 2;}

.about-6{ background: #f8f8f8;padding: 120px 0 100px;}
.about-6 .t1{ margin-bottom: 40px;}
.about-6 ul{ margin:0 -37px ;}
.about-6 li{ float: left; width: 50%;}
.about-6 li .w{ position: relative;  margin: 0 37px; justify-content: center; text-align: center; color: #fff;}
.about-6 li .w p{ position: relative; z-index: 2; text-align: left; margin-top: 1em; color: #595757;}

.about-7{ padding: 90px 0 20px;}
.about-7 .box{ position: relative; margin: 30px 0 0;}
.about-7 .box:after{ content: " "; position: absolute; left: 50%; width: 1px; top: 0px; bottom:20px; background: #173f35;}
.about-7 .box  dl{ text-align: right; overflow: hidden; display: flex; flex-direction:row-reverse; align-items: center; position: relative;}
.about-7 .box  dl:after{ width: 9px; height: 9px; border-radius: 100%; background: #173f35; content: ""; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -4px;}

.about-7 .box:before{ width: 9px; height: 9px; border-radius: 100%; background: #173f35; content: ""; position: absolute; left: 50%; top: 0; margin:0 0 0 -4px;}
.about-7 .box  dl dt{ flex: 1; text-align: left;}
.about-7 .box  dl dt img{ width: auto; height: auto; max-width: 100%;}
.about-7 .box  dl dt .w{ min-height: 1em;}
.about-7 .box  dl dd{ flex: 1; }
.about-7 .box li:nth-child(2n) dl{flex-direction:row; }
.about-7 .box li:nth-child(2n) dd{ text-align: left;}
.about-7 .box li:nth-child(2n) dt{  text-align: right;}
.about-7 .box li .w{ padding: 20px;}
.about-7 .box li .w .p1{ font-weight: bold; margin-bottom: 5px; color: #173f35;}
.about-7 .box li .w .p2{}

.about-banner {width:76%;padding-left:12%;padding-top:30px;}
.about-banner .bg{ display: block; height: 600px; background-size: cover; background-position: center;}
.about-banner .swiper-pagination-clickable .swiper-pagination-bullet{ opacity: 0.8; width: 10px; height: 10px; border-radius: 10px; background: #fff;}
.about-banner .swiper-pagination-clickable .swiper-pagination-bullet-active{ /*width: 20px;*/ background: #173f35;}
.about-banner .swiper-button-prev{  /* background: #173f35; */background-image:url();top:0%;left:35px;width:100px;height:600px;} 
.about-banner .swiper-button-next{  /* background: #173f35; */ background-image:url();top:0%;right:25px;width:100px;height:600px;}

.about-8{ background: #f8f8f8; padding: 50px 0 80px;}
.about-8 .box{flex-direction:row-reverse;}
.about-8 .box .right{ width: 24%; margin-left: 4%;}
.about-8 .box .right img{ width: 100%; height: auto;}
.about-8 .box .left .p1{ margin-bottom: 40px;}
.about-8 .box .left ul{ margin: 0 -10px;}
.about-8 .box .left li{ float: left; width: 25%;}
.about-8 .box .left li img{ width: 100%; height: auto;}
.about-8 .box .left li .w{ margin: 0 10px; text-align: center;}

.main-other{ overflow: hidden;}


.shiye-1{ padding: 90px 0;}
.shiye-1 .dlbox{ margin: 60px 0 0px;}
.shiye-1 .dlbox dt{ float:left; margin-right: 100px; width: 30.8%;}
.shiye-1 .dlbox dt img{ width: 100%; height: auto;}
.shiye-1 .dlbox dt .p{ text-align:center; background: #173f35; padding: 10px 0; color: #fff;}
.shiye-1 .dlbox dd{ overflow: hidden; text-align: justify;}
.shiye-1 .dlbox dd .p2{ text-align: right; margin-top: 20px; font-weight: bold;}

.shiye-2 { background: #f8f8f8; padding: 70px 0 60px;}
.shiye-2 .t2{ margin: 40px 0; text-align: justify;}
.shiye-2 .box{ margin:0 -20px ;}
.shiye-2 .box a{ float: left; width: 33.33%; }
.shiye-2 .box a .w{ margin: 0 20px 40px; position: relative;}
.shiye-2 .box a .w span{ position: absolute; height: 100%;  width: 100%; display: flex; left: 0; top: 0; align-items: center; justify-content: center;}
.shiye-2 .box a .w span i{ background: url(../images/fangda.png) no-repeat center #173f35; border-radius: 100%; padding: 10px; width: 30px; height: 30px;  transform: scale(0); transition: 0.3s all ease-in-out;}
.shiye-2 .box a .w:hover span i{ transform: scale(1);}
.shiye-2 .box a .w img{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}
.shiye-3{ padding: 70px 0;}
.shiye-3 .img { margin: 20px 0;}
.shiye-3 .img img{ width: 100%; height: auto;}
.shiye-3 ul{ margin:0 -37px ;}
.shiye-3 li{ float: left; width: 50%; padding-top: 74px;}
.shiye-3 li .w{ position: relative;  margin: 0 37px; justify-content: center; text-align: center; color: #fff;}
.shiye-3 li .w .bg{ background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.shiye-3 li .w p{ position: relative; z-index: 2;}

.shiye-4 { background: #f8f8f8; padding: 70px 0 0;}
.shiye-4 .tab-top{ padding: 20px 0;}
.shiye-4 .tab-top span{ display: inline-block; min-width: 240px; line-height: 55px; border-radius: 10px; background: #fff; color: #173f35; cursor: pointer;}
.shiye-4 .tab-top span.cur{ background: #173f35; color: #fff;}
.shiye-4 .ww1 { text-align: center; padding-bottom: 60px;}
.shiye-4 .ww1 dl{ }
.shiye-4 .ww1 dt{ border-bottom: 1px solid #eee; padding: 40px 0 20px; }
.shiye-4 .ww1 dt p{ font-weight: bold;}
.shiye-4 .ww1 dd{ padding: 20px 0; line-height: 1.8;}
.shiye-3-bg{ position: relative;}
.shiye-3-bg:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.shiye-3-bg .wrap{ height: 590px; position:relative; z-index: 2;}
.shiye-3-bg  a{ color: #fff;}


.pro-banner .bg{ display: block; height: 600px; background-size: cover; background-position: center;}
.pro-banner .swiper-pagination-clickable .swiper-pagination-bullet{ opacity: 0.8; width: 10px; height: 10px; border-radius: 10px; background: #fff;}
.pro-banner .swiper-pagination-clickable .swiper-pagination-bullet-active{ width: 20px; background: #173f35;}

.pro-box{ position: relative; }
.pro-box .left{ background: #fff;position: absolute; left: 0; top: 0; width: 160px;}
.pro-box .left ul{ padding: 50px 0;}
.pro-box .left li{ text-align: center; margin-bottom: 20px;}
.pro-box .left li a{ display: inline-block; border-bottom: 4px solid #fff;}
.pro-box .left li.cur a{ color: #173f35; border-bottom-color: #173f35;}
.pro-box .right{ border-left: 1px solid #ddd; margin-left: 160px;}
.pro-box .top{ padding: 30px 40px; border-bottom: 1px solid #ddd;}
.pro-box .top .t1{ color: #173f35; margin-bottom: 10px;}
.pro-box .top .t2 span{ display: inline-block; border-radius: 20px; border: 1px solid #ddd; padding: 5px 20px; }
.pro-box .box{ padding: 20px; min-height:300px}
.pro-box .box ul{ margin: 0 -10px;}
.pro-box .box li{ float: left; width: 25%;}
.pro-box .box li .w{ margin: 0 10px 40px; display: block; text-align: center;}
.pro-box .box li .w .ratio_img{ display: block; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.pro-box .box li .w .ratio_img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.pro-box .box li .w .p{ height: 5em; overflow: hidden;}
.pro-box .box li .w .p2{ color: #173f35;}
.main-other{ border-bottom: 1px solid #f1f1f1; }
.main-other{ position: relative; border: 0;}
  .main-other:after{ content: " "; bottom:0; position: absolute; left: 0; right: 0; border: 1px solid #f1f1f1; z-index: 2; z-index: 10;}
.pro-box .more{ padding: 40px 0;}
.pro-box .more a{ display: inline-block; border:1px solid #ddd; border-radius: 40px; padding: 5px 60px; }
.pro-box .more a:hover{ background: #173f35; border-color: #173f35; color: #fff;}
.pro-box .left.fiexd{ position: fixed; top: 0;}


.prodcut-wrap{ max-width: 1000px; margin: 0 auto;}
.share-right{ right: 0; top: 30%; position:fixed; background: #173f35; padding: 10px 10px 3px; color: #fff; z-index: 997;}
.share-right dt{ background: #fff; padding: 5px; width: 110px; height: 110px;}
.share-right dt canvas{ width: 110px; height: 110px; vertical-align: top;}
.share-right dd span{ display: inline-block; padding-left: 5px;}

.par-top{ padding: 50px 0;}
.par-top .exzoom{ width: 440px; height: 440px; position: relative;}
.par-top .exzoom:after{ content: ""; position: absolute; right: 0; bottom: 0; background: url(../images/s1.png) no-repeat; width: 41px; height: 41px; z-index: 33; opacity: 0.8; pointer-events: none; transform: scale(0.5);}
.par-top .right .w{ padding: 0 0 0 40px;}
.par-top .right .p1{ color: #000;}
.par-top .right .p2{ color: #173f35; line-height: 1.2; margin: 10px 0;}
.par-top .right .p4 a{ display: block; padding: 15px 0; color: #fff; background: #173f35; width: 60%;}
.p-shear{ display: inline-block; margin: 20px 0;}
.p-shear dl{  border: 1px solid #ddd; border-radius: 30px; position: relative;}
.p-shear .qrcode{ padding: 10px; position: absolute; top: 110%; left: -10px; background: #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity: 0; visibility: hidden;}
.p-shear .qrcode canvas{ width: 120px; height: 120px; vertical-align: top;}
.p-shear dt{ padding: 5px 1px 5px 20px;}
.p-shear dd{ padding:5px 10px;}
.p-shear dd a{display: inline-block; margin: 0 5px; position: relative; vertical-align: top;}
.p-shear dd a:hover .qrcode{ opacity: 1; visibility: visible;}
.p-shear dd .m2{ position: absolute; left: 0; top: 2px; z-index: 2; opacity: 0;}
.p-shear dd a:hover .m1{ opacity: 0;}
.p-shear dd a:hover .m2{ opacity: 1;}

.pro-art-box{ position: relative; padding-left: 270px;}
.pro-art-box .left.fiexd{ position: fixed; top: 0;}
.pro-art-box .left{ background: #fff;position: absolute; left: 0; top: 0; width: 220px; border: 1px solid #ddd;}
.pro-art-box .left ul{ padding: 40px 0 20px;}
.pro-art-box .left li{ text-align: center; margin-bottom: 20px;}
.pro-art-box .left li a{ display: inline-block; border-bottom: 4px solid #fff;}
.pro-art-box .left li.cur a{ color: #173f35; border-bottom-color: #173f35;}
.pro-art-box .right img{ width: 100%; height: auto;}

.news-top{ margin: 40px 0}
.news-top a{display: inline-block; border-radius: 30px; padding: 5px 20px; border: 1px solid #ddd; margin-right: 10px;}
.news-top a.cur{ background: #173f35; border-color: #173f35; color: #fff;}
.news-list{margin: 0 -17px 30px;}
.news-list ul{ }
.news-list li{ float: left; width: 33.33%;}
.news-list li img{ width: 100%; height: auto;}
.news-list li .w{ margin: 0 17px; padding-bottom: 40px; position: relative; padding-top: 2em;}
.news-list li .p1{ margin: 10px 0 0;}
.news-list li .p1 a{ color: #173f35;}
.news-list li .p2{ margin: 5px 0; text-align: justify;}
.news-list li .p3{ color: #999;}
.news-list li .zd{position: absolute; top: 0; left: 0;  color: #fff; background: #173f35; padding: 2px 20px; z-index: 4;}
.news-list li .img{ position: relative; margin-top: -2em;}
.news-list li .img i{ z-index: 3; position: absolute; bottom: 0; right: 0;  color: #fff; padding:20px 25px; font-weight: bold; font-size: 20px; width: 9px; height: 16px; background: url(../images/r.png) no-repeat #173f35 center; background-size:9px 16px;}

.contact-1{ padding: 90px 0 70px}
.contact-1 .t1{ margin-bottom: 50px;}
.contact-1 ul i{ color: #173f35;}
.contact-1 ul li{ margin-bottom: 10px;}
.contact-2{ padding: 90px 0 70px; background: #f8f8f8;}
.contact-3{ padding: 90px 0 70px}

.contact-2 .t1{ margin-bottom: 50px;}
.contact-2 ul dt{ color: #173f35; margin-bottom: 10px;}
.contact-2 ul li{ margin-bottom: 30px; float: left; width: 50%;}
.contact-2 ul li:nth-child(2n-1) dl{ margin-right: 20px;}

.from-box{ margin-top: 20px;}
.from-box form{ display: block; margin-top: 50px;}
.from-box .item{ width: 50%; float: left; margin-bottom: 20px;}
.from-box .item dt{ margin-bottom: 10px;}
.from-box .item.item5{ width: 100%;}
.from-box .item textarea,
.from-box .item input{ border:1px solid #ddd; background: #fff; border-radius: 2px; width: 100%; box-sizing: border-box; padding: 10px;}
.from-box .item textarea:focus,
.from-box .item input:focus{ box-shadow: 0 0 3px #4ba8d7; background: #e9f4f8;  }
.from-box .item dt img{ margin-right: 10px;}
.from-box .item.item1 ,
.from-box .item.item3 { padding-right: 3%; width: 47%;}
.from-box .item.item2 ,
.from-box .item.item4 { padding-left: 3%; width: 47%;}
.from-box button{ background: #173f35; color: #fff; min-width: 10em; margin: 0 20px; border-radius: 5px; padding: 10px 0px; border:1px solid #006b5c;}
.from-box button.buttons2{ background: #fff; color: #173f35;}


.duct .txt{ flex: 4;}
.duct .img{ flex: 6;}
.duct .img img{ max-width: 100%; text-align: center;}
.duct:nth-child(2n) .box{flex-direction:row-reverse; color: #fff;}
.duct:nth-child(2n) .box .bon a{ background: #fff;}
.duct:nth-child(2n-1){ padding-top: 50px;}
.duct{ padding: 10px 0;}
.duct dt{ line-height: 1.2;}
.duct dt p{ margin: 10px 0 20px;}
.duct dd .bon{ margin-top: 40px;}
.duct dd .bon a{ display: inline-block; min-width: 120px; padding: 6px 0; background: #173f35; text-align: center; border-radius: 5px; color: #fff;}

.dealer{ padding: 50px 0 0;}
.dealer .t1{ margin-bottom: 40px; color: #000;}
.buzhou1{ background: url(../images/zc1_03.jpg) no-repeat; background-size: 100% auto; background-position: center 300px;}
.dealer-bk{ margin-bottom: 40px;}
.dealer-bk .code{ margin: 30px 0;}
.dealer-bk .code img{ border: 1px solid #ddd; width: 316px; height: 316px;}
.dealer-bk .img{ width: auto; max-width: 100%; height: auto;}
.dealer-bk .bu-z{ display: inline-block; border-radius: 50px; background: #173f35; color: #fff;  min-width: 410px; padding: 10px 0; margin: 20px 0;}
.dealer-bk .f-26{ padding: 20px 0;}

.regs1{ background: url(../images/kq_03.jpg) no-repeat; background-size: 100% auto; background-position: center ;}
.regs2{ background: url(../images/kq_06.jpg) no-repeat; background-size: 100% auto; background-position: center bottom;}
.regs3{ background: url(../images/kq_08.jpg) no-repeat; background-size: 100% auto; background-position: center bottom ;}
.regs4{ background: url(../images/kq_10.jpg) no-repeat; background-size: 100% auto; background-position: center bottom ;}

.login{ background-position: center; background-size:cover; background-repeat: no-repeat; position: relative;}
.login .wrap{ padding: 80px 0 100px;}
.login .box{ width: 428px; margin: 0 auto; border-radius: 5px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.2);}
.login .box .w{ padding: 35px;}
.login .box .t1{ margin-bottom: 30px;}
.login .box .inp{ border-bottom: 1px solid #ddd; padding: 10px 0 10px 10px; margin-bottom: 5px; }

.login .box .inp .fiex1{ margin-left: 10px;}
.login .box .inp input{ border: 0; width: 100%; padding: 5px 0;}
.login .box .t3{ margin-top: 20px; margin-bottom: 5px;}
.login .box .bon button{ width: 100%; border: 0; padding: 20px 0; border-radius: 5px; display: block; margin-bottom: 10px; background: #173f35; color: #fff;}
.login .box .bon button.bon2{ background: #006B5C;}

.login-reg{ z-index: 100000; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.3); align-items: center; justify-content: center;}
.login-reg .box-reg{ background: #fff; padding: 20px; text-align: center; position: relative; width: 770px}
.login-reg .box-reg .close{ position: absolute; right: 20px; top: 20px;}
.login-reg .box-reg .t1{ padding: 30px 0 10px; border-bottom: 1px solid #ddd;}
.login-reg .box-reg p{ padding-bottom: 40px;}
.login-reg .box-reg .w img{ display: block; margin: 30px auto 30px; width: 180px; height: 180px; border: 5px solid #173f35; border-radius: 5px;}

.job-box{ padding: 60px 0;}

.job-ul{ margin: 0 -20px;}
.job-ul li{ float: left; width: 33.33%;}
.job-ul li a{ display: block; border: 1px solid #eee; margin: 0 20px 40px; padding: 20px; position: relative;}
.job-ul li a .c999{ color: #aaa;}
.job-ul li .zd{ position: absolute;right: 10px; top: 0; background: #173f35; color: #fff; padding: 2px 20px;}
.job-ul li a:hover{ color: #fff ; background: #173f35;}
.job-ul li a:hover .green,
.job-ul li a:hover .c999{ color: #fff;}
.morej{ padding: 40px 0;}
.morej a{ display: inline-block; border:1px solid #ddd; border-radius: 40px; padding: 5px 60px; }
.morej a:hover{ background: #173f35; border-color: #173f35; color: #fff;}

.news-art{ padding: 30px 0;}
.news-art .right{ width: 260px; margin-left: 30px;}
.news-art .right .w{ display: block;}
.news-art .right li{ margin-bottom: 15px;}
.news-art .right .bg-img{ display: block; float: left; width: 50px; height: 50px; margin-right: 10px; position: relative;}
.news-art .right .bg-img img{ width: 100%; height: 100%; object-fit: cover;}
.news-art .right li p{ margin: 5px 0 0 0;}

.search-box{ padding: 30px 0;}
.search-box .t1{ margin-bottom: 20px;}
.search-news li{ border-bottom: 1px solid #ddd; padding: 20px 0;}
.search-news li .p1 a{ color: #000;}
.search-news li .p1 a:hover{ color: #173f35;}
.search-news li .p2{ color: #777;}
.search-news li .p3{ color: #ddd;}
.search-news li .p1 em{ color: #22ac38; font-weight: bold;}

.search-pro{}
.search-pro ul{ margin: 0 -10px;}
.search-pro li{ float: left; width: 20%;}
.search-pro li .w{ margin: 0 10px 40px; display: block; text-align: center;}
.search-pro li .w .ratio_img{ display: block; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.search-pro li .w .ratio_img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.search-pro li .w .p{ height: 5em; overflow: hidden;}
.search-pro li .w .p2{ color: #173f35;}

.qiye-1,
.qiye-2,
.qiye-3,
.qiye-4{ padding: 70px 0 90px;}

.qiye-1 .list{ margin-top: 50px;}
.qiye-1 .list ul{ margin: 0 -20px;}
.qiye-1 .list li{ float: left; width: 33.33%;}
.qiye-1 .list li .w{ margin: 0 20px 20px;}
.qiye-1 .list li img{ width: 100%; height: auto;}

.qiye-3{}
.qiye-3 .list{ margin-top: 40px;}
.qiye-3 ul{ margin: 0 -25px;}
.qiye-3 li{ width: 50%; float: left;}
.qiye-3 li .w{ margin: 0 25px;}
.qiye-3 li .w img{ width: 100%; height: auto;}

@media only screen and (max-width: 1700px) {
	.home-3 .bg.bg2{ width: 180px; }
	.home-3 .bg.bg1{ width: 200px; }
}
@media only screen and (max-width: 1600px) {
	.wrap{ width: 1100px;}
	.banner .bg{ height: 700px;}
	.home-2 a{ height: 600px;}
	.home-6 .w{ height: 600px;}
	header .nav .menu{ margin: 0 2%;}
	header .w{ margin: 0 70px;}
	.search-pro li{ width: 25%;}
	.about-banner .bg{ height: 700px;}
	
}
@media only screen and (max-width: 1500px) {
	.home-3 .bg.bg2{ width: 160px; }
	.home-3 .bg.bg1{ width: 160px; }
	.right-mask{ text-align: right;}
	.right-mask img{ width: 80%; height: auto;}
	header .w{ margin: 0 40px;}
	.banner .bg{ height: 600px;}
	.baner-other .w{ height: 420px;}
	.about-banner .bg{ height: 600px;}
}
@media only screen and (max-width: 1439px) {
	.home-3 .bg.bg2{ width: 150px; }
	.home-3 .bg.bg1{ width: 200px; }
	header .nav .menu li > a{ line-height: 90px;}
	.wrap-pro{ margin: 0 40px;}
}
@media only screen and (max-width: 1360px) {
	header .nav .menu{ margin: 0 1%;}
	header .nav .search .s input{ width: 60px;}
	.right-mask img{ width: 70%;}
	.wrap{ width: 980px;}
	.banner .bg{ height: 600px;}
	.about-banner .bg{ height: 600px;}
	.home-2 a{ height: 540px;}
	.home-6 .w{ height: 540px;}

	.home-4{ padding: 70px 0 80px;}
	
	footer .top .left li dl{ margin-left: 100px;}
	footer .top .left li dd:after{ left: -50px;}
	
	.home-4 li .img{ width: 100px; height: 100px;}
	.shiye-3-bg .wrap{ height: 480px;}
}
@media only screen and (max-width: 1250px) {
	.main{ overflow: hidden;}
	.home-3 .bg.bg2{ display: none; }
	.home-3 .bg.bg1{ width: 100px; }
	header .nav .menu li > a{ padding: 0 5px; line-height: 70px;}
	header .nav .logo img{ width: 200px;  height: auto; }
	header .nav .search .s input{ width: 40px;}
	.home-2 a{ height: 440px;}
	.home-7 ul{ margin: 0 -20px;}
	.home-7 li .w{ margin: 0 20px;}
	.pro-banner .bg{ height: 400px;}
	.about-banner .bg{ height: 400px;}
}
@media only screen and (max-width: 1000px) {
	.wrap{ width: 700px;}
	.banner .bg{ height: 400px;}
	.about-banner .bg{ height: 400px;}
	.home-2 a{ height: 350px;}
	.home-6 .w{ height: 400px;}

	.home-4{ padding: 70px 0 80px;}
	.home-4 li .img{ height: 80px; width: 80px;}
	.home-6 .w{ margin-left: 20%;}
	.home-5,
	.home-7{ padding: 80px 0 70px;}
	.home-1{ padding: 50px 0;}
	.home-3 ul{ padding: 30px 0;}
	
	header .nav .logo img{ width: 246px;}
	header .top .w{ margin: 0 10px;}
	header .w{ position: relative; margin: 0 0;}
	header .w .logo{ position: absolute; left: 10px; top: 10px;}
	header .w .search{ position: absolute; right: 10px; top: 5px;}
	header .w .menu { margin: 60px 0 0; border-top: 1px solid #f1f1f1;}
	header .nav .menu li > a{ line-height: 60px;}
	footer .top .left li dl{ margin-left: 34px;}
	footer .top .left li dd:after{ left: -17px;}
	
	.about-2 .dlbox dt{ margin-right: 30px;}
	.about-3 ul,
	.about-5 ul,
	.about-6 ul{ margin: 0 -10px;}
	.about-5 li .w,
	.about-6 li .w,
	.about-3 li .w{ margin: 0 10px;}
	
	.about-4 li{ float: none; width: auto; margin-bottom: 20px;}
	.about-4 li dl{ overflow: hidden; display:flex; align-items: center; }
	.about-4 li dt{ width: 50%; }
	.about-4 li dt .ratio_img{ margin-left: 40%; margin-right: 5%;}
	.about-4 li dd{ overflow: hidden;  text-align: left; margin-left: 5%;}
	
	.baner-other .w{ height: 380px;}
	
	.shiye-1 .dlbox dt{ margin-right: 30px;}
	.shiye-3-bg .wrap{ height: 380px;}
	.pro-box .box li{ width: 50%;}
	
	.prodcut-wrap{ margin: 0 2rem;}
	.par-top .exzoom{ width: 300px; height: 300px;}
	.pro-art-box{ padding-left: 180px;}
	.pro-art-box .left{ width: 150px;}
	
	.duct{ padding: 20px 0;}
	.duct dd .bon{ margin-top: 20px;}
	.duct .txt{ flex: 5;}
	.duct .img{ flex: 5;}
	.news-art .right{ display: none;}
	.search-pro li{ width: 33.33%;}
	
	.qiye-1,
	.qiye-2,
	.qiye-3,
	.qiye-4{ padding: 30px 0 40px;}
	
}

@media only screen and (max-width: 750px) {
	.wrap{ width: auto; margin: 0 2rem;}
	.header{ display: none;}
	.ph-head { display: block; }
	.ph-head .w{position: fixed; left: 0; top: 0; right: 0; z-index: 1000; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.1); padding:10px; height: 34px; z-index: 1000; }
	 .menu_h { display: block; background: none; transition: 0.3s all; z-index:1000; -webkit-transition: 0.3s all; border: none; width: 30px; height: 30px; padding: 0; outline: none; position: relative; right: 0; top: 0; transform: scale(0.8); }
	.menu_h::before, .menu_h::after, .menu_h span { background: #173f35 ; border-radius: 2px; }
	.menu_h::before, .menu_h::after { content: ''; position: absolute; height: 5px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
	.menu_h span { position: absolute; width: 100%; height: 5px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
	.menu_h::before { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
	.menu_h::after { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
	.menu-open .menu_h span { opacity: 0; }
	.menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
	.menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	.menu-open nav { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index:1000; }
	.menu-open .body-box { overflow: hidden; }
	/*关闭弹层*/
	.menu-open .ph-mask { display: block; width: 100%; height: 100%; background: #000; opacity: 0.8; position: fixed; left: 0; top: 0; z-index: 99; }
	
	.ph-head .logo img{ width: 180px; height: auto;}
	.ph-head .t1 dt img{ width: 20px; height: 20px;}
	.ph-head .t1 dd{ position: absolute;}
	.ph-head .t1 dd{visibility: hidden; opacity: 0; transform: translateY(10px);  transition: 0.3s all; position: fixed; background: #fff; padding: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.1); left: 30%; top: 54px; right: 0; border-top: 1px solid #173f35;}
	.ph-head.lang-open .t1 dd{ visibility: visible; opacity: 1; transform: translateY(0);}
	.ph-head .t1 dd:after{ content: " "; position: absolute; right: 110px; top: -16px; width: 0; height: 0; border:8px solid rgba(0,0,0,0); border-bottom-color: #173f35;}
	.ph-head .t1 dd li{ white-space: nowrap; margin-bottom: 10px;  border-bottom: 1px solid #f1f1f1;}
	.ph-head .t1 dd li:last-child{ margin-bottom: 0;}
	.ph-head .t1 dd li a{ display: block; padding-bottom: 10px;}
	.ph-head .t1 dd li img{ vertical-align: middle; margin-right:5px;}
	.ph-head .t1 dd li span{ display: inline-block; line-height: 16px;}
	
	.ph-head .t2{ margin: 0 25px;}
	.ph-head .t2 dt img{ width: 20px; height: 20px;  transition: 0.3s all;}
	.ph-head .t2 dt{ position: relative; overflow: hidden;}
	.ph-head .t2 dt::before, .ph-head .t2 dt::after{ background: #173f35 ; border-radius: 2px; pointer-events: none; }
	.ph-head .t2 dt::before, .ph-head .t2 dt::after { content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; opacity: 0;}
	.ph-head.search-open .t2 dt img{transform: translateY(-110%);}
	.ph-head.search-open .t2 dt::before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
	.ph-head.search-open .t2 dt::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	
	
	
	.ph-head .t2>dl> dd{visibility: hidden; opacity: 0; transform: translateY(10px);   transition: 0.3s all; position: fixed;  left: 10px; top: 54px; right: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.ph-head .t2 dd:after{ content: " "; position: absolute; right: 60px; top: -16px; width: 0; height: 0; border:8px solid rgba(0,0,0,0); border-bottom-color: #173f35;}
	.ph-head.search-open .t2 dd{ visibility: visible; opacity: 1; transform: translateY(0);}
	.ph-head .t2 dd .search> .fiex{height: 46px;}
	.ph-head .t2 dd .search .select{ border-right: 1px solid #f1f1f1; width: 120px; margin-right: 10px;}
	.ph-head .t2 dd .search{ border:1px solid #173f35;  background: #fff; border-radius: 40px; padding: 0 10px;}
	.ph-head .t2 dd .search input{ border:0; width: 100%; }
	.ph-head .t2 dd .search .s input{ width: 100%;}
	.ph-head .t2 dd .search .b button{ background: linear-gradient(to bottom right, #006b5c, #173f35); color: #fff; padding: 5px 10px; border: 0; border-radius: 30px;}
	.ph-head .t2 dd .search .layui-form-select .layui-edge{ background: url(../images/jt1.png) no-repeat; width: 12px; height: 7px; border: 0; margin: 0; margin-top: -4px;}
	
	.ph-menu{ position: fixed;  left: 0px; top: 54px; right: 0px; visibility: hidden; z-index: 1000;}
	.ph-menu ul{visibility: hidden; opacity: 1; transform: translateX(100%);  transition: 0.5s all; position:relative;box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff;  z-index: 2; border-top: 1px solid #173f35;}
	.ph-menu ul:after{ content: " "; position: absolute; right: 20px; top: -16px; width: 0; height: 0; border:8px solid rgba(0,0,0,0); border-bottom-color: #173f35;}
	.ph-menu li{ border-bottom: 1px solid #f1f1f1; position: relative;}
	.ph-menu li a{ display: block; padding: 10px 20px;}
	.ph-menu li .child{ display: none;  padding-left: 2em; border-top: 1px solid #f1f1f1;}
	.ph-menu li .child a{ padding: 5px 10px;}
	.ph-menu li.open .child{ display: block;}
	.ph-menu li.ch .ii{ position: absolute; right: 0; top: 0; width: 50%; height: 3.6rem; background: rgba(0,0,0,0);}
	.ph-menu li.ch .ii:after{ content: ""; position: absolute; right:10px; top: 1.2rem; background: url(../images/jia.png) no-repeat; background-size: 100%; width: 15px; height: 15px; z-index: 1;}
	.ph-menu li.ch.open .ii:after{ background-image: url(../images/jian.png);}
	
	.menu-open .ph-menu{ visibility: visible;}
	.menu-open .ph-menu ul{ transform: translateX(0); visibility: visible; opacity: 1;}
	
	
	.right-mask{ display: none;}
	.ph-mask-bg{ visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); z-index: 999; transition: 0.2s all;}
	.menu-open .ph-mask-bg,
	.search-open .ph-mask-bg,
	.lang-open .ph-mask-bg{ opacity: 1; visibility: visible;}
	
	.footerlogo{ display: none;}
	.footertop{ display: block; padding: 20px 0;}
	.footertop a{ color: #173f35;}
	footer .top .box{ display: block; }
	footer .top .box .right{ position: relative; border: 1px solid #173f35;  }
	footer .top .box .right .w1{ text-align: center; margin-bottom: 0; padding: 10px; }
	footer .top .box .right .w1 .p1{ padding-top: 0; }
	footer .top .box .right .w2{ background: #173f35; padding: 0 10px; padding-top: 10px; text-align: center;  }
	footer .top .right .p3 img{ width: 90px; height: 90px; margin: 0;}
	footer .top .right .p4 span{ width: auto;}
	footer .top .right .p2{ letter-spacing: -2px; font-size: 3.5rem;}
	
	footer .top .left li{ float: none; width: auto; border-bottom: 1px solid #ddd;}
	footer .top .left li dl{ padding: 0; margin: 0;}
	footer .top .left li dl dt{ margin: 0; padding:10px 0; position: relative;}
	footer .top .left li dl dt a{ color: #173f35;}
	footer .top .left li dd{ display: none; padding-bottom: 10px;}
	footer .top .left li.open dd{ display: block;}
	footer .top .left li.open dt:before{ display: none;}
	footer .top .left li dd:after{ display: none;}
	footer .top .left li p{ margin: 0; }
	footer .top .left li dd p{  padding: 0 0 5px 1em;}
	footer .top .left li:last-child{  margin-bottom: 20px;}
	footer .top .left li dl dt:after{ content: " "; position: absolute; right: 0; top: 50%; margin-top: -1px; width: 14px; height: 2px; background: #173f35;}
	footer .top .left li dl dt:before{ content: " "; position: absolute; right: 6px; top: 50%; margin-top: -7px; width: 2px; height: 14px; background: #173f35;}
	footer .bottom i.i1{ display: block; height: 0; overflow: hidden;}
	footer .top{ padding: 0 0 10px;}
	footer .bottom{ font-size: 1.2rem; padding-bottom: 100px; background: #fff;}
	.ph-bottom{ display: block; text-align:center; z-index: 998; position: fixed; left: 0; bottom: 0; right: 0; background: #173f35; color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
	.ph-bottom img{ width: 2.5rem; height: 2.5rem;}
	.ph-bottom a p{ margin-top: 2px;}
	.ph-bottom a{ display: inline-block; padding: 8px 10px 3px; color: #fff;}
	.ph-bottom a:active{ background: #006B5C;}
	
	.home-1{ padding: 20px 0;}
	.home-1 .wrap{ margin: 0 1rem;}
	.home-1 dt img{ width: 120px; height: 120px;}
	.home-1 dd { padding-left: 20px;}
	.home-1 dd .w{ font-size: 12px; padding-right: 30px;}
	.home-3 li{ width: 50%;}
	
	.home-3 li{ margin-bottom: 30px;}
	.home-3 ul{ margin: 0 -10px;}
	.home-3 li .w{ margin: 0 10px;}
	.home-3 li .line{ height: 5px;}
	.home-3 .bg.bg1{ display: none;}
	
	.home-4 li .img{ width: 60px; height: 60px; padding: 15px;}
	.home-4 ul{ font-size: 1.4rem;}
	.home-5, .home-7{ padding: 40px 0 20px;}
	.home-5 li{ width: auto; float: none; margin-bottom: 30px;} 
	.home-6 .w{ margin-left: 10%; height: 300px;}
	.home-6 .w .t2{ margin: 10px 0;}
	.home-6 .w .txt dd{ font-size: 1.4rem;}
	.home-7 li{ width: auto; float: none; margin-bottom: 30px;}
	.home-7{ background: #fff;}
	.home-8{ padding-bottom: 0; background: #fff;}
	.home-8 li{ width: auto; float: none; margin-bottom: 30px;}
	
	.banner{ padding-top: 54px;}
	.banner .swiper-slide{ display: block}
	.banner a{ display: block; width: 100%;}
	.banner img{ width: 100%; height: auto;}
	.banner .bg{ height: auto; min-height: 40rem; background-size: cover;}
	.home-2 a{ background-size: 100% 100%; height: auto; min-height: 18rem;}
	.js-bg { overflow: hidden; display: block;}
	.js-bg img{ width: 100%; height: auto;}
	
	.main-other{ padding-top: 54px;}
	.baner-other  .w{ height: 15rem;}
	.about-1 .bg .m1{ width: 50px; height: 50px; margin: -25px 0 0 -25px;}
	.about-1{ margin: 30px 0;}
	.about-2{ margin-bottom: 40px;}
	.about-2 .dlbox{ margin: 20px 0;}
	.about-2 .dlbox dt{ float: none; width: auto; margin:0 20% 20px ;}
	.about-2 .t3 ul{ margin: 0 -5px;}
	.about-2 .t3 li .w{ margin: 0 5px;}
	.about-3 li{ float: none; width: auto; margin-bottom: 20px;}
	.about-3,
	.about-4,
	.about-6,
	.about-7,
	.about-8{ padding: 30px 0;}
	
	.about-6 li,
	.about-5 li{ float: none; width: auto; margin-bottom: 20px;}
	
	.about-7 .box  dl{ display: block; overflow: visible;}
	.about-7 .box  dl dt{ display: block; text-align: left !important;}
	.about-7 .box  dl dd{ text-align: left !important;}
	.about-7 .box  li{ margin-bottom: 20px;}
	.about-7 .box  dl dd .w{ padding: 0 10px;}
	.about-7 .box  dl dt .w{ padding: 0 10px;}
	.about-8 .box{ display: block;}
	.about-8 .box .right{ margin: 0 auto 20px; width:50%;}
	.about-8 .box .left li{ width: 50%; margin-bottom: 20px;}
	.about-7 .box  dl:after{ left: 0px; top: 28px;}
	.about-7 .box li:first-child  dl:after{ display: none;}
	.about-7 .box:before{ left: 0px;}
	.about-7 .box:after{left: 0;}
	
	.shiye-1 .dlbox{ margin-top: 20px;}
	.shiye-1 .dlbox dt{ float: none; width: auto; margin:0 20% 20px ;}
	.shiye-1,
	.shiye-2,
	.shiye-3,
	.shiye-4{ padding: 30px 0;}
	.shiye-4{ padding-bottom: 0;}
	
	.shiye-2 ul{ margin: 0 -20px;}
	.shiye-2 .box a{ width: 50%;}
	.shiye-2 .box a .w{ margin: 0 10px 20px;}
	
	.shiye-4 .tab-top span{ min-width: 40%; line-height: 40px;}
	.shiye-3 ul{ margin: 0 -10px;}
	.shiye-3 li{ padding-top: 20px; width: 100%;}
	.shiye-3 li .w{ margin: 0 10px;}
	.shiye-4 .ww1 dt img{ width: 40px; height: 40px;}
	.shiye-3-bg .wrap{ font-size: 1.8rem; margin: 0; height: 240px; display: block;}
	.shiye-3-bg .wrap .fiex1:first-child{ padding: 30px 0;}
	.shiye-3-bg .wrap img{ width: 40px; height: 40px;}
	
	.pro-banner .bg{ height: auto;}
	.pro-box{ margin: 0 -2rem;}
	.pro-box .top{ padding: 2rem;}
	.pro-box .left{ display: none;}
	.pro-box .right{ margin-left: 0; border: 0;}
	.pro-box .box li .w{ margin-bottom: 20px;}
	
	.prodcut-wrap{ margin: 0 1rem;}
	.par-top{ display: block; padding: 30px 0;}
	.share-right{ display: none;}
	.par-top .exzoom{ width: 100%; height: auto;}
	.par-top .exzoom:after{ display: none;}
	.par-top .right .w{ padding: 20px;}
	.p-shear{ display: none}
	.par-top .right .p4 a{ width: 100%; margin-top: 20px;}
	.pro-art-box .left{ display: none;}
	.pro-art-box{ padding-left: 0;}
	
	.news-box{ margin: 0 -1rem 30px;}
	.news-top{ margin: 20px 0;}
	.news-top a{ margin: 0 8px 10px 0;}
	.news-list{ margin: 0 -8px;}
	.news-list li{ width: 50%; }
	.news-list li .w{ margin: 0 8px; padding-bottom: 20px;}
	.news-list li .img i{ padding: 5px; background-size: 5px 9px;}
	
	.contact-1,
	.contact-2,
	.contact-3{ padding: 20px 0 30px}
	.contact-2 ul li{ width: auto; float: none;}
	.from-box .item{ width: auto !important; padding: 0 !important; float: none !important;}
	.from-box button{ min-width: 35%;}
	.contact-1 .t1{ font-size: 2.5rem; margin-bottom: 20px;}
	.contact-2 .t1{ margin-bottom: 20px;}
	.from-box form{ margin-top: 20px;}
	
	.duct{ padding: 30px 0;}
	.duct .box{ display: block;}
	.duct .img{ width: 90%; margin: 0 0 0 auto;}
	.duct .img img{ max-width: 100% !important; margin: 0 !important;}
	.duct:nth-child(2n-1){ padding-top: 20px;}
	.duct .txt{ margin-top: -10%;}
	
	.dealer-bk .code img{ width: 200px; height: 200px;}
	.dealer-bk .bu-z{ min-width: 200px; padding: 5px 0;}
	.buzhou1{ background-position: center 50%;}
	.regs1{ background-position: center bottom; }
	
	.login .box{ width: auto}
	.login .box .bon button{ padding: 10px 0;}
	.login-reg .box-reg{ width: auto; flex: 1; margin: 0 10px;}
	
	.job-box{ padding: 30px 0;}
	.job-ul li{ width: auto; float: none;}
	.job-ul li a{ margin-bottom: 20px;}
	.search-pro li{ width: 50%;}
	
	.qiye-1 .list li{ width: auto; float: none;}
	.qiye-3 .list{ margin-top: 10px;}
	.qiye-3 li{ width: auto; float: none; margin-top: 20px;}
	
 }