@charset "utf-8";
/* CSS Document */

/*通用样式*/
@font-face{font-family:shuzifont;src:url('../font/shuzifont.ttf');}/*数字统一字体*/
@font-face{font-family:yingwen;src:url('../font/yingwen.ttf');}/*数字统一字体*/
.wp{ width:96%; margin: 0 auto;}
.wp2{ width:86%; margin: 0 auto;min-width: 1200px;}
.wp3{ width:95%; margin: 0 auto;min-width: 1120px; max-width: 1260px;}
.iconfont{display:block;}
body{min-width: 1200px;}

/*头顶*/
.top{ width:100%; height:37px;line-height: 37px; background:#f1f1f1; display:block;}
.top .welcome{color: #666;font-size: 13px;float: left;}
.top .welcome .iconfont{color: #666;font-size: 13px; float: left; margin-right: 10px;}
.top .welcome p{float: left;}
.top .right-icon{float: right;}
.top .right-icon ul li{float: left;padding-left: 20px;color: #666;}
.top .right-icon ul li i.iconfont{display: block;float: left;margin-right: 6px;color: #999999;}
.top .right-icon ul li p{display: block;font-size: 13px;float: left;}

.logo-wrap{padding:calc(0.4vw + 10px) 0;background: #fff;}
.logo-wrap .logo{ float: left;}
.logo-wrap .logo img.logo-img{ float: left;}
.logo-wrap .logo .text{ float: left;padding:calc(0.4vw + 10px) 0;}
.logo-wrap .logo .text h2{font-size:26px;}
.logo-wrap .logo .text h2 span{color: #217346;}
.logo-wrap .logo .text h3{font-size:18px;font-weight: 400;}
.logo-wrap .right-dh{float: right;padding-top: 10px;}
.logo-wrap .right-dh i.iconfont{width: 50px;height: 50px;border-radius: 50%;background: #217346;line-height: 50px;text-align: center; color: #fff; float: left; margin-right: 15px;font-size: 24px;transform: translate3d(0,10px,0);}
.logo-wrap .right-dh .font{float: left;}
.logo-wrap .right-dh .font span{display:block;font-size: 16px;font-weight: 400;color: #888;transform: translate3d(0,5px,0);}
.logo-wrap .right-dh .font strong{font-size: 32px;display: block;}

.nav{width: 100%;height: 63px;line-height: 63px;background: #217346;overflow: hidden;}
.nav ul li{float: left;width: calc(100% / 8); text-align: center;position: relative;overflow: hidden;}
.nav ul li a{display: block; width: 100%;height: 100%;position: relative;z-index: 10;}
.nav ul li span{color: #fff;font-size: 16px;position: relative;z-index: 10;}
.nav ul li:before{content: '';display: block;width: 100%;height: 100%;background: #134c2d; display: block;transform: translate3d(-105%,0,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;position: absolute;top: 0;left: 0;z-index: 5;}
.nav ul li.on:before{transform: translate3d(0%,0,0);}
.nav ul li:hover:before{transform: translate3d(0%,0,0);}

/*主图*/
.banner{ position:relative;background: #000;}
.banner .swiper-wrapper {}
.banner .swiper-wrapper .swiper-slide{ position:relative;}
.banner .swiper-wrapper .swiper-slide img{width:100%;}
.banner .swiper-wrapper .swiper-slide .banner-wz{ position: absolute; z-index:100; color:#fff;top:46%; left:13%; transform: translate3d(0,100%,0);opacity:0;-webkit-transition: all 1.5s ease;transition:all 1.5s ease;}
.banner .swiper-wrapper .swiper-slide .wz2{left:58%;}
.banner .swiper-slide .banner-wz h1{ font-size:calc(1.16px + 2vw); font-weight:300;}
.banner .swiper-slide .banner-wz h2{font-weight:300;}
.banner .swiper-wrapper .swiper-slide.ani-slide .banner-wz{transform: translate3d(0,0,0);opacity:1;}
.banner .swiper-pagination{ bottom:10px; top: inherit; width: 130px;right: 50%;transform:translateX(50%);left: inherit; overflow:visible;}
.banner .swiper-pagination-progressbar{background: rgba(255,255,255,0.2);height: 1px;overflow: visible;}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:3px;background: #fff;display: block;margin-top: -1px;}
.banner .swiper-button{background:inherit;}
.banner .swiper-button-box{ width: 200px; height: 20px; position: absolute;bottom:5%;left: inherit; right:70px; transform: translate(0%,5px);z-index: 10;}
.re{position: relative;}
.banner .swiper-button-box .re{width: 100%;height: 100%;position: relative;}
.banner .swiper-button-box .swiper-button{margin: 0;top: 0;bottom: 0;width: 20px;height: 20px;} 
.banner .swiper-button-box .swiper-button i{color: #fff; font-size: 26px;line-height: 20px; display: block;} 
.banner .swiper-button-box .swiper-button-prev{left: 0;}
.banner .swiper-button-box .swiper-button-next{right: 0;}
.banner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: '';}
.banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: '';}

/*首页关键词搜索*/
.sousuo{width: 100%;height: 70px;background: #555;overflow:hidden;}
.sousuo .left{float: left;line-height: 70px;font-size: 14px; width: calc(100% - 300px);overflow: hidden;}
.sousuo .left .iconfont{display: block; float: left; color: #fff;font-size: 20px; color: #f00;}
.sousuo .left strong{color: rgba(255,255,255,0.5); font-weight: 300;float: left;}
.sousuo .left .guanjianci{float: left;width:calc(100% - 100px);}
.sousuo .left .guanjianci a{color: #fff;padding: 0 10px; border-right: 1px solid rgba(255,255,255,0.1);}
.sousuo .left .guanjianci a:hover{color: #134c2d;}
.sousuo .search_input{ float: right; width: 260px;height: 36px;background: #777777; border-radius:50px;margin-top: 17px;overflow: hidden;position: relative;}
.sousuo .search_input .search_val{height: 36px;background-color:#777777;padding-left: 10px; width:75%;}
.sousuo .search_input .search_btn{width:36px;height: 36px; background:url("../images/sousuo.png") no-repeat center;background-size:60%; display: block; position: absolute;top: 0%;right:0px;padding-right: 10px;}


/*首页标题通用样式*/
.index_title{text-align: center; padding-top: calc(20px + 2.5vw);position: relative;padding-bottom: calc(10px + 0.5vw);margin-bottom: calc(10px + 0.8vw);}
.index_title strong{display: block; font-size: calc(30px + 0.6vw);text-align: center;}
.index_title strong span{ color: #217346;}
.index_title .font{font-size: 18px; color: #666;}
.index_title:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;background:url("../images/title_dian.png") no-repeat center;height: 7px;display: block;}

/*首页产品*/
.index-product{background: #fff; padding-bottom: calc(20px + 2.5vw);}
.index-product ul{}
.index-product ul li{ float: left;width: calc(100% / 4 - 9px); margin-right:10px;margin-bottom: 15px;}
.index-product ul li a{display: block;}
.index-product ul li:nth-of-type(4n){margin-right: 0px;}
.index-product ul li .img{border: 1px solid rgba(0,0,0,0.2);height: 316px;text-align: center;position: relative;margin-bottom: 10px;}
.index-product ul li img{margin: auto; width: 90%;display: initial;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.index-product ul li .font{padding: 0 5px;}
.index-product ul li strong{font-size: 18px; float: left;display: block;width: calc(100% - 90px);-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;}
.index-product ul li:hover strong{ color: #217346;}
.index-product ul li span{font-size: 14px;color: #888; float: right;width: 90px; text-align: 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;}
.index-product ul li:hover span{transform: translate3d(-15px,0,0);}

/*案例*/
.index-case{padding-bottom: calc(40px + 1.5vw);position: relative;}
.index-case:before{content: '';width: 100%;height: 100%;display: block;position: absolute;background: url("../images/caes_back.jpg") no-repeat; background-size: 100%;position: fixed;top: 0;left: 0;z-index: -1;}

.index-case .product-tabs{text-align: center;}
.index-case .product-tabs ul li{width: calc(100% / 6 - 10px);margin-right: 10px;display:inline-block;height: 58px;line-height: 58px; font-size: 17px; font-weight: 500; background: #fff;position: relative;cursor: pointer;}
.index-case .product-tabs ul li.on{background: #217346;color: #fff;}
.index-case .product-tabs ul li:before{height:0px;width: 22px; content: '';display: block;position: absolute;top: 100%;left: 0;right: 0;margin: 0 auto;background: url("../images/sjx.png") no-repeat ;background-size: 100% 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;}
.index-case .product-tabs ul li.on:before{height:8px;}

.case-box{position: relative;}
.case-box .text-box{ width: 35%;position: absolute;left: 0;top: 0;height: 100%;background: #fff;padding: calc(30px + 2vw) calc(20px + 1.6vw) ;}
.case-box .text-box strong{font-size: calc(20px + 0.3vw);display: block; margin-bottom: calc(10px + 0.5vw);}
.case-box .text-box .font{line-height: 26px;margin-bottom: calc(15px + 1vw);}
.case-box .text-box .more{width: 150px;height: 50px;border: 1px solid rgba(0,0,0,0.1); display: block;text-align: center;line-height: 50px;position: relative;overflow: hidden;}
.case-box .text-box .more span{display: block;position: relative;z-index: 10;}
.case-box .text-box .more:before{content: '';display: block;width: 100%;height: 100%;background: #134c2d; display: block;transform: translate3d(-105%,0,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;position: absolute;top: 0;left: 0;z-index: 5;}
.case-box .text-box .more:hover:before{transform: translate3d(0%,0,0);}
.case-box .text-box .more:hover span{color: #fff;}
.case-wrap .img-wp{padding-top: 10px;}
.case-wrap .img-wp ul li{ width: calc(100%/3 - 10px);margin-right: 15px; float: left;}
.case-wrap .img-wp ul li img{height: 250px;object-fit: cover;}
.case-wrap .img-wp ul li:nth-of-type(3n){margin-right: 0;}
.case-box .img-box img{height: 600px; object-fit: cover;}
.case-box .img-box{ float: right;width: 65%;}
.product-tabs{padding-bottom: calc(20px + 0.6vw);}

/*首页中间电话*/
.index-ad-1{position: relative;}
.index-ad-1 .text-box{position: absolute;top: 50%;transform: translateY(-25%);left: 0; width: 100%;height: 100%;color: #fff;}
.index-ad-1 .text-box .left{float: left;}
.index-ad-1 .text-box .left h3{font-size: calc(30px + 0.5vw);font-weight: 400;}
.index-ad-1 .text-box .left h4{font-size: calc(20px + 0.3vw);font-weight: 400;margin-bottom: calc(20px + 2vw);}
.index-ad-1 .text-box .left ul{}
.index-ad-1 .text-box .left ul li{float: left; margin-right: 20px;}
.index-ad-1 .text-box .left ul li i{width: 22px;height: 22px;line-height: 22px; float: left; border: 1px solid rgba(255,255,255,0.8);font-size: 20px; color: #00f217; margin-right: 10px;}
.index-ad-1 .text-box .left ul li p{font-size: 20px;display: block;float: left; line-height: 22px;}
.index-ad-1 .text-box .right {float: right; padding-top: calc(5px + 0.5vw);}
.index-ad-1 .text-box .right .dianhau{}
.index-ad-1 .text-box .right .dianhau .iconfont{ font-size: calc(15px + 0.6vw);width: calc(30px + 1.6vw);height:calc(30px + 1.6vw);border-radius: 50%;text-align: center;line-height: calc(30px + 1.6vw); border: 2px solid rgba(255,255,255,0.2);display: block;float: left;margin-right: 10px;}
.index-ad-1 .text-box .right .dianhau .font{float: left;margin-bottom: calc(16px + 0.5vw);}
.index-ad-1 .text-box .right .dianhau .font span{font-size: 16px;display: block;color: rgba(255,255,255,0.5);}
.index-ad-1 .text-box .right .dianhau .font strong{font-size: 32px;display: block;}
.index-ad-1 .text-box .right .yuyue{width: 100%;height: 46px;line-height: 46px;background: #70be43;border-radius: 23px; display: block;text-align: center; color: #fff; font-size:19px;-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;}
.index-ad-1 .text-box .right .yuyue:hover{background: #e10000;}

/*首页优势*/
.index-youshi{background: #fff;}
.index-youshi .index_title strong span{ color: #e10000;}
.youshiimg-box{overflow: hidden;}
.youshiimg-box .w_100{position: relative;margin-left: 50%;transform: translate(-50%, 10px);width: 1920px;}

/*首页留言*/
.index-liuyan{ padding: calc(25px + 2vw) 0;background: url("../images/index_liuyanback.jpg") no-repeat;background-size: cover;overflow: hidden;}
.index-liuyan .left{width: 65%; float: left; color: #fff;padding-top: calc(16px + 1vw);}
.index-liuyan .left h3{font-size: calc(30px + 0.5vw);}
.index-liuyan .left p{font-size: calc(20px + 0.2vw);color: rgba(255,255,255,0.8);}
.index-liuyan .left .dianhua{padding-top: calc(30px + 1vw);padding-bottom: calc(30px + 1vw);}
.index-liuyan .left .dianhua .iconfont{font-size: calc(15px + 0.6vw);width: calc(30px + 1.6vw);height:calc(30px + 1.6vw);border-radius: 50%;text-align: center;line-height: calc(30px + 1.6vw); border: 2px solid rgba(255,255,255,0.2);display: block;float: left;margin-right: 10px;}
.index-liuyan .left .dianhua .text{float: left;}
.index-liuyan .left .dianhua .text span{display: block;}
.index-liuyan .left .dianhua .text strong{font-size: calc(20px + 0.5vw);}
.index-liuyan .right{width: 65%; float: left;}

.index-liuyan .left .liucheng{width: 100%;border-top: 1px dashed rgba(255,255,255,0.4);position: relative;}
.index-liuyan .left .liucheng:before{width: 9px;height: 15px;position: absolute;right: 0;top: -8px;content: '';background: url("../images/sanjiao.png") no-repeat;}
.index-liuyan .left .liucheng ul{position:absolute;top: 0;left: 0;width: 100%;}
.index-liuyan .left .liucheng ul li{width: calc(100% / 7 - 20px);float: left;margin-right: 20px;background: #217346;margin-top: 20px;border-radius: 3px; text-align: center;padding: calc(20px) 0;position: relative;}
.index-liuyan .left .liucheng ul li:before{width: 11px;height: 11px;border-radius: 50%;background: #134c2d;content: '';display: block;position: absolute;top: -26px;left: 50%;transform: translateX(-50%);}
.index-liuyan .left .liucheng ul li i.iconfont{font-size: 30px; color: rgba(255,255,255,0.5);}
.index-liuyan .left .liucheng ul li span{font-size: 16px;padding: 0 15px;display: inline-block;}

.index-liuyan .right{width: 30%;padding: calc(30px + 1vw) calc(20px + 0.5vw);background: #fff;float: right;border-top: 3px solid #217346;}
.index-liuyan .right .title{text-align: center;margin-bottom: calc(15px + 0.5vw);}
.index-liuyan .right .title strong{font-size: calc(20px + 0.3vw);}
.index-liuyan .right .title p{font-size:12px;color: rgba(0,0,0,0.5);}

.index-liuyan #GBookAdd{}
.index-liuyan #GBookAdd .text{width: 100%;border: 1px solid rgba(0,0,0,0.1); height: 50px;line-height: 50px;margin-bottom: 10px; padding: 0 10px;}
.index-liuyan #GBookAdd .cmessage{width: 100%;border: 1px solid rgba(0,0,0,0.1); height: 120px;margin-bottom: 10px; padding: 10px;}
.index-liuyan #GBookAdd .submit{width: 100%;background: #217346; height: 50px;text-align:center;color: #fff; font-size: 16px;line-height: 50px;}

/*首页简介*/
.index_jianjie{padding: calc(20px + 1.5vw); background: #fff;width: 100%;overflow: hidden;}
.index_jianjie .left{width: 50%;}
.index_jianjie .left img{min-height: 650px; object-fit: cover;}
.index_jianjie_wp{position: relative;}
.index_jianjie_wp .right{position: absolute;width: 50%;height: 100%;background: #eeeeee;right: 0;top: 0;padding: calc(25px + 3vw) 0;}
.index_jianjie_wp .right .text-box{width: 70%;padding-left: calc(20px + 2vw); float: left;}
.index_jianjie_wp .right .text-box span{font-size: calc(20px + 0.7vw);display: block;font-weight: bold;}
.index_jianjie_wp .right .text-box strong{font-size: calc(20px + 0.4vw);display: block;font-weight: 500;}
.index_jianjie_wp .right .text-box .font{padding-top: calc(20px + 1vw);font-size: 15px; line-height: 28px;margin-bottom: calc(20px + 1vw);}
.index_jianjie_wp .right .text-box a{width: 170px;height: 50px;background: #217346;text-align: center;line-height: 50px;display: block;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;}
.index_jianjie_wp .right .text-box a:hover{background: #217346;}

/*首页工厂相册*/
.index-gongchang{background: #fff;padding-bottom: calc(20px + 0vw);}
.index-gongchang-tabs{padding-bottom: calc(20px + 0.5vw);}
.index-gongchang-tabs ul li{ width: calc(100% / 6 - 10px);margin-right: 10px; text-align: center;height: 56px;line-height: 56px; background: #dbdbdb;float: left;font-size: 16px;position: relative;}
.index-gongchang-tabs ul li.on{background: #217346;color: #fff;}
.index-gongchang-tabs ul li:before{height:0px;width: 22px; content: '';display: block;position: absolute;top: 100%;left: 0;right: 0;margin: 0 auto;background: url("../images/sjx.png") no-repeat ;background-size: 100% 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;}
.index-gongchang-tabs ul li.on:before{height:8px;}

.leftimg_box2-box{position: relative;overflow: inherit;}
.leftimg_box2-box .swiper-slide img{height: 230px; object-fit: cover;}
.leftimg_box2{}
.leftimg_box2 .swiper-slide .text{ width: 100%;text-align: center;padding: calc(10px + 0.3vw) 0;background: #f4f4f4;}
.leftimg_box2-box .swiper-button{ width: 60px;height: 60px;line-height: 60px; border: 1px solid rgba(0,0,0,0.3);border-radius: 50%;text-align: center;display: block;}
.leftimg_box2-box .swiper-button-next{right: 0;transform: translateX(80px);}
.leftimg_box2-box .swiper-button-prev{left: 0;transform: translateX(-80px);}
.leftimg_box2-box .swiper-button:after{display: none;}
.leftimg_box2-box .swiper-button i{font-size: calc(16px + 1vw); text-align: center;display: block;width: 100%; color: #666;}
.leftimg_box2-box .swiper-button:hover{background: #217346; border: 1px solid #fff;}
.leftimg_box2-box .swiper-button:hover i{color: #fff;}

.index-hezuo{background: #fff;padding-bottom: calc(15px + 3vw);}
.index-hezuo .index_title strong span{ color: #e10000;}
.index-hezuo .index_title strong span{ color: #e10000;}

.index-news{background: #fff; padding-bottom: calc(15px + 2vw); overflow: hidden;}
.index-news .title{float: left;margin-bottom: calc(10px + 1vw);}
.index-news .title{float: left;}
.index-news .title strong{display: block; font-size: calc(30px + 0.6vw);}
.index-news .title strong span{color: #e10000;}
.index-news .title p{font-size: 16px;}



.index-news .news_tabs{float: right;width: calc(100% - 350px); margin-top: calc(10px + 1vw);}
.index-news .news_tabs ul li{ width: calc(100% / 5 - 10px);margin-right: 10px; text-align: center;height: 56px;line-height: 56px; background: #dbdbdb;float: right;font-size: 16px;position: relative;}
.index-news .news_tabs ul li.on{background: #217346;color: #fff;}
.index-news .news_tabs ul li a{display: block;}
.index-news .news_tabs ul li.on a{color: #fff;}
.index-news .news_tabs ul li:before{height:0px;width: 22px; content: '';display: block;position: absolute;top: 100%;left: 0;right: 0;margin: 0 auto;background: url("../images/sjx.png") no-repeat ;background-size: 100% 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;}
.index-news .news_tabs ul li.on:before{height:8px;}
.news-box .left{width: 54%; float: left;}

.news-box .left .img{overflow: hidden;}
.news-box .left:hover .img img{transform: scale(1.1);}
.news-box .left .text{padding: calc(15px + 0.5vw) 0;}
.news-box .left .text strong{font-size: calc(16px + 0.2vw);display: block;margin-bottom: calc(10px + 0.2vw); color: #666; font-weight:bold;}
.news-box .right{width: 43%;float: right;}
.news-box .right ul li{margin-bottom: 20px;}
.news-box .right ul li .img{ width: 40%;float: left;overflow: hidden;}
.news-box .right ul li .img img{height: 125px;object-fit: cover;}
.news-box .right ul li:hover .img img{transform: scale(1.1);}
.news-box .right ul li .text{ width: 60%;float: right; padding-left: 10px;padding-top: 10px;}
.news-box .right ul li .text strong{font-size: 17px;}
.news-box .right ul li .text .font{font-size: 14px;color: rgba(0,0,0,0.5);  word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;    overflow: hidden;margin: 10px 0;}
.news-box .right ul li .text span{color: #666;}

.footer-box{background: #333333;padding: calc(20px + 2vw) 0 0;overflow: hidden;}
.footer-box .logo{float: left;padding-right: calc(15px + 1vw);}
.footer_nav a{color: rgba(255,255,255,0.5);margin-right: calc(20px + 0.5vw);display: block; float: left;}
.footer_nav a:hover{color:#134c2d;}
.footer_nav{margin-bottom: 15px;padding-top: calc(15px + 1vw);display: block;float: left;}
.footer_nav .text{ color:rgba(255,255,255,0.5); float: left;padding-top: calc(15px + 0.6vw);}

.footer-box .left{float: left;width: calc(100% - 200px);padding-bottom: calc(16px + 0.5vw);}
.footer-box .right{float: right;}
.banquan{height: 58px;line-height: 58px;border-top: 1px solid rgba(255,255,255,0.1);}
.banquan .banquantext{float: left;color: #888;}
.banquan .beian{float: right;color: rgba(255,255,255,0.5);}
.banquan .beian a{color: rgba(255,255,255,0.5);}


.info_jianjie_box{ padding: calc(20px + 3vw) 0 calc(10px + 1vw); background: #fff;}
.info_jianjie_box .left{ width: 50%; float: left;position: relative; padding-top:2vw;}
.info_jianjie_box .left .title strong{ font-size: calc(14px + 0.8vw); font-family: shuzi; text-transform: uppercase; font-weight: 200; color: #eeeeee;}
.info_jianjie_box .left .title p{ font-size: calc(16px + 0.8vw); font-weight: bold; margin-bottom: 10px;}
.info_jianjie_box .left .title span{width: 30px;height: 1px;display: block;background: #134c2d; margin-bottom: calc(10px + 1vw);}
.info_jianjie_box .left .text{ font-size:16px;line-height: 28px;}
.info_jianjie_box .left .logo_back{position: absolute;top: 10%;right: 10%;z-index: -1;}
.info_jianjie_box .right{width: 32%;float: right; position: relative;}
.info_jianjie_box .right .img:before{content: ''; width: 60%;height: 60%;display: block;background: #217346;position: absolute;right: 0;bottom: 0;}
.info_jianjie_box .right .img img{transform: translate(-10px,-10px); height: 510px;object-fit: cover;}


/*证书*/
.rongyua{padding: calc(20px + 2vw) 0 calc(10px + 2vw); background: #f4f4f4;}
.rongyua .title3{ text-align: center;}
.rongyua .title2 h3{font-size:calc(30px + 0.4vw);display: block;text-align: center;}
.honorList ul{ color: #666; padding: 0;}
.honorList li{width: 33%; 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);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: #134c2d;}
.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: 1010; 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%; }
.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: #134c2d; }
.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: #134c2d;}
.honorList{padding-bottom:20px;}
.honorList .swiper-pagination-bullet-active{background: #134c2d;}
.rongyua ul li{ width: 24%; margin-right: 1%;}

.cont_nr{ width:100%; margin:0 auto;}
.cont_nr li{ float:left; width:calc(100%/3 - 1%); margin-right:1.5%; text-align:center; background:#f4f4f4;}
.cont_nr li:nth-of-type(3){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:1.25rem; font-weight:bold; padding-bottom:10px; padding-top:8px; color:#000;}
.cont_ms{ font-size:15px; color:#333; line-height:24px;}
.cont_ms p{ font-size:14px;}
#dituContent{ width:100%; height:500px;}
@media screen and (max-width:520px){.cont_title p{font-size:14px}
.cont_nr li{width:100%; margin:0;}
.cont_nr li.on{margin:4% 0}
.cont_nr li a{padding:10px 0}
}
.contact_biaodan{ padding: 60px 0;background: #fff; border-top: 1px solid rgba(0,0,0,0.1);}
.contact_biaodan .title{ text-align: center; margin-bottom:30px;}
.contact_biaodan .title b{font-size:30px; color:#000; display:block; margin-bottom:5px;}
.contact_biaodan .title p{color: #000;font-size: 16px; opacity: 0.5;filter:alpha(opacity=50);font-family: Times;}
.contact_biaodan #GBookAdd .wenben{ width: calc(100% / 3 - 10px); float: left; margin-right: 15px; color: #000;}
.contact_biaodan #GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
.contact_biaodan #GBookAdd .wenben .text{ width:100%; height: 48px;line-height: 48px; padding: 0 10px; border: 1px solid rgba(0,0,0,0.2); background: inherit; color: #000;}
.contact_biaodan #GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
.contact_biaodan #GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
.contact_biaodan #GBookAdd .neirong .cmessage{ width: 100%; padding: 10px; min-height: 150px; border: 1px solid rgba(0,0,0,0.2); background: inherit;color: #000;}
.contact_biaodan #GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
.contact_biaodan #GBookAdd .submit{ width: 200px;height: 52px; display: block; background: #217346; color: #fff;margin: 0 auto; font-size: 16px;}
.contact_biaodan #GBookAdd .submit:hover{ background:#f69f09; cursor:pointer;}

.lxxx{padding: calc(20px + 2vw) 0 calc(10px + 2vw);}
.lxxx .titles{text-align: center;margin-bottom:  calc(10px + 2vw);}
.lxxx .titles b{color: #333;font-size:calc(24px + 0.5vw);}
.lxxx .titles p{color: #333;font-size:16px;color: #999;}

.suspension{position:fixed;z-index:115;right:0;bottom:5%;width:70px;height:100px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:34px;height:34px;background-color:Rgba(0,0,0,0.5);margin-bottom:1px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:34px;height:34px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:7px;margin-left:7px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:7px;margin-left:7px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-48px -4px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-136px -5px;}
.suspension .a-top{background:Rgba(0,0,0,0.5);display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:220px;background:#fff;position:absolute;right:43px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .e{width: 140px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:3px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d .inner-box .qrcode-img img{ margin: 0 auto; max-width:100%;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px; font-weight:normal; color:#666;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;white-space: nowrap;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.tongyong_title{text-align: center;padding:calc(20px + 2vw) 0 calc(18px + 0.7vw);}
.tongyong_title strong{font-size: calc(24px + 0.8vw);display: block;}
.tongyong_title span{font-size: 12px;display:inline-block;opacity: 0.6;padding: 0 105px;position: relative;}
.tongyong_title span:before{content: '';width: 100px;height: 100%;background: url("../images/title_span_left.png") no-repeat left center;position: absolute;left: 0;top: 0;}
.tongyong_title span:after{content: '';width: 100px;height: 100%;background: url("../images/title_span_right.png") no-repeat right center;position: absolute;right: 0;top: 0;}
.case-case{}
.case-case ul li{ overflow: hidden;width: calc(100% / 3 - 8px);float: left;margin-right: 12px; margin-bottom: 20px;position: relative;}
.case-case ul li .text{position: absolute;bottom:0px;left: 0;text-align: center;width: 100%;padding: 10px 0;background: rgba(0,0,0,0.7);color: #fff;transform: translate3d(0,50px,0);}
.case-case ul li:hover .text{transform: translate3d(0,0px,0);}
.case-case ul li:hover img{transform: scale(1.1);}
.case-case ul li:nth-of-type(3n){margin-right: 0px;}
.case-case .more{width: 180px;height: 50px;line-height: 50px;background: #217346;display: block;border-radius: 25px; margin: 0 auto;display:block;text-align: center;color: #fff;}

.article_body{background: #fff; padding:0px 0 10px;}
.article_body .wp3{padding: calc(32px + 3vw) 0 0; background: #fff;border: 1px solid rgba(0,0,0,0.1); margin-top: calc(10px + 1vw);}
.article_body .wp3>.title{text-align: center;}
.article_body .wp3>.title h1{font-size: calc(22px + 0.5vw);font-weight: 600;}
.article_body .wp3>.title span{font-size: 14px;margin-top:10px;display: block; color: #666;}
.article_body .wp3>.content{padding: calc(20px + 2vw) calc(15px + 3vw); font-size: 16px;}
.article_body .wp3>.content img{max-width: 100%;display: initial;}
.weizhi_nav{padding: 16px 0;border-bottom: 1px solid rgba(0,0,0,0.1);}
.weizhi_nav a{float: left;}
.weizhi_nav .iconfont{float: left;}
.nextprev{border-top: 1px solid rgba(0,0,0,0.1);padding:calc(10px + 1vw) calc(15px + 3vw) calc(20px + 2vw);}
.nextprev a{width:100%;display: block;line-height: 26px;}
.nextprev a:hover{color: #217346;}

.product_ny_box{padding: calc(16px + 2vw) 0 calc(16px + 0vw);background: #fff;}
.product_ny_box .left{ width: 300px; float: left;}
.product_ny_box .left .ny_nav{margin-bottom: calc(0.4rem + 0.2vw);}
.product_ny_box .left .ny_nav .title{ background: #216a41;text-align: center; color: #fff; padding: calc(16px + 0.2vw) 0;}
.product_ny_box .left .ny_nav .title i{display: inline-block; font-size: calc(16px + 1.8vw);color: rgba(255,255,255,0.5);transform: translateY(-0.2vw);}
.product_ny_box .left .ny_nav .title .text{display: inline-block;}
.product_ny_box .left .ny_nav .title .text strong{display: block;text-align: left; font-size: calc(16px + 0.6vw);}
.product_ny_box .left .ny_nav .title .text span{display: block;text-align: left; color: rgba(255,255,255,0.4);}
.product_ny_box .left .ny_nav ul{border: 1px solid rgba(0,0,0,0.1);}
.product_ny_box .left .ny_nav ul li{height: calc(2.8rem + 0.4vw);line-height:calc(2.8rem + 0.4vw);border-top: 1px solid rgba(0,0,0,0.1);position: relative;overflow: hidden;}
.product_ny_box .left .ny_nav ul li:nth-of-type(1){border-top: 0px;}
.product_ny_box .left .ny_nav ul li a{padding: 0 calc(16px + 1vw);display: block;width: 100%;height: 100%;position: relative;z-index: 5;font-size:16px; color: #666666;}
.product_ny_box .left .ny_nav ul li a span{position: relative;z-index: 10;}
.product_ny_box .left .ny_nav ul li:hover a span{color: #fff;}
.product_ny_box .left .ny_nav ul li a i{float: right;position: relative;z-index: 5;}
.product_ny_box .left .ny_nav ul li:hover a i{color: #fff; transform: translateX(0.5rem)}
.product_ny_box .left .ny_nav ul li:before{content: ''; width: 100%;height: 100%;display: block;background: #ff8403;position: absolute;left: 0;top: 0;-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;z-index: 1;transform: translateX(-100%);}
.product_ny_box .left .ny_nav ul li:hover:before,.product_ny_box .left .ny_nav ul li.on:before{transform: translateX(0);}
.product_ny_box .left .ny_nav ul li.on a{color: #fff;}
.product_ny_box .left .ny_nav ul li.on a i{color: #fff;}
.product_ny_box .left .ny_left_lx .ny_call{ background-image: url(../images/left_lx_call_back.jpg);background-size: cover; padding: calc(16px + 0.8vw) 0;padding-left: calc(16px + 1.1vw); color: #fff;}
.product_ny_box .left .ny_left_lx .ny_call span{color: rgba(255,255,255,0.5);}
.product_ny_box .left .ny_left_lx .ny_call strong{display: block;font-size: calc(16px + 0.5vw); font-family: shuzifont;}
.product_ny_box .left .ny_left_lx .ne_left_lxinfo{padding: calc(0.6rem + 0.7vw); border: 1px solid rgba(0,0,0,0.1);}
.product_ny_box .left .ny_left_lx .ne_left_lxinfo ul li{color: rgba(0,0,0,0.8);font-size:16px;}
.product_ny_box .left .ny_left_lx .ne_left_lxinfo ul li strong{font-weight: 500; display: block;margin-top: calc(0.2rem + 0.6vw); margin-bottom: calc(0.2rem);color: #333;}
.product_ny_box .right{ width: calc(100% - 320px);float: right;}
.product_ny_box .right .xilie_box{ background:#f6f6f6; margin-bottom: calc(16px + 0.5vw);}
.product_ny_box .right .xilie_box .xilie_box_img{width: calc(50% - 2vw);float: left;}
.product_ny_box .right .xilie_box .xilie_box_img img{min-height: 380px;object-fit: cover;}
.product_ny_box .right .xilie_box .xilie_box_text{width:48%;float: right; padding-top: calc(16px + 1vw);}
.product_ny_box .right .xilie_box .xilie_box_text .xilie_title{}
.product_ny_box .right .xilie_box .xilie_box_text .xilie_title{display: block;font-size: calc(16px + 0.6vw);border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 0.5rem; margin-bottom: calc(16px + 1vw);}
.product_ny_box .right .xilie_box .xilie_box_text .font{ font-size: calc(16px);line-height: 2rem; margin-bottom: calc(16px + 1vw); padding-right: 26px;}
.product_ny_box .right .xilie_box .xilie_box_text .font span{ font-size: calc(16px + 0.2vw);}

.product_ny_box .right .product_list_box{}
.product_ny_box .right .product_list_box ul li{ width: calc(100% / 3 - 7px);margin-right: 10px;margin-bottom: 10px; float: left; text-align: center; border: 1px solid #f4f4f4; position: relative;}
.product_ny_box .right .product_list_box ul li .img{overflow: hidden;}
.product_ny_box .right .product_list_box ul li span{ width: 100%;padding: calc(0.4rem + 0.2vw) 0;display: block; background: #f4f4f4; text-align: center; border-top: 1px solid #f4f4f4;-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; }
.product_ny_box .right .product_list_box ul li:nth-of-type(3n){margin-right: 0px;}
.product_ny_box .right .product_list_box ul:hover li .img{opacity: 0.9;filter:alpha(opacity=90);transform: scale(0.95);}
.product_ny_box .right .product_list_box ul li:hover span{background: #216a41; color: #fff;}
.product_ny_box .right .product_list_box ul li:hover .img{opacity: 1;filter:alpha(opacity=100);transform: scale(1);}



.product_ny_box .right .product_list_info{}
.product_ny_box .right .product_list_info .shenmeshi{ background: #216a41;background-image: url(../images/shenmeshifulizi_back.jpg);background-size: 100% auto;background-position: top center; padding: calc(1.4rem + 1vw) calc(1.4rem + 1vw); margin-bottom: calc(16px + 1vw);background-repeat: no-repeat;}
.product_ny_box .right .product_list_info .shenmeshi span{font-size: calc(1.16px + 1vw);text-align: center; color: #fff;display: block; font-weight: 500;margin-bottom: calc(0.5rem + 0.4vw);}
.product_ny_box .right .product_list_info .shenmeshi .font{font-size: 0.94rem;line-height: 1.6rem; text-align: center; margin-bottom: calc(16px + 1vw); color: #fff;padding: 0 10%;}
.product_ny_box .right .product_list_info .shenmeshi .img{text-align: center; width: 100%; display: block;}
.product_ny_box .right .product_list_info .shenmeshi .img img{display: inline-block;margin: 0 auto;}
.product_ny_box .right .product_list_info .product_list_info_title{background: #ff8403;position: relative;padding: calc(0.2rem + 0.1vw) calc(0.5rem + 0.8vw);padding-right: calc(1.5rem + 2vw);background-image: url(../images/product_list_info_title.jpg);background-size: auto 100%; background-repeat: no-repeat;background-position: right bottom;display: inline-block;font-size: calc(16px + 0.4vw);color: #fff;margin-bottom: calc(0.5rem + 0.5vw);}
.product_ny_box .right .product_list_info .font{font-size:16px; line-height: 1.6rem;}
.biaozhun-wz{font-size:16px; line-height: 1.6rem;}

.product_ny_box .right .product_list_info .flzchansheng{margin-bottom: calc(16px + 1vw);}

.product_ny_box .right .product_list_info .biaozhun{ width: 100%; margin-bottom: calc(16px + 1vw);}
.product_ny_box .right .product_list_info .biaozhun .font{position: relative;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun_img{ width:40%;float: left;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun{ width:58%;height: 100%; position: absolute;right: 0;top: 0;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun ul{height: 100%;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun ul li{text-align: center; width: 100%; color: #fff; background: #216a41;height: calc(100% / 6 - 5px);margin-bottom: 5px;display: flex;justify-content:center;align-items:Center;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun ul li:nth-of-type(2){background: #abca2b;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun ul li:nth-of-type(3){background: #cade76;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun ul li:nth-of-type(4){background: #c0bcb6;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun ul li:nth-of-type(5){background: #f38540;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun ul li:nth-of-type(6){background: #e13c39;}
.product_ny_box .right .product_list_info .biaozhun .yansebiaozhun ul li span{ width:calc(100%/3); text-align:center; line-height:20px;}

.product_ny_box .right .product_list_info .guanxi{margin-bottom: calc(16px + 1vw);}
.product_ny_box .right .product_list_info .guanxi table.guanxi_bg{width: 100%;}
.product_ny_box .right .product_list_info .guanxi table.guanxi_bg tr td{border: 1px solid rgba(0,0,0,0.1);padding: calc(0.5rem + 0.4vw) calc(16px + 1vw); font-size:16px;}
.product_ny_box .right .product_list_info .guanxi table.guanxi_bg tr:nth-of-type(1) td{background: #216a41; color: #fff;}
.product_ny_box .right .product_list_info .guanxi table.guanxi_bg tr:nth-child(odd){background: #f4f4f4;}
.product_ny_box .right .product_list_info .guanxi table.guanxi_bg tr td.active{background: #e13c39; color: #fff;}
.product_ny_box .right .product_list_info .wuran table.wuran_bg tr{ font-size: 16px;}
.product_ny_box .right .product_list_info .wuran table.wuran_bg tr td{border: 1px solid rgba(0,0,0,0.1);padding: calc(0.5rem + 0.5vw) calc(0.5rem + 0.5vw);}
.product_ny_box .right .product_list_info .wuran table.wuran_bg tr td:nth-of-type(1){width: 18%;background: #e13c39; text-align: center; color: #fff; font-size: calc(1.16px + 0.2vw);}


/*新闻列表*/
.news_list{}
.news_list ul li{ width:100%; position: relative; margin-bottom: 10px; background: #fff;border: 1px solid rgba(0,0,0,0.1);}
.news_list ul li a{padding:40px 20px; display: block;}
.news_list ul li .img{width: 300px; overflow: hidden; float: left; margin-right: 20px;background: #000;}
.news_list ul li .img img{width: 100%;height: 200px; object-fit: cover;}
.news_list ul li:hover{background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.news_list ul li:hover .img img{transform: scale(1.1); opacity: 0.6;filter:alpha(opacity=60);}
.news_list ul li .text{ width: calc(100% - 100px); float: left; padding-top: 20px;padding-left: 2%;}
.news_list ul li.af-img .text{ width: calc(100% - 300px - 40px); float: left; padding-top: 20px;padding-left: 2%;}
.news_list ul li .text b{margin-bottom: 10px;font-size: 20px; font-weight: 500;display: block;}
.news_list ul li .text p{font-size: 16px; line-height: 24px; margin-bottom: 20px; opacity: 0.6;}
.news_list ul li .text i{font-size: 14px; line-height: 24px; margin-bottom: 20px;font-style: normal;}
.news_list ul li span{ width: 40px;height: 40px; position: absolute;right: 20px;bottom: 20px; border-radius: 50%; text-align: center;line-height: 40px;}
.news_list ul li:hover span{ background: #217346; color: #fff; transform: translateX(-10px);}

.porduct-box .choice-box{height: 60px;position: relative;margin-bottom: 10px;}
.porduct-box .choice{margin-bottom: calc(10px + 0.5vw);}
.porduct-box .choice ul{}
.porduct-box .choice li{width: calc(100% / 3);float: left; text-align: center; color: #fff;background: #626262; padding: 15px 0;border-right: 1px solid #fff;cursor: pointer;font-size: 17px;font-weight: bold;}
.porduct-box .choice li.on{background: #217346;}
.porduct-box .choice li:nth-of-type(3n){border-right: 0px;}
.porduct-box .choice li a i{color: #fff;display:inline-block;font-size: calc(20px + 0.5vw); padding-right: 10px;font-weight: normal;}
.porduct-box .choice li a span{display:inline-block; color: #fff;}
.porduct-box .active-choice{background: #fff;box-shadow: 0 3px 8px rgba(0,0,0,0.05);position: fixed;top: 0;left: 0; width: 100%;z-index: 100;}
.porduct-box .active-choice .wps{width: 1260px;margin: 0 auto;}
.porduct-box .active-choice li{color: #222;background: #fff;}
.porduct-box .active-choice li a i{color: #222;}
.porduct-box .active-choice li a span{color: #222;}
.porduct-box .active-choice li.on a i{color: #fff;}
.porduct-box .active-choice li.on a span{color: #fff;}

/*移动端*/
.logo-wrap .menu{width: 2rem; float: right; margin-top:1.2rem;}
.logo-wrap .menu span{ width: 2rem;height: 2rem; padding-top: 1.5rem;}
.logo-wrap .menu span i{ width: 100%;height: 1px; display: block;background: #000; margin-bottom: 6px;}
.logo-wrap .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
.logo-wrap .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-10px);}
.logo-wrap .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: 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: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: 6666}
.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;}


.contact_biaodan {
    padding: calc(1.5rem + 3vw) 0;
    background: #fff url(../images/liuyan_back.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.contact_biaodan .wp {
    max-width: 1100px;
}

.contact_biaodan .title {
    text-align: center;
    margin-bottom: 30px;
}

.contact_biaodan .title b {
    font-size: 30px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.contact_biaodan .title p {
    color: #000;
    font-size: 16px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-family: Times;
}

.contact_biaodan .wenben {
    width: calc(100% / 3 - 10px)!important;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
    margin-right:15px!important;
    color: #000;
}
.contact_biaodan .wenben:nth-last-of-type(3) {
	margin-right: 0px!important;
}

.contact_biaodan .wenben .titles_p {
    font-size: 14px;
    margin-bottom: 10px;
}

.contact_biaodan .wenben .text {
    width: calc(100% - 20px);
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    background: inherit;
    color: #000;
}

.contact_biaodan .wenben:nth-of-type(3) {
    margin-right: 0;
}

.contact_biaodan .neirong {
    margin-top: 30px;
    margin-bottom: 20px;
}

.contact_biaodan .neirong .cmessage {
    width: 100%;
    padding: 10px;
    min-height: 150px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
    margin-top: 15px;
}

.contact_biaodan .neirong .titles_p {
    font-size: 14px;
    margin-bottom: 10px;
}

.contact_biaodan .submit {
    width: 180px;
    height: 50px;line-height: 50px;text-align: center;
    display: block;
    background: #216a41;
    border-radius: 25px;
    color: #fff;
    margin: 0 auto;
    font-size: 16px;
	
}

.contact_biaodan .submit:hover {
    background: #216a41;
    cursor: pointer;
}








.pc-vis{display: inherit;}
.phone-vis{display: none;}
.bottom_nav{ display:none;}
@media screen and (max-width:640px){
	body{min-width: inherit; padding:4rem 0 2.6rem;}
	.wp3{min-width: inherit;}
	.pc-vis{display: none;}
	.phone-vis{display: inherit;}
	.info_jianjie_box .left{width: 100%; padding-top: 0;}
	.info_jianjie_box .left .title p{font-weight: 400;}
	.info_jianjie_box .left .text{font-size:0.9rem;color:#333; line-height:1.4rem;}
	.info_jianjie_box .left .text img{ max-width:100%;}
	.info_jianjie_box .right{display: none;}
	.top{display: none;}
	.sll_top{bottom: 3rem; right: 1rem;}
	.bottom_nav{width: 100%;height: 2.6rem; position: fixed;bottom: 0; left: 0;z-index: 20; box-shadow: 0 0 5px rgba(0,0,0,0.2);display: inherit;transform: translate3d(0,3rem,0);}
	.bottom_nav a{ width: calc(100%/3); float: left; display: block; font-size: 1rem;height: 2.6rem;line-height: 2.6rem; text-align: center; background: #fff; border-right: 1px solid rgba(0,0,0,0.1);color: #666;}
	.bottom_nav a i{ margin-right: 0.2rem; transform: translateY(0.1rem); display: inline-block; color: #217346;}
	.bottom_nav_active{ transform: translate3d(0,0,0);opacity: 1;filter:alpha(opacity=100);visibility: visible;}
	.suspension-box{display: none;}
	.logo-wrap .logo .text{display: none;}
	.logo-wrap .right-dh{display: none;}
	.logo-wrap .logo{width: calc(100% - 4rem);}
	.logo-wrap .logo img.logo-img{width:100%;}
	.sousuo{height: 50px;overflow: hidden;}
	.sousuo .left{width: 100%;line-height: 50px;}
	.sousuo .right{display: none;}
	.nav{display: none;}
	.index_title .font{font-size: 15px;}
	.index-product ul li{width: calc(50% - 4px);margin-right: 8px;}
	.index-product ul li:nth-of-type(2n){margin-right:0px;}
	.index-product ul li .font{width: 100%;}
	.index-product ul li .font strong{font-size: 18px;display: block;text-align: center; width: 100%; font-weight: 500;}
	.index-product ul li span{display: none;}
	.index-case:before{background-size: 100% 100%;}
	
	.index-case .product-tabs ul li{width: calc(50% - 2px);margin-right: 4px;margin-bottom: 4px; float: left;}
	.index-case .product-tabs ul li:nth-of-type(2n){margin-right:0px;}
	
	.index-ad-1 .text-box{display: none;}
	.case-box .text-box{display:none;}
	.case-box .img-box{width: 100%;}
	.product-tabs{padding-bottom: 10px;}
	.case-wrap .img-wp ul li{width: calc(100%/3 - 4px);margin-right: 6px;}
	.index-case{padding-bottom: 20px;}
	.youshiimg-box .w_100{width: 100%;}
	
	.index-liuyan .left{width: 100%;}
	.index-liuyan .left .liucheng{display: none;}
	.index-liuyan .right{width: 100%;}
	.index-liuyan{padding: 15px 0;}
	.index_jianjie .left{width: 100%;}
	.index_jianjie .right{width: 100%;position: inherit;background: #f4f4f4;}
	.index_jianjie_wp .right .text-box{width: 100%;}
	.index_jianjie .left img{min-height: inherit;}
	.index_jianjie{padding: 0;}
	.index_jianjie_wp .right .text-box{padding: 0 5%;float: inherit;}
	.index-gongchang-tabs{padding-top: 15px;}
	.index-gongchang-tabs ul li{width: calc(100% / 4 - 1px); margin-right: 1px;height: 40px;line-height: 40px;}
	.index-gongchang-tabs ul li:nth-of-type(4n){margin-right: 0px;}
	
	.news-box .left{width: 100%;}
	.index-news .news_tabs{width: 100%;margin: 10px 0;}
	.index-news .news_tabs ul li{width:calc(100% / 3 - 1px);height: 40px;line-height: 40px; float: left;margin-right: 1px;}
	.news-box .right ul li .img{display: none;}
	.news-box .right ul li .text{width: 100%;}
	.news-box .right{width: 100%;}
	.footer-box .left{display: none;}
	.footer-box .right{display: none;}
	.footer-box{padding-top: 0;border-top: 0px;}
	.banquan .banquantext{font-size: 12px;}
	.banquan{line-height: inherit; padding: 15px 0;height: inherit;}
	.beian{display: none;}
	
	
	.index-news .title{width: 100%; margin-bottom: 20px;}
	.case-case ul li{width: calc(50% - 2px); margin-right: 4px!important; margin-bottom: 4px!important;}
	.case-case ul li:nth-of-type(2n){margin-right: 0px!important;}
	.ny_left_lx{display: none;}
	.product_ny_box .left{display: none;}
	.product_ny_box .right{width: 100%;}
	.product_ny_box .right .product_list_box ul li{width: calc(50% - 4px); margin-right: 8px!important;}
	.product_ny_box .right .product_list_box ul li:nth-of-type(2n){margin-right: 0px!important;}
	.product_ny_box .right .product_list_box{padding-bottom: 0px;}
	.sousuo{background: #f4f4f4;}
	.sousuo .left strong{color: #000;}
	.sousuo .left .guanjianci a{color: #000;}
	.index-case .product-tabs ul li:before{display: none;}
	.case-wrap .img-wp{padding-top: 6px;}
	.index-gongchang{padding-bottom: 0;}

	.logo-wrap{height: 4rem;padding: 0.5rem 0;}
	.logo-wrap .logo img.logo-img{width: inherit;height: 3rem;}
	.logo-wrap .menu span{padding-top: 1rem;}
	.logo-wrap{position: absolute;top: 0;left: 0; width: 100%;}
	
	.weizhi_nav{position: relative;}
	.erji_nav{z-index: 50; position: absolute;right: 0.5rem; top: 1rem; width: 2rem;height:1.6rem; padding-top: 0;}
	.erji_nav .menu_b{ width: 2rem;height:1.5rem; display: block;color: #333;font-size: 1rem;font-weight: bold;}
	.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;display: block; 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{ height: 100%; overflow-y: scroll;}
	.menu_list_b .menu_list_box_b>li{ width: calc(50% - 1px);height:3rem;line-height: 3rem; float: left; display:block;padding:0rem 0;border-bottom:1px solid #eee;border-right:1px solid #eee;color:#333;font-size:1rem;position: relative;}
	.menu_list_b .menu_list_box_b>li:nth-child(2n){ border-right: 0px;}
	.menu_list_b .menu_list_box_b>li p{display:block; text-align: center; font-size: 14px;padding: 0 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.menu_list_box_b .on{ background:#666;}
	.menu_list_box_b .on a{ color:#fff;}
	.menu_list_b .u_l{display:none;}
	.menu_list_b .right .coll{width:100%; float: left; height: 6rem; background: #217346; 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 b{font-size: 1.4rem; font-weight:500; font-family: shuzifont;}
	.menu_list_b .right .booking{ width: 50%; float: left; height: 5rem; background: #217346; position: relative;}
	.menu_list_b .right .booking .text{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width:9rem;}
	.menu_list_b .right .booking .text i{ float: left; font-size: 2.2rem; margin-right: 0.2rem; margin-top: 0.5rem;}
	.menu_list_b .right .booking a{color: #fff;}
	.menu_list_b .right .booking .text .wen{ float: left;transform: scale(0.8);}
	.menu_list_b .right .booking .text .wen b{ font-size: 1.5rem;}
	.menu_list_b .right .booking .t	ext .wen p{ float: left; font-size: 0.8rem; display: block; text-align:left;}
	
	.logo-wrap_b{position: fixed;z-index: 55;}
	.porduct-box .choice li{padding: 8px 0; font-weight: 500;}
	
	.porduct-box .active-choice .wps{width: inherit;}
	.porduct-box .active-choice{top: 4rem;border-top: 1px solid rgba(0,0,0,0.1);}
	.news_list ul li a{padding: 10px;}
	.news_list ul li .img{width: 100%;}
	.news_list ul li .text{width: 100%!important;}
	
	.info_jianjie_box .left .title strong{opacity: 0.5;font-weight: 500;}
	.info_jianjie_box .left .text{font-size: 16px;}
	
	.rongyua .title2 h3{font-size: 23px;}
	.contact_biaodan #GBookAdd .wenben{width: 100%; margin-bottom: 7px;}
	.contact_biaodan #GBookAdd .neirong{margin-top: 0;}
	
	.contact_biaodan{padding: 30px 0;}
	.contact_biaodan .wenben{width: 100%!important;margin-bottom: 4px;}
	.contact_biaodan .neirong .cmessage{margin-top: 4px;}
	
	.index-product ul li .img{height: 200px;}
	.case-box .img-box img{height: 240px;}
	.case-wrap .img-wp ul li img{height: 80px;}
	.leftimg_box2-box .swiper-slide img{height: 120px;}
	.index-liuyan .left h3{font-size: calc(24px + 0.5vw)}
	
	
	.product_ny_box .right .product_list_box ul li .img{height: 150px;}
	
	
	
	
	
	
	
	
	
	
}