@font-face{font-family:shuzifont;src:url('../css/shuzifont.ttf');}/*数字统一字体*/
.top_box{ width:92%; position: fixed;z-index: 9999; top:4%;left:0;right: 0;margin: 0 auto;background: #fff;}
.top{ width: 100%; display: block; height:95px;}
.top .logo{ float: left; padding: 15px 0 0 3%;position:relative; z-index:100; box-sizing: border-box; width: calc(217px + 2vw); }
.top .logo a{display: block;}
.top .logo a img{width: 100%;}
.top .nav{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); text-align: center;box-sizing: border-box; padding-left:8%;}
.top .nav a{padding: 0 1.5%; font-size: 18px; color: #333; font-weight: 600;}
.top .nav a:hover{ color: #008000;}
.top .coll{ float: right; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.top .coll a{ float: left;line-height: 95px;margin-right: 20px;font-size: 18px; display: block;position: relative;z-index: 1;}
.top .coll ul{ background: #008000;height: 95px;padding-left: 20px; float: right;}
.top .coll ul li{width:40px;display: block; float: left; cursor:pointer; height:40px; margin-top: 28px; margin-bottom:10px; background:#008000; border-radius: 50%; line-height:30px;text-align: center;position: relative;margin-right:15px; line-height:40px;}
.top .coll ul li i{font-size:30px; color:#fff; display:block;}
.top .coll ul li .erweima{ padding: 5px;background: #fff;border: 1px solid rgba(0,0,0,0.1);border-radius: 3px; width: 120px;height: 120px;position: absolute; left:-66px;top: calc(100% + 28px);transform: translate3d(0px,50%,0);pointer-events: none;opacity: 0;filter:alpha(opacity=0);}
.top .coll ul li:hover .erweima{transform: translate3d(0px,0%,0);opacity:1;filter:alpha(opacity=100);}
.top .coll ul li a{display: block;}
.top .coll ul li:hover a{color: #fff;}
.top .coll ul li:hover i{ color:#fff; transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.top_box_b{ width: calc(100% + 1px); top: 0;box-shadow: 0px 0px 75px 0px rgba(0, 0, 0, 0.2);background-color: #fff;}
.top_box_b .cn-en{ width: 50px; height: 50px;}
.top_box_b .cn-en a{  line-height: 50px;}
.top_box_b .logo{ max-width:100%; padding-top: 6px;}
.top_box_b .top{ height:85px;}
.top_box_b .top .coll a{ line-height: 85px;}
.top_box_b .top .coll ul{ height: 85px;}
.top_box_b .top .coll ul li{ margin-top: 24px;}
.hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
.caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0;left: 0;z-index: 101; transform: translateX(-100%);}
.caidan .caidan_nav{ padding: 20px 0%; height: calc(100% - 40px);}
.caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:4rem;line-height:4rem; }
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
.caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
.caidan.caidan_oppen{ width: 50%;transform: translateX(0%);z-index: 666}
.caidan_hidden{transform: translateX(-100%);}
.caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 10%; display: none; background: #f4f4f4;}
.caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-top: 1px solid rgba(0,0,0,0.05);}
.caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
.caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}
.index_banner_swi .swiper-slide img{ width: 100%;}
.index_banner_swi .swiper-pagination{ text-align: center;left: inherit;bottom: 20px;}
.index_banner_swi .swiper-pagination-bullet{background: #fff; opacity: 1;filter:alpha(opacity=100);}
.index_banner_swi .swiper-pagination-bullet-active{background: #008000;}
.index_banner_swi .swiper-slide { position: relative;}
.index_banner_swi .swiper-slide .banner-text{ position: absolute; z-index: 10; bottom:30%; left:10%; color: #fff; font-size: calc(20px + 0.5vw);}
.index_banner_swi .swiper-slide .banner-text span{text-transform: uppercase; font-size:calc(18px + 0.65vw); position: relative; padding-bottom: 10px;display: block;}
.index_banner_swi .swiper-slide .banner-text span::after{ position: absolute; content: ""; width: 250px; height: 1px; background:Rgba(255,255,255,0.5); left: -40px; bottom: 0;}
.index_banner_swi .swiper-slide .banner-text p{ font-size:28px; font-weight: 500; padding-left: 50px; padding-top:30px;font-weight: bold;} 
.index_banner_swi .swiper-slide .bannerdbt{ font-size: calc(20px + 2vw); line-height: calc(20px + 2.1vw); text-transform: uppercase; font-weight: bold;}
.index_banner_swi .swiper-slide .banner-text2{ position: absolute; z-index: 10; bottom:30%; left:10%; color: #fff; font-size: calc(20px + 1.5vw);font-weight: bold; line-height: calc(20px + 2vw);}
.index_banner_swi .swiper-slide .banner-text2 p{ font-size: calc(20px + 1.5vw); } 
.ymtgd img{ width: 100.5%;}
.ymtgd .swiper-pagination-bullet{background: #fff; opacity: 1;filter:alpha(opacity=100);}
.ymtgd .swiper-pagination-bullet-active{background: #008000;}

.shouxw{ border-bottom: 1px solid #f4f4f4; padding: 20px 0; font-size: 20px; overflow: hidden;}
.shouxw dl dt{ font-weight: 800; color: #008000;float: left; width: 80px;}
.shouxw dl dt i{ padding-right: 15px;font-weight:500;}
.shouxw dl dd{float: right; width: calc(100% - 125px); }
.shouxw dl dd .swiper-slide{font-size: 16px; padding-left: 25px; color: #333; padding: 5px 10px 5px 0;}
.shouxw dl dd .swiper-slide a span{padding-right: 5px; color: #cacaca;}
.shouxw dl dd .swiper-button-next, .shouxw dl dd .swiper-button-prev{background: none;color: #666;top: 59%;}
.shouxw dl dd .swiper-button-prev{left: 90%;}
.sbt{ font-size: calc(20px + 1vw); font-weight: 600; color: #000;}
.sbt p{ font-size: 14px; color: #666; font-weight: normal; text-transform: uppercase;}
.s-cp-bt dt{ float: left; color: #000;}
.s-cp-bt dd{ float: right; padding-top: 15px;}
.s-cp-bt dd img{ float: left; padding-left: 25px;}
.s-cpyy{ padding-top:7vh;}
.s-cp-bt{ padding-bottom: 4vh;}
.shoucp_gd .swiper-slide{ background-color: #009944; position: relative; border-radius: 10px; overflow: hidden; text-align: center;}
.shoucp_gd .swiper-slide img{ position: relative; z-index: 1; opacity: 0.4;filter: alpha(opacity:40); width:100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.shoucp_gd .swiper-slide .cp_gd_w{ position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; color: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.shoucp_gd{ padding-bottom: 55px;}
.shoucp_gd .swiper-scrollbar{ max-width: 60%; margin: 0 auto; left: 50%; transform: translateX(-50%);height: 2px;}
.shoucp_gd .swiper-scrollbar-drag{ background: #008000;}
.shoucp_gd .swiper-slide .cp_gd_w u i{ font-size:4vw; height:13vh; line-height: 13vh; overflow: hidden; display: block;}
.shoucp_gd .swiper-slide:nth-child(1) .cp_gd_w u i{ font-size:2.6vw;}
.shoucp_gd .swiper-slide:nth-child(3) .cp_gd_w u i{ font-size:4.5vw;}
.shoucp_gd .swiper-slide:nth-child(5) .cp_gd_w u i{ font-size:3vw;}
.shoucp_gd .swiper-slide .cp_gd_w p i{ font-size:18px; border-radius: 50%; border:1px solid Rgba(255,255,255,0.5); width:36px; height: 36px; line-height:36px; text-align: center; margin-top: 1.6vw; display:inline-block;}
.shoucp_gd .swiper-slide:hover img{opacity:0;filter: alpha(opacity:0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.shoucp_gd .swiper-slide:hover .cp_gd_w{ transform: translate(-50%,-60%);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.shoucp_gd .swiper-slide:hover .cp_gd_w p i{ background: #fff; color: #008000;}
.s-cp{ background: url("../images/ditu.jpg") center bottom no-repeat; background-size: 100%; padding-bottom: 18vh;position: relative;}
.s-cp .sgsmtd{ position: absolute; bottom: 29.9%; right:22.1%; z-index: 10; color: #008000; font-size:20px; font-weight: 600;}
.s-cp .sgsmtd i{ font-size: 30px; padding-right: 8px;}
.map-dot{ position: relative;width: 22px;height: 22px;cursor: pointer;display: inline-block;vertical-align: middle;border-radius: 50%;float: left;margin-right: 15px;margin-top: 20px;}
.map-dot-layer{width:8px;height:8px;position:absolute;top:50%;left:50%;margin:-4px 0 0 -4px;border-radius:50%;cursor:pointer;opacity:1; background: #666;}
.map-dot-layer::after{content:'';position:absolute;width:8px;height:8px;-webkit-box-shadow:inset #b2e1ff 0 0 5px;box-shadow:inset #b2e1ff 0 0 5px;border-radius:50%;top:0;left:0;opacity:0}
.map-dot::after{-webkit-animation:warn 2s ease-out .1s infinite;animation:warn 2s ease-out .1s infinite}
.map-dot .map-dot-layer::after{-webkit-animation:warn-2 2s ease-out 1.1s infinite;animation:warn-2 2s ease-out 1.1s infinite}
.map-dot::after{content:'';position:absolute;width:22px;height:22px;-webkit-box-shadow:inset #b2e1ff 0 0 5px;box-shadow:inset #b2e1ff 0 0 5px;border-radius:50%;top:0;left:0;opacity:0}
@-webkit-keyframes warn{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}
}
@keyframes warn{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}
}
@-webkit-keyframes warn-2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}
}
@keyframes warn-2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(10);transform:scale(10)}
}


.s-sz{ padding-top:43vh;}
.shuzi_box ul{ padding-top: 2vw;}
.shuzi_box ul li{display: inline-block; padding: 0 8% 0 0;}
.shuzi_box ul li:nth-child(3){ padding-right: 0;}
.shuzi_box ul li b{position: relative;}
.shuzi_box ul li b i{ font-size: 60px;font-weight: bold;font-family:Times; color: #fff; text-align: center; display: inline-block; padding-right: 5px;}
.shuzi_box ul li b span{ font-size: 14px;color: #008000; font-weight: 400;position: absolute; padding-top:25px;}
.shuzi_box ul li p{ font-size: 14px;color: #333; display:block; text-align: center; opacity: 0.6;}
.shuzi_box ul li .Line{ font-family: 'shuzifont'; font-size:calc(20px + 3vw); font-style:normal;font-weight: 100;letter-spacing:-4px; color: #008000;}
.s-ys{background:#f4f4f4 url("../images/bdj.jpg") center top no-repeat; background-size: 100%; padding: 11vh 0 8vh;}
.s-ys1 .sbt{ color: #fff; padding-bottom: 8vh;}
.s-ys .s-ys1 p{ color:Rgba(255,255,255,0.5); text-transform: uppercase;}
.shoucp_ys .swiper-slide{ background: #fff; text-align: center; padding: 8vh 0 10vh; border-right: 3px solid #f4f4f4;}
.shoucp_ys .swiper-slide:last-child{ border: none;}
.shoucp_ys .swiper-slide i{ font-size: calc(20px + 3vw); color: #008000; margin-bottom: 5vh; display: block;height: 13vh; line-height: 13vh; overflow: hidden;transform: rotate(0deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.shoucp_ys .swiper-slide p{ font-size:calc(16px + 0.4vw);}
.shoucp_ys .swiper-slide p span{ display: block; text-transform: uppercase; font-size: 12px; color: #666;}
.shoucp_ys .swiper-slide p sup{ font-size: 12px;}
.shoucp_ys .swiper-slide:hover i{  transform: rotate(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.s-ys2{ padding-top: 10vh;}
.s-ys2 .sbt{ line-height: calc(20px + 1.5vw); font-weight: 500;}
.s-ys2 .sbt p{font-size: calc(20px + 1.2vw); color: #000;}
.s-ys2 dl{ position: relative;}
.s-ys2 dl dt{float: left;}
.s-ys2 dl dd{width: 40%; position: absolute; bottom:0;right:0;}
.s-ys3{ margin-top: 6vh; position: relative; padding-left: 70px;}
.s-ys3::after{ position: absolute;left: 0;top: 50%;width:50px;height:1px;content: ''; background: #666; }
.s-ys-sj{ padding: 4vh 0 0;}
.s-ys-sj .shousj_gd{ padding-bottom:55px;}
.s-ys-sj .shousj_gd .swiper-slide p{ text-align: center; padding-top: 8px;}
.s-ys-sj .shousj_gd .swiper-pagination-bullet-active{ background: #008000;}
.shoujh_gd .swiper-slide a{ text-align: center;}
.shoujh_gd .swiper-slide img{ max-width: 100%;}
.shoujh_gd .swiper-slide h2{ padding-bottom:10px;}
.shoujh_gd .swiper-slide p{ padding: 0 30px; padding-bottom: 20px; font-size: 12px;}
.shoujh_gd .swiper-slide span{ width:100px; text-align: center; background: #ccc; font-size: 12px; padding:2px; border-radius: 10px; display: block; margin: 0 auto; color: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.jh_gd_wz{ position: relative; background: #f4f4f4;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.jh_gd_wznr{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 100%;}
.shoujh_gd .swiper-slide:hover .jh_gd_wz{ background: #008000;color: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.shoujh_gd .swiper-slide:hover .jh_gd_wz span{ background: #fff; color: #008000;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.footer{ background: #575757; padding: 5vh 0 5vh;}
.footer dl dt{ background:url("../images/xlogo.png") left top no-repeat; padding-left: 300px; float: left;width:900px; box-sizing: border-box;}
.footer dl dt h3{ color: #fff; font-size:22px; font-weight: 500; padding-bottom: 10px; }
.footer dl dt h3 span{ padding-left: 10px; font-size: 14px;}
.footer dl dt p{ display: block; color: Rgba(255,255,255,0.6); font-size: 13px;}
.footer-nav{ }
.footer dl dd{ float: right;width:122px; height: 122px; background:url("../images/ewm.jpg") right top no-repeat;}
.banquan{ background: #333; padding: 20px; text-align: center; color: Rgba(255,255,255,0.5); font-size: 12px; border-top: 1px solid Rgba(255,255,255,0.1);}
.banquan a{ color: Rgba(255,255,255,0.5);}
.banquan a:hover{ color: Rgba(255,255,255,0.5);}
.cpmenu {background:#fff; height:60px; line-height:60px; width:100%;border-bottom: 1px solid rgba(0,0,0,0.1); text-align:center;}
.cpmenu ul{margin:0 auto;}
.cpmenu ul li{display: inline-block; color:#fff;font-size:14px;}
.cpmenu ul li a{ height:60px; line-height:60px; padding: 0 20px;display: block; color:#333; cursor:pointer;}
.cpmenu ul .active a{border-bottom:2px solid #ff5722;}
.cpmenu ul li a:hover{border-bottom:2px solid #ff5722;}

.info-jj{ margin: 8vh auto; }
.ino-jj-b{ font-size: 30px; color: #333; padding-left: 2%; padding-bottom: 2%;}
.info-jj dl dt{ float: left; width:100%; padding: 0 5% 5% 2%; box-sizing: border-box;}
.info-jj dl dd{ float: right; width:43%;}
.info-jj dl dd .swiper-slide img{ width: 100%;}
.info-jj .swiper-pagination-bullet-active{ background: #008000;}
.info-sz{position: relative;text-align: center;}
.info-sz img{ position: relative; z-index: 1; width: 100%;}
.info-sz .shuzi_box{ position: absolute; z-index: 2; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%);}
.info-sz .shuzi_box ul{ padding-top: 0;}
.info-sz .shuzi_box ul li .Line{ color: #fff;}
.info-sz .shuzi_box ul li p{ color: #fff; opacity:1;}
.info-sz .shuzi_box ul li b span{color: #fff;}
.info-sl{ padding: 8vh 0; text-align: center; position: relative; padding-bottom:18%;}
.info-sl h1{ font-size:calc(20px + 1.2vw); font-weight: 600;}
.info-sl p{ color: #666; font-size: 16px; padding-top:30px;}
.info-sl span{ width: 60px; height: 4px; background: #c1da35; display: block; margin:20px auto 0;}
.info-sl u{ font-size: calc(20px + 12vw); font-weight: bold; color: #008000; font-family: Arial, Helvetica, sans-serif; letter-spacing:-8px}
.info-sl img{ position: absolute; left: 50%; transform: translateX(-50%); top:50%;max-width: 100%;}
.info-lc{ position: relative;}
.info-lc .lc-t{ position: relative; width: 100%;}
.info-lc-nr{ position: absolute; z-index: 10; top: 0;}
.info-lc-nr .sbt{ color: #fff;}
.info-lc-nr dl{ position: relative;}
.info-lc-nr dl dt{ float: left; width: 30%; color: #fff; padding-top:20%; padding-left:8.8%;}
.info-lc-nr dl dd{ float: right; width:37%; position: relative;}
.info-lc-nr dl dd img{height: 100%;width: 100%;}
.info-lc-nr dl dd .lxnr li .lxnr-ok{ display: none;}
.info-lc-nr dl dd .lxnr li{ width: 15px; height: 15px; border-radius: 50%; background: #008000; position: absolute; top:15.7%; z-index: 5; left: 13.5%; cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.info-lc-nr dl dd .lxnr li:hover{ background: #b2d102;}
.info-lc-nr dl dd .lxnr li:hover .lxnr-ok{ display: block; width:350px; height: 160px; background: #fff; padding: 20px; border-radius: 10px; margin: -70px 0 0 30px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.info-lc-nr dl dd .lxnr li:hover .lxnr-ok p{ font-size: 20px; padding-bottom: 10px;}
.info-lc-nr dl dd .lxnr li:nth-child(2){top:36%; left:4%;}
.info-lc-nr dl dd .lxnr li:nth-child(3){top:50%; left:26%;}
.info-lc-nr dl dd .lxnr li:nth-child(4){top:66%; left:65%;}
.info-lc-nr dl dd .lxnr li:nth-child(5){top:76%; left:55%;}

.info-wh{ background: url("../images/whbj.jpg") center bottom no-repeat; background-size: 100%; padding: 8vh 0;}
.info-wh dl dt{ width: 50%; float: left; position: relative;}
.info-wh dl dt img{ position: absolute; z-index: 5; top:4%; left: 3%; max-width: 100%;}
.info-wh dl dt p{ height:60vh; width: 10vh; background: #008000; position: relative;}
.info-wh dl dd{ float: right; width: 50%; text-align: right; padding-top:5%;}
.info-wh dl dd p{ padding-top: 5vh; font-size: calc(18px + 0.2vw); color: #008000; font-weight: 600;}
.info-wh dl dd p span{ display: block; font-size: 20px; color: #333; font-weight: 500;}
.info-rr{ text-align: center;}
.info-rr .shousj_gd{ padding-bottom: 50px; padding-top:30px;}
.info-rr .shousj_gd .swiper-pagination-bullet-active{ background: #008000;}
.info-rr .shousj_gd .swiper-slide img{width: 100%;}
.info-rr .shousj_gd .swiper-slide p{ padding: 10px 0;}
.info-sp{ position: relative;}
.info-sp img{ width: 100%;}
.spd{ position: relative;}
.spd a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.spd a img{ margin: 0 auto; max-width:99%; width: auto;}
.spd a .sbt{ padding-top:5vh; color: #fff;}
.product_tabs_box{ padding-top: 6vh;}
.perduct_thumbs_swi .swiper-slide{ background: #f4f4f4; cursor: pointer; padding: 20px 0;}
.perduct_img_swi .swiper-slide{ border-bottom: 1px solid #f1f1f1; padding: 4vh 0;}
.perduct_img_swi .swiper-slide dl dt{ width: 48%; float: left;text-align: left; padding-top:8vh; padding-left: 5vw;}
.perduct_img_swi .swiper-slide dl dd{ width: 48%; float: right;}
.perduct_thumbs_swi .swiper-slide-thumb-active{ background: #008000; color: #fff;}
.perduct_img_swi .swiper-slide dl dt h1{ font-size: calc(20px + 0.5vw); display: block; padding-bottom: 10px;}
.perduct_img_swi .swiper-slide dl dd img{ width: 100%;}

.dqcd{ background: #666 !important; color: #fff !important;}
.mbx{ font-size: 12px; color: #666; padding-top: 2vh;}
.mbx a{color: #666;}
.mbx a:hover{color: #008000;}
.cplb{ padding: 8vh 0;}
.cplb-l{ float: left; width: 300px;}
.cplb-l .cplb-l-bt{ background: #008000; padding: 15px 25px; color: #fff; font-size: 22px;}
.cplb-l .cplb-l-bt i{ float: right; font-size: 35px; line-height: 35px;}
.cplb-l ul{ margin-bottom: 30px;}
.cplb-l ul a{ display: block; background: #f4f4f4; margin-top: 3px; padding: 15px 25px;}
.cplb-l ul a:hover{ background: #008000; color: #fff;}
.cplb-l p{ border: 1px solid #f4f4f4; border-top: none; padding: 15px;}
.cplb-l p strong{ margin-top: 10px; display: block;}
.cplb-r{ float: right; width:calc(100% - 350px);}
.cplb-r .cplb-r-bt{ background: #f4f4f4; padding:14px 25px; width: 100%;font-size: 24px;}
.cplb-r ul{ padding-top: 30px;}
.cplb-r ul li{  margin-bottom: 30px;}
.cplb-r ul li a{ display: block;padding: 25px;border:1px solid #f4f4f4; }
.cplb-r ul li a img{ max-width: 100%; float: left; min-width: 213px;}
.cplb-r-ok{ float: right; width: calc(100% - 330px);}
.cplb-r ul li a h3{ font-size: 24px; color: #008000; font-weight: 500; padding: 20px 0 15px; background: url("../images/btzl.jpg") bottom center repeat-x;}
.cplb-r ul li a p{ padding-top: 20px;}
.cplb-r ul li a span{ display: block; background: #ff5722; padding: 5px 0; width: 120px; font-size: 12px; border-radius: 10px; text-align: center; color: #fff; margin-top: 20px;}
.cplb-r ul li a:hover span{ background: #008000;}
.al-bt {text-align: center;font-size: calc(20px + 0.8vw);color: #333;}
.info-lx{ padding: 8vh 0;}
.info-lx-nr{ text-align: center; width: 100%;}
.info-lx-nr .al-bt{ text-align: center;}
.info-lx-nr .lysm{  padding: 5px 0 0;}
.cont_nr{padding-top: 35px;}
.cont_nr li{ float:left; width:calc(100%/3 - 2%); margin-right:2%; text-align:center; background:#fafafa; font-size: 12px;min-height: 247px;}
.cont_nr li:last-of-type{ margin-right: 0;}
.cont_nr li:hover{background:#ccc;}
.cont_nr li i{font-size: 50px; opacity: 0.3;filter:alpha(opacity=30);}
.cont_nr li a{ display:block;padding:50px 0;}
.cont_bt{ font-size:14px; font-weight:500; padding-bottom:10px; padding-top:8px; color:#000;}
.cont_ms{ font-size:14px; color:#333; line-height:24px; padding: 0 30px;}
#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width:calc(100%/3 - 0.7%); float: left; margin-right: 1%; color: #000;margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width:100%; height: 48px;line-height: 48px; padding: 0 10px; border-bottom: 1px solid #f4f4f4; background: inherit; color: #000; background: #fff;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:5vh;}
#GBookAdd .neirong .cmessage{ width:100%; padding: 10px; min-height: 150px; border-bottom: 1px solid #f4f4f4; background: inherit;color: #000; background: #fff;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: #ccc; color: #fff;margin: 0 auto; font-size: 14px;border-radius:5px;}
#GBookAdd .submit:hover{ background:#e87717; cursor:pointer;}
.lysm{ padding-top: 50px; font-size: 12px; color: #666;}
.jm-hyqj { padding: 8vh 0;}
.jm-hyqj dl dt{ float: left; max-width: 47%; padding-top: 3vh;}
.jm-hyqj dl dd{ float: right; max-width: 47%;}
.jm-hyqj dl dd img{ max-width: 100%;}
.jm-hyqj dl dt .jm-hyqj-bt{position: relative;padding-left: 40px;color: #333333;font-size: 28px;font-weight: 700;}
.jm-hyqj dl dt .jm-hyqj-bt:after{position: absolute;left: 0;top: 50%;margin-top: -1px;width: 20px;height: 0;border-top: 3px solid #595959;content: '';}
.jm-hyqj dl dt p{ margin-top: 30px;position: relative;line-height:28px;overflow: hidden; color: #767676; text-align: left;}
.zs-wid{width:100%;height:346px;position:relative;background:url(../images/zs-02.jpg) no-repeat center center}
.zs-wid .con{position:absolute;left:50%;top:85px;width:600px}
.zs-wid .con .p1{color:#ffffff;font-size:27px}
.zs-wid .con .p2{color:#ffffff;font-size:27px;font-weight:700}
.zs-wid .con .p3{color:#ffffff;font-size:28px;font-weight:700;font-family:arial;margin-top:25px;width:320px;line-height:60px;border-radius:60px;background:url(../images/tel.png) no-repeat 8px 8px;background-color:#008000;text-align:center}
.status_contrainer{background:url(../images/bg1.jpg) no-repeat center center;height:734px;}
.status_contrainer>.w1520{position:relative;}
.status_contrainer .con{position:absolute;left:0;top:160px;}
.status_contrainer .con .title h2{color:#333;font-size:28px}
.status_contrainer .con .title span{color:#666;font-size: 18px;font-weight: 500;font-family: arial;text-transform: uppercase;}
.status_contrainer .con .txt{margin-top:50px;font-size:18px;line-height:33px;color:#545454;width: 700px}
.status_contrainer .wall_text{position: absolute;right: -120px;top:100px;width:540px;}
.status_contrainer .wall_text .empty{float:left;width:180px;height:180px;}
.status_contrainer .wall_text .icon{float:left;width:180px;height:180px;background:url(../images/xj.png) no-repeat center center;background-color: #008000}
.status_contrainer .wall_text .txt{float:left;width:180px;height:180px;background-color: #ffffff}
.status_contrainer .wall_text .txt p{display:table-cell;width:180px;height:180px;text-align: center;vertical-align: middle;font-size:22px;line-height: 35px;color:#595959;}
.content-title{text-align: center;padding-bottom: 40px;}
.content-title h2{color:#333;font-size:calc(20px + 1.5vw);font-weight: 500}
.content-title p{color:#666;font-size:16px;text-transform: uppercase;}
.content-title2{text-align: center;padding-bottom: 40px;}
.content-title2 h2{color:#fff;font-size:calc(20px + 1.5vw);font-weight: 500}
.content-title2 p{color:Rgba(255,255,255,0.6);font-size:16px;text-transform: uppercase;}
.brand-power{padding:8vh 0;}
.brand-power .box{}
.brand-power .box dl{float:left;width:calc(100%/3 - 27.1px);margin:0 40px 40px 0; background-color:#fff}
.brand-power .box dl:nth-child(3n){ margin-right: 0;}
.brand-power .box dl .pic{width:100%;}
.brand-power .box dl .pic img{width:100%;}
.brand-power .box dl .con{padding:20px 0;}
.brand-power .box dl .con .tit{font-size:20px;color:#332c2b}
.brand-power .box dl .con .txt{font-size:14px;color:#868686;line-height:22px;height:44px;margin-top:5px;overflow:hidden}
.jm-yous{ padding: 14vh 0; background: url(../images/ys-bg.jpg) center no-repeat fixed; background-size: cover; position: relative;}
.jm-yous .swiper-container{width:100%;margin:0 auto;padding-bottom:65px;z-index:2}
.jm-yous .swiper-slide{text-align:center;font-size:18px;background:0 0;width:300px;height:340px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.jm-yous .swiper-slide i{display:block;margin:auto;width:140px;height:140px;border:1px solid #fff;border-radius:140px}
.jm-yous .swiper-slide .icon-1{background-position:0 -400px}
.jm-yous .swiper-slide .icon-2{background-position:-140px -400px}
.jm-yous .swiper-slide .icon-3{background-position:-280px -400px}-
.jm-yous .swiper-slide:hover .icon-1{background-color:#fff;background-position:0 -540px}
.jm-yous .swiper-slide:hover .icon-2{background-color:#fff;background-position:-140px -540px}
.jm-yous .swiper-slide:hover .icon-3{background-color:#fff;background-position:-280px -540px}
.jm-yous .swiper-slide .tit{padding:15px 0;color:#fff;font-size:24px;font-weight:600}
.jm-yous .swiper-slide p{color:#fff;font-size:14px;line-height:26px}
.icon-global{background-image:url(../images/icon.png)}
.icon-global{background-repeat:no-repeat}
.icon-global{background-position:0 0}
.jm-yous .shou_al .swiper-scrollbar-drag{ background: #fff;}
.steps{padding:8vh 0; background: #f4f4f4;}
.steps .item{float: left;width:calc(100%/3);overflow:hidden; padding-bottom:60px;}
.steps .item .ico{display:block;margin:auto;margin-top:50px;width:100px;height:100px;background: url(../images/ico_01.png) no-repeat}
.steps .item .ico1{background-position:0 0}
.steps .item .ico2{background-position:-100px 0}
.steps .item .ico3{background-position:-200px 0}
.steps .item .ico4{background-position:0 -100px}
.steps .item .ico5{background-position:-100px -100px}
.steps .item .ico6{background-position:-200px -100px}
.steps .item p{text-align:center;color:#8c8c8c;margin-top:15px; padding: 0 30px;}
.steps .nt{margin-top:40px;float: left;width:75px;height:270px;overflow:hidden;background:url(../images/nt.png) no-repeat center center}
.steps .item:hover{background:#008000}
.steps .item:hover .ico{background-image:url(../images/ico_01h.png)}
.steps .item:hover p{color:#ffffff}
.jm-ly{ padding: 8vh 0;}
.modular_title h2{position:relative;padding-left:40px;color:#333333;font-size:28px;font-weight:700}
.modular_title h2:after{position:absolute;left:0;top:50%;margin-top:-1px;width:20px;height:0;border-top:3px solid #595959;content:'';}
.modular_title h3{position:relative;margin-top:5px;padding-left:40px;color:#8c8c8c;font-size:15px;font-weight:400;font-family:arial}
.fuwu_box{background: #f1f1f1; padding:8vh 0;}
.article_list_ul li{ width:100%; margin: 0 auto; background:#fff; border: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;position: relative; margin-top:0.8vw; padding:35px 35px 35px 60px; box-sizing:border-box;}
.article_list_ul li:nth-of-type(1){margin-top: 0;}
.article_list_ul li .img{width: 22%; float: right;position: relative;z-index: 5; overflow: hidden;}
.article_list_ul li .img img{max-width: 100%; }
.article_list_ul li .text{width: calc(100% - 25%);float: left;position: relative;z-index: 10;}
.article_list_ul li .text .time{text-align:left; float: left; margin-bottom:5px; width: 95px;}
.article_list_ul li .text .time strong{font-size: calc(18px + 1.8vw); color: #333; font-weight:500; display:block; line-height: calc(18px + 1.8vw);}
.article_list_ul li .text .time em{font-size: 14px;color: #999; display:block; font-style: inherit;}
.article_list_ul li .text .font{ float:right; width:calc(100% - 100px);}
.article_list_ul li .text .font strong{font-size: calc(16px + 0.2vw); display: block; margin-bottom: 0.6vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article_list_ul li .text .font p{font-size: 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; overflow: hidden;color: #999;}
.article_list_ul li:hover{border: 1px solid #fff; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.article_list_ul li:hover .text .font strong{color: #008000;}
.article_list_ul li:hover .img img{transform: scale(1.1);}
.ny_nav2{ height: 80px;line-height: 80px; text-align: center; background:#fff; border-bottom: 1px solid #f1f1f1;}
.ny_nav2 ul li{display: inline-block;}
.ny_nav2 ul li a{display:block; padding: 0 20px;position: relative;overflow: hidden;}
.ny_nav2 ul li.active a:before{transform: translateX(-50%);content: ''; width: 70%;height: 2px;display: block;background: #008000; position: absolute;bottom: 0;left:50%;}
.dqwuztw{ font-size: 12px; padding-top: 25px; color: #666;}
.xwnrjs{ padding: 8vh 0;}
.xwnrjs img{ max-width: 100%; display: inline;}
.xwnrjs .article_title{text-align: center; margin-bottom:6vh; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px;}
.xwnrjs .article_title h1{display: block; text-align: center;font-weight: 500; font-size: calc(20px + 0.6vw); margin-bottom:5px; color:#000;}
.xwnrjs .article_title span{color: #666;}
.xwnrjs a{ color: #014590;}

.cplby{ padding: 6vh 0;}
.cplby-l{ width: 250px; float: left;}
.cplby-l h3{ background: #008000; color: #fff; padding: 15px 0 15px 30px;}
.cplby-l h3:nth-of-type(2){ margin-top: 3vh;}
.cplby-l ul a{ display: block; background: #e3e3e3; margin-top:1px; padding:10px 0 10px 35px;}
.cplby-l ul a:hover{ background: #008000; color: #fff;}
.cplby-l dl{ border:1px solid #f1f1f1; padding: 20px 10px;}
.cplby-l dl a{ display: block; padding:3px 5px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.cplby-l dl a:hover{ color: #008000;}
.prod2djs{ overflow:hidden; width:calc(100% - 280px); float: right; border: 1px solid #f1f1f1; padding:6vh;}
.prod2djs .prod2d-bt{padding:0; padding-bottom: 15px; }
.prod2d{ overflow:hidden; width:calc(100% - 280px); float: right; border: 1px solid #f1f1f1; padding:20px;}
.prod2d-bt{padding: 15px; }
.prod2d-bt h1{ float: left;}
.prod2d-bt span{ float: right; margin-top: 10px;}
.prod2{ overflow:hidden; }
.prod2 li{ float:left; width:calc(100%/4 - 30px); margin:20px 15px; overflow:hidden;}
.prod2 li>a{ display:block;  position:relative; width: 100%; border:1px solid #f1f1f1; overflow:hidden;}
.prod2 li>a>img{ display:block; -webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; overflow:hidden; width:100%; }
.prod2 li>a>img:hover{ transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.prod2 li>a:hover i{ display:block;} 
.prod2 li b{ text-align:center; margin:auto; font-size: 13px; font-weight: 500; display:block;line-height:40px; background: #f4f4f4; height:40px; overflow:hidden;;white-space: nowrap;text-overflow: ellipsis; margin:5px 0px; padding: 0 5px;}
.prod2 li b a{font-size:15px;}     
.prod2 li b a:hover{background:#008000; color:#fff; display:block; width: 100%; height: 40px;}
.prod2>ul>li>a>.ceshigo {width: 100%;background: rgba(0, 0, 0, 0.5);height: 100%;position: absolute;bottom: 0;left: -100%;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}
.prod2>ul>li>a>.ceshigo a {display: block;color: #fff;font-size: 16px;font-weight: bold;padding-top: 30%;}
.prod2>ul>li>a> p {height:25px;line-height:25px;border-radius: 10px; font-size: 12px; border: 1px solid Rgba(255,255,255,0.4);-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;margin: 15px auto;display: block;color: #fff;font-weight: 100;width:100px;text-align: center;position: absolute; left: 50%; transform: translateX(-50%); bottom: -80px;}
.prod2>ul>li:hover>a>.ceshigo {left: 0;}
.prod2>ul>li:hover>a> p {bottom: 10px;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.prod2>ul>li:hover .beta5 {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-webkit-transform: scale(1);transform: scale(1);z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 1;filter:alpha(opacity=100);}
.beta5 {background: #cd9f0a;display: block; position: absolute;-webkit-transition: 0.5s all ease;transition: 0.5s all ease; }
.beta5 {width:40px;height:40px;border-radius: 50%;background:#008000 url(../images/1252.png) no-repeat center;left: 50%; top: 100%; transform: translate(-50%,-50%); opacity: 0;filter:alpha(opacity=0);}
.ymtls{ background-image: linear-gradient(Rgba(0,0,0,0.5), Rgba(0,0,0,0)); width: 100%; position: absolute; z-index: 11; top: 0; height: 15vh;}

.productarticle_box{background: #000; position: relative;}
.productarticle_box .product_article{ position: absolute; top: 0;left: 0;z-index: 10; width: 100%; color: #fff; padding-top: calc(7rem + 4vw);}
.productarticle_box .product_article a{color: #fff;}
.productarticle_box .product_article .ny_nav_left{opacity: 0.6;filter:alpha(opacity=60);padding-bottom: calc(0.3rem + 0.6vw);}
.productarticle_box .product_article .ny_nav_left i{margin-right:8px; font-size:13px;}
.productarticle_box .product_article .productarticlebox{background: #f6f6f6;}
.productarticle_box .product_article .productarticlebox .img{width: 50%; float: left;}
.productarticle_box .swi_product_article .swiper-slide img{min-height: 700px; object-fit: cover;}
.productarticle_box .product_article .productarticlebox .productarticlebox_text{width:48%;float: right;padding-right: calc(1rem + 3vw); padding-top:5vh; color: #333; padding-left:2%;}
.productarticle_box .product_article .productarticlebox .productarticlebox_text .xilie_title{display: block;font-size: calc(1rem + 0.6vw);border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 0.5rem; margin-bottom: calc(1rem + 1vw);}
.productarticle_box .product_article .productarticlebox .productarticlebox_text .font{ font-size:12px;line-height:21px;}
.productarticle_box .product_article .productarticlebox .productarticlebox_text .font span{ font-size: calc(1rem + 0.2vw);}
.productarticle_box .product_article .productarticlebox .productarticlebox_text .more span{color: #333;}
.productarticle_box .product_article .productarticlebox .productarticlebox_text .more:hover span{color: #fff;}
.productarticle_box .product_article .productarticlebox .img img{min-height: 469px; object-fit: cover;}

.more{position: relative;display: inline-block; overflow: hidden;margin-top: 30px;}
.more a{padding: 0.8rem 2.2rem;border: 1px solid rgba(0,0,0,0.1);position: relative;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;z-index: 5;display:inline-block;}
.more a i{font-size: 12px; margin-left: 0.2vw;display: inline-block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.more:before{content: '';display: block;width: 100%;height: 0%;position: absolute;top: 50%;transform: translateY(-50%);background: #008000;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.more:hover:before{height: 100%;}
.more:hover a{color: #fff;}
.more:hover a i{transform: translateX(5px);color: #fff;}
#dqnav{ background: #ccc;}

.article_box{ margin: 8vh auto; padding:5vh 8vh; border: 1px solid #f4f4f4;}
.article_box .article_title{text-align: center; margin-bottom:25px;}
.article_box .article_title h1{display: block; text-align: center;font-weight: 500; font-size: calc(1.1rem + 0.7vw); margin-bottom: calc(0.1rem + 0.1vw); color:#333;}
.article_box .article_title span{color: #666;}
.article_box .article_content{font-size:1rem; border-top: 1px solid #f1f1f1; padding-top:25px;line-height:1.7rem;}
.article_box .article_content img{ max-width: 100%; display:inline;}
.article_box .return{position: relative; border-top: 1px solid #f1f1f1; padding-top:15px; margin-top:25px;}
.article_box .return a{ font-size: 14px; opacity: 0.7;filter:alpha(opacity=70);position: relative;display:inline-block; padding: 0.4rem 0;overflow: hidden;}
.article_box .return a:after{content: '';width: 100%;height: 1px;display: block;background: #216a41; position: absolute;bottom: 0;left: 0; transform: translateX(-100%);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.article_box .return a:hover:after{transform: translateX(0%);}
.article_box .return a i{ margin-right: 5px;}
.article_box .return a:hover{ color: #216a41; opacity: 1;filter:alpha(opacity=100);}
.article_box .return a:nth-of-type(1){ font-size: 14px;}
.article_box .return a:nth-of-type(2){float: right;}
.article_box .return a:nth-of-type(3){position: absolute;left: 50%;transform: translateX(-50%);}
.cpxqjs{padding: 35px; border: 1px solid #f4f4f4; margin-top: 3px;}
.cpxqjs img{ max-width: 100%; display: inline;}
.cpxqjs-t dl dt{ float: left; width: 50%;}
.cpxqjs-t dl dd{ float: right; width: 50%;font-size: 15px;line-height: 26px;}
.cpxqjs-t .swiper-container{ padding-bottom: 30px;}
.cpxqjs-t dl dd .cplb-r-bt{margin-top: 38px; background: none; padding-left: 0; color: #008000; margin-bottom: 20px;}
.cpxqjs .cplb-r-bt:nth-child(2){ margin-bottom: 30px; font-size: 18px;}
.zxyd a{ width: 300px; padding: 10px 0; text-align: center; background:#ff5722; margin: 0 auto; display: block; color: #fff; margin: 2vh auto;}
.zxyd a:hover{ background: #666;}

.zscpxq{ background: #666; padding: 17vh 0 8vh; color: #fff;}
.zscpxq dl dt{ width:47%; float: left; padding-top: 3vh;}
.zscpxq dl dt h1{ padding-bottom: 20px;font-size:30px;font-weight: 700;}
.zscpxq dl dt br{ display:block; height:5px; content: "";}
.zscpxq dl dd{ width: 48%; float: right;}
.zscpxq dl dd img{ width: 100%;}
.zscpxqjs{ padding: 8vh 0;}
.zscpxqjs .xqjs-bt{ font-size:30px;font-weight: 700; margin-bottom: 4vh; position: relative;}
.zscpxqjs .xqjs-bt::after{ position: absolute; content: ''; height: 1px; top: 50%; left: 20%; width: 80%; background: #f1f1f1;}
.zscpxqjs{ width: 100%;}
.cpxqnr{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between; line-height: 24px; font-size: 15px;}
.cpxqnr li{ width:46%;list-style-type:none; position: relative;}
.cpxqnr li p{ position: absolute; top: 50%; transform: translateY(-50%);}
.cpxqnr li img{ width: 100%;}
.cpxqnr li p br{ display:block; height:5px; content: "";}


.honorList ul{ color: #666; padding: 0;}
.honorList li{width: 15%; margin-bottom:20px; cursor: pointer; text-align: center;}
.honorList li p{margin-top: 6px; font-size: 14px;}
.honorList .img{overflow: hidden; position: relative;}
.honorList li a{}
.honorList li a img{width:100%;height:auto;}
.honorList .bg{ background: rgba(0,0,0,0.4);position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;filter:alpha(opacity=0); visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il{ height: 1px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 1px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1;filter:alpha(opacity=100); visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 1%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}
.overlayClose:hover{ background-color: #d4322b;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.9); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 10010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; font-style:normal; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.owl-item{margin:0;float:left;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image:url(../images/left.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image:url(../images/right.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #d4322b; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}
.Factory_swi{padding-bottom:60px;}
.Factory_swi .swiper-scrollbar{ width: 32.8%; height: 6px; background:#EEEEEE;left: 50%; position: absolute; transform:translateX(-50%); bottom:50px;z-index: 8;}
.Factory_swi .swiper-scrollbar .swiper-scrollbar-drag{ background: #d4322b;}
.honorList{padding-bottom:20px; padding-top: 5vh;}
.honorList .swiper-pagination-bullet-active{background: #d4322b;}

@media screen and (max-width:1360px){
    .index_banner_swi .swiper-slide .banner-text{bottom: 25%;}
    .index_banner_swi .swiper-slide .banner-text span{font-size: calc(18px + 0.5vw);}
    .index_banner_swi .swiper-slide .banner-text p{ padding-left: 36px;}

}



@media screen and (max-width:1024px){
    #top .top_coll{ float: left; line-height: 100px;}
	#top .top_coll i{font-size: 20px;margin-right: 10px; padding-right: 10px;height: 20px;position: relative; color: #fff;margin-top: -3px;}
	#top .top_coll i:after{content: '';width: 2px;height: 15px;display: block;background: rgba(255,255,255,0.3);position: absolute;right: 0;top: 2px;}
	.sjcd{ float:left;margin-right: 0.5rem; color:#fff;}
	#top .top_coll span{ font-family: shuzifont;font-size: 28px; color: #fff;font-weight:100;}
	#top .nav{display: none;}	
    .top .coll ul{ display: none;}
    .top .nav{padding-left: 22%;}
	#top{ min-width:inherit;height:4.5rem;background:#fff;overflow: hidden;position: fixed;z-index: 100;width: 100%;padding: 0 5%;}
	#top .top_coll{line-height: 3.5rem;}
	#top .logo{margin-right: 2rem; float: left;}
	#top .logo a{display: block;}
	#top .logo img{ height:3.8rem; width:auto; padding-top:0.2rem; margin-top: 0.2rem;}
	#top .top_coll span{font-size: 18px;}
	#top .menu{float: right; margin-top:1.6rem;}
    #top .menu em{ font-style: normal;padding-right: 13px;}
	#top .menu span{ width: 2rem;height: 2rem; padding-top:0.2rem; float:right;}
	#top .menu span i{ width: 100%;height: 1.5px; display: block;background: #333; margin-bottom: 6px;}
	#top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
	#top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-10px);}
	#top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
    .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
    .caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0;left: 0;z-index: 101; transform: translateX(-100%);}
    .caidan .caidan_nav{ padding: 24px 0%; height: calc(100% - 40px);}
    .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
    .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
    .caidan.caidan_oppen{ width: 50%;transform: translateX(0%);z-index: 666}
    .caidan_hidden{transform: translateX(-100%);}
    .caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 10%; display: none; background: #f4f4f4;}
    .caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-top: 1px solid rgba(0,0,0,0.05);}
    .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
    .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
    .caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}
    .index_banner_swi .swiper-slide .banner-text{ bottom: 23%;font-size: calc(16px + 0.5vw);}
    .index_banner_swi .swiper-slide .banner-text span{font-size: calc(16.2px + 0.5vw);}
    .index_banner_swi .swiper-slide .banner-text p{ padding-left: 26px;padding-top: 15px;font-size: 23px;}
    .s-cp{ padding-bottom: 10vh;}



}

@media screen and (max-width:768px){
	#top .logo img{ height:3.4rem; width:auto; margin-top: 7px;}
    #top .coll{ display: none;}
    .index_banner_swi{ padding-top: 70px;}
    .index_banner_swi .swiper-pagination{bottom: 10px;}
    .index_banner_swi .swiper-slide .bannerdbt{font-size: calc(20px + 2.3vw);}
    .index_banner_swi .swiper-slide .banner-text span{ font-size: 18px;}
    .index_banner_swi .swiper-slide .banner-text p{padding-left:0;padding-top: 14px;font-size: 24px;}
    .shouxw dl dd .swiper-slide a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;padding-right:80px;}
    .shouxw dl dd .swiper-button-prev{ left: 88%;}
    .s-cp-bt dt{ width: 50%;}
    .shoucp_gd .swiper-slide .cp_gd_w u i{ font-size:6vw;}
    .shoucp_gd .swiper-slide:nth-child(1) .cp_gd_w u i{ font-size:4.6vw;}
    .shoucp_gd .swiper-slide:nth-child(3) .cp_gd_w u i{ font-size:6.5vw;}
    .shoucp_gd .swiper-slide:nth-child(5) .cp_gd_w u i{ font-size:5vw;}
    .s-sz{padding-top: 103px;}
    .s-cp{padding-bottom:41vh;background: url(../images/ditu-768.jpg) center bottom no-repeat;background-size: 100%;}
    .s-ys {background: #f4f4f4 url(../images/bdj-768.jpg) center top no-repeat;background-size: 100%;padding: 8vh 0 6vh;}
    .s-ys1 .sbt{ padding-bottom: 5vh;}
    .shoucp_ys .swiper-slide i{ font-size: 95px;margin-bottom: 3vh;}
    .s-ys2 dl dt,.s-ys2 dl dd{ width: 100%; position: static; float: none;}
    .s-ys2 dl dd{ padding-top: 25px;}
    .shoucp_ys .swiper-slide{ padding: 8vh 0;}
    .shoucp_ys{ padding-bottom: 45px;}
    .shoucp_ys .swiper-pagination-bullet-active, .shoujh_gd .swiper-pagination-bullet-active{ background: #008000;}
    .s-ys2{padding-top: 5vh;}
    .s-ys3{margin-top: 3vh; font-size: 12px;}
    .s-ys-sj .shousj_gd{ padding-bottom: 0;}
    .jh_gd_wz{ height:185px;}
    .shoujh_gd{ padding-bottom: 40px;}
    .footer{ display: none;}
    .ymtls{ height: 13vh;}
    .perduct_img_swi .swiper-slide dl dt,.perduct_img_swi .swiper-slide dl dd{ width: 100%; float: none;}
    .perduct_img_swi .swiper-slide dl dt{ padding: 0; padding-bottom: 21px; line-height: 19px;}
    .product_tabs_box{ padding-top: 3.5vh;}
    .lysm{ padding-top:30px;}
    .product_ny_box{padding-top: 1rem;}

	.ny_nav{height: 4.5rem;background:#fff; font-size:1rem;border-bottom: 1px solid rgba(0,0,0,0.1); width:100%;}
    .ny_nav .w1520{ padding-top: 1.2rem;}
	.ny_nav .ny_nav_left{ color: #666666; float: left; max-width:80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block; line-height: 31px;}
	.ny_nav .ny_nav_left i{ font-size:0.8rem; opacity: 0.5;filter:alpha(opacity=50); margin-right:8px;}
	.ny_nav .ny_nav_left a{ font-size:0.8rem; color: #666666;}
	.ny_nav .ny_nav_left a:hover{ color: #363636;}
	.erji_nav{float: right;padding:2px 15px; background:#ff8213;margin-top: 4px;}
	.erji_nav .menu_b{ font-weight: bold;display: block; color:#fff;font-size:14px;}
	.erji_nav .menu_b span i{}
	.erji_nav .menu_b span i:nth-child(1){margin-left: 0;}
	.erji_nav.on{display: none; visibility: hidden; opacity: 0;filter:alpha(opacity=0);}
	.zz_bg_b{visibility: hidden;width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0;filter:alpha(opacity=0); top: 0;left: 0;}
	.menu_list_b{z-index:9999;visibility:hidden;box-sizing:border-box;padding-top:0rem;background:#fff;transform:translateY(100%); width:100%; bottom: 0;left: 0; height: auto; overflow: hidden;}
	.menu_list_box_b{ max-height: 60vh; overflow-y: scroll;}
	.menu_list_b .menu_list_box_b>li{ width:calc(100%/2); float: left; display:block;border-bottom:1px solid #eee;color:#333;font-size:1rem;position: relative;border-right: 1px solid #eee;box-sizing: border-box;text-align: center;}
	.menu_list_b .menu_list_box_b>li:nth-of-type(1){border-top: 0;}
	.menu_list_b .menu_list_box_b>li:nth-of-type(2){border-top: 0;}
	.menu_list_b .menu_list_box_b>li:nth-of-type(3){border-top: 0;}
	.menu_list_b .menu_list_box_b>li a{overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display:block; width:100%;padding:0.7rem 0.5rem;}
	.menu_list_b .menu_list_box_b>li p{display:block; text-align: left; font-size: 14px;padding: 0 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.menu_list_b .menu_list_box_b>li.on{background: #ff8213;}
	.menu_list_b .menu_list_box_b>li.on a{color: #fff;}
	.menu_list_b .u_l{display:none;}
	.menu_list_b .right .coll{width:100%; float: left; height: 5.5rem; background: #008000; color: #fff; text-align: center;}
	.menu_list_b .right .coll a{color: #fff;}
	.menu_list_b .right .coll p{padding-top: 1rem; font-size: 0.8rem;}
    .menu_list_b .right .coll p i{ padding-right:5px;}
	.menu_list_b .right .coll b{font-size: 1.4rem; font-weight:500; font-family: shuzifont;}
    .prod2d{ width: 100%; float: none; padding: 0; border: none;}
    .cplby{ padding: 0 0 5vh 0;}
    .prod2 li{width: calc(100%/3 - 20px);margin: 10px;}
    .productarticle_box .product_article .productarticlebox .img{ width: 100%; float: none;}
    .productarticle_box .product_article .productarticlebox .img img{ min-height: initial; object-fit: initial;}
    .productarticle_box .product_article .productarticlebox .productarticlebox_text{ width: 100%; float: none; padding: 20px;}
    .productarticle_box .swi_product_article .swiper-slide img{ min-height: 400px;}
    .prod2djs{ width: 100%; padding: 0; border: none;}
    .productarticle_box .product_article{ padding-bottom: 30px;}
    .info-jj{ margin: 5vh auto;}
    .info-sl img{ max-width: 60%;}
    .info-sl p{ font-size: 14px;}
}
@media screen and (max-width:640px){
    .shouxw dl dt,.shouxw dl dd{ width: 100%;}
    .shouxw dl dd .swiper-slide a{ padding-right: 0;}
    .s-cp-bt dt{ width: 100%;}
    .s-cp-bt dd img{ padding: 18px 25px 0 0;height: 9vh;}
    .s-cp-bt dd{ float: none;}
    .shoucp_gd .swiper-slide .cp_gd_w u i{ font-size:13vw;}
    .shoucp_gd .swiper-slide:nth-child(1) .cp_gd_w u i{ font-size:11.6vw;}
    .shoucp_gd .swiper-slide:nth-child(3) .cp_gd_w u i{ font-size:13.5vw;}
    .shoucp_gd .swiper-slide:nth-child(5) .cp_gd_w u i{ font-size:12vw;}
    .s-cpyy{ padding-top: 5vh;}
    .shoucp_gd{ padding-bottom: 25px;}
    .shuzi_box ul li p{ font-size: 12px;}
    .shuzi_box ul li .Line{ font-size:40px;}
    .shuzi_box ul li:nth-child(1){ padding-right: 4%;}
    .s-sz{padding-top:60px;}
    .s-cp{padding-bottom: 31vh;}
    .shoucp_ys .swiper-slide i{ font-size: 85px;}
    .perduct_thumbs_swi .swiper-slide{ font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .article_list_ul li .text{ width: 100%;}
    .article_list_ul li .img{ width: 100%;}
    .article_list_ul li .img img{width: 100%;}
    .article_list_ul li .text .time strong{font-size: 36px; line-height:40px;}
    .article_list_ul li{ padding: 15px;}
    .article_list_ul li .text .font p{-webkit-line-clamp:2; }
    .fuwu_box{ padding: 5vh 0; background: #fff;}
    .fuwu_box .w15202{ width: 90%!important;}
    .prod2 li{width: calc(100%/2 - 10px);margin: 10px 5px;}
    .prod2d-bt h1{ width: 100%; text-align: center; float: none; font-size:1.5rem; padding-top: 20px;}
    .cpxxjsxbt h1{ padding-top: 45px; text-align: left;}
    .cpxqnr li{ width: 100%;}
    .cpxqnr li p{ position: initial; top: initial; transform: none;margin: 15px 0 30px;line-height: 20px;}
    .zscpxqjs .xqjs-bt::after{left: 45%;width:55%;}
    .zscpxqjs{ padding-bottom: 4vh;}
    .sjdcpjs .w15202{ width: 90%!important;}
    .info-sl img{ max-width: 45%;top: 65%;}
    .info-sl{padding-bottom:28%;}
    .imgShowDemo .img{ max-width: 90%;}
    .spd a img{max-width: 90%;}
    .spd a .sbt{ padding-top: 2vh;}
    .sbt p{ display: none;}
    .info-wh dl dt{ width: 96%;}
    .info-wh dl dd{ width: 100%; float: none; text-align: left;padding-top: 108%;}
    .info-wh dl dd p{ padding-top: 2.5vh;font-size: 18px;}


    
}