.middle{ width: 80.95%; margin: auto;}
.wap,.menu,.lg-hidden{ display: none}
.top-index-head{ width: 100%; position: fixed; top: 0px; z-index: 8; box-shadow: 0px 5px 5px rgba(191, 217, 110, 0.2)}
/*.top-tel{ height: 0.5rem; width: 100%; border-bottom: 1px solid rgba(191,217,110,0.4) }*/
.top-tel{ height: 0.5rem; width: 100%;background: #003d2d;}
.left-tel{ width: 50%; line-height: 0.5rem;}
.left-tel i{ font-size: 0.14rem; text-align: left; width: 20%; float: left; color: #fff}
.right-qie{ width: 9%;  border-radius: 5px; overflow: hidden; height: 0.35rem; margin-top: 0.1rem;  }
.right-qie a{ font-size: 0.16rem; font-weight: bold}
.right-qie .qie-fl{ width: 70%; float: left;text-align: center; line-height: 0.35rem}
.right-qie .qie-fl img{ width: 37%; margin-left: 10%; margin-top: 9%; margin-right: 5%}
.right-qie .qie-fl b{ font-size: 0.2rem; line-height: 0.2rem}
.right-qie .qie-fl ul{ z-index: 9; width: 1rem; background: #bfd96e; position: absolute; top: 30%; display: none}
.right-qie .qie-fl ul li{ width: 100%; text-align: center}
.right-qie .qie-fl ul li a{ color: #fff}
.right-qie .qie-fl ul li img{ width: 60%; padding: 5px 0px}
.right-qie .qie-fl ul li:nth-child(1){ border-bottom: 1px solid #003d2d}
.right-qie .qie-fl:hover ul{ display: block}
.right-qie .qie-fl ul li:hover{ background: #003d2d}
.header{ width: 100%; height: 0.8rem; background: #fff}
.top-header{ width: 80.95%; margin: auto;}
.container{ width: 80.95%; margin: auto;}
.header h1{ width: 20%;}
.header h1 img{ width: 96%; margin-top: 7%;}
.header .nav_bg{ width: 72%; margin: 0px 0.2rem;}
.header .nav_bg ul li{ float: left; line-height: 0.8rem; text-align: center; margin: 0px 3%; }
.header .nav_bg ul li a{ color: #003d2d; font-size: 0.17rem;}
.header .nav_bg ul li.on a{ font-size: 0.22rem; font-weight: bold;}
.header .nav_bg ul li:hover a{ font-size: 0.22rem; font-weight: bold;}
.header .nav_bg ul li:nth-child(3) .nav-xia{ margin-left: -10%}
/*.header .nav_bg ul li.on::after{ content: ''; width: 100%; height: 4px; position: absolute; bottom: 4px; left: 0px; background: #fff;}*/
.nav-xia{ position: absolute; top:100%; width: 40%; background: #f7f9fc;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 0.15rem; box-sizing: border-box; display: none }
.nav-xia .column-le{ width: 25%; text-align: left; }
.nav-xia .column-le .column-le-titel{ width: 100%;padding: 0.2rem;text-align: center; box-sizing: border-box; background: #fff; margin-bottom: 0.2rem; border-radius: 0.2rem;}
.nav-xia .column-le .column-le-titel.on{ background:#fff }
.nav-xia .column-le .column-le-titel.on span{ text-align: center; color: #bfd96e;display: block; transition: all 2s;}
.nav-xia .column-le span{ font-size: 0.22rem; font-weight: bold; line-height: 0.4rem;}
.nav-xia .column-le span .column-biao{ width: 100%;background: #fff; overflow: hidden; display: block; padding-bottom: 0.1rem; border-radius: 0.15rem}
.nav-xia .column-le span .column-biao img{ width: 80%; display: block; margin: auto}
.nav-xia .column-le p{ font-size: 0.16rem; line-height: 0.3rem;}
.nav-xia .column-fr{ width: 73%; background: #fff; padding: 0.2rem; box-sizing: border-box; border-radius: 0.15rem;}
.nav-xia .column-fr dl{ width: 46%;float: left; height: 0.6rem; line-height: 0.6rem; margin: 0.2rem 0rem;  margin-right: 5%; font-size:0.18rem; font-weight: bold; text-align: left;color: #003d2d;}
.nav-xia .column-fr dl:nth-child(2n){ margin-right: 0px}
.nav-xia .column-fr dl img{ width: 25%; float: left; margin-right: 10px; margin-top: 3%}
.nav-xia .column-fr dl a{ color: #003d2d !important; font-size:0.18rem !important; font-weight: bold}
.nav-xia .column-fr dl i{ font-size: 0.16rem; margin-left: 2%; opacity: 0}
.header .nav_bg ul li:hover .nav-xia{ display: block}
.nav-xia .column-fr dl:hover a{font-size: 0.18rem;}
.nav-xia .column-fr dl:hover i{ opacity: 1; transition: all 2s}
.see{ width: 50%; height: 0.4rem; line-height: 0.4rem; display: inline-block; text-align: center; padding: 0rem 0.4rem; box-sizing: border-box; background: #f1f8fe; border-radius: 0.2rem}
.see a{ color: #023e2e !important; font-size: 0.16rem !important; font-weight: 500 !important;}

/*.search{ width: 17%;  }*/
/*.search .search-f{ color: #fff; font-size: 0.24rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.2rem; width: 80%; float: left;}*/
/*.search .search-f i{width: 0.22rem; height: 0.22rem; display: block; background: url(../images/xn14.png) no-repeat center; background-size: 100%;*/
/*    float: left;margin-right: 5%; margin-top: 21%;}*/
/*.search .search-r{ width: 0.4rem; display:block; float: right;}*/
/*.search .searchIco{ width: 0.4rem; height: 0.35rem; overflow: hidden; display:block; position: relative; background: #bfd96e}*/
/*.search .searchIco .searchShow{ background: url(../images/xn15.png) no-repeat center; background-size: 90% }*/
/*.search .searchIco .searchHide{ background: url(../images/xn15-1.png) no-repeat center;background-size: 90% }*/
/*.search .searchIco em{width: 100%; height: 100%; display: block; position: relative; top: 0;}*/
/*.search .topSearch em{ top: -100%;}*/
/*.search .searchBox{width: 3rem;height: 0.4rem; line-height:0.4rem; position: absolute; right: 18%; background: #fff;top: -10%;*/
/*    overflow: hidden; border-radius: 25px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;opacity: 0;}*/
/*.search .searchBox .searchInp {width: 2.4rem;height: 0.4rem;border: none; line-height: 0.35rem; background: none;float: left;-webkit-box-sizing: border-box;*/
/*    -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0rem 0.2rem;font-size: 0.14rem;*/
/*}*/
/*.search .searchBox .submitBtn {position: absolute;right: 0;top: 0;background: url(../images/searchico.png) center center no-repeat #fff;background-size: 0.2rem; width: 0.6rem;height: 0.35rem;cursor: pointer;border: none;float: right;}*/
/*.search .searchold{ opacity: 1; top: 0%; margin-top: 0.1rem}*/

.search{ width: 17%;  }
.search .search-f{ color: #fff; font-size: 0.24rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.2rem; width: 80%; float: left;}
.search .search-f i{width: 0.22rem; height: 0.22rem; display: block; background: url(../images/xn14.png) no-repeat center; background-size: 100%;
    float: left;margin-right: 5%; margin-top: 21%;}
.search .search-r{ width: 0.4rem; display:block; float: right;}
.search .searchIco{ width: 0.4rem; height: 0.35rem; overflow: hidden; display:block; position: relative; background: #bfd96e}
.search .searchIco .searchShow{ background: url(../images/xn15.png) no-repeat center; background-size: 90% }
.search .searchIco .searchHide{ background: url(../images/xn15-1.png) no-repeat center;background-size: 90% }
.search .searchIco em{width: 100%; height: 100%; display: block; position: relative; top: 0;}
.search .topSearch em{ top: -100%;}
.search .searchBox{width: 3rem;height: 0.4rem; line-height:0.4rem; position: absolute; right: 8%; top: 4%; background: #fff;
    overflow: hidden; border-radius: 25px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.search .searchBox .searchInp {width: 2.4rem;height: 0.4rem;border: none; line-height: 0.35rem; background: none;float: left;-webkit-box-sizing: border-box;
    -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0rem 0.2rem;font-size: 0.14rem;
}
.search .searchBox .submitBtn {position: absolute;right: 0;top: 0;background: url(../images/searchico.png) center center no-repeat #fff;background-size: 0.2rem; width: 0.6rem;height: 0.35rem;cursor: pointer;border: none;float: right;}
.search .searchold{ opacity: 1; top: 0%; margin-top: 0.1rem}




.index-box-jabout{ width: 100%; margin-top: 1rem; display: inline-block; padding-top: 1.1rem;background: url(../images/xbei1.png) center bottom no-repeat; position: relative}
.let-about{ width: 47%; float: left}
.let-about h4,let-about h4 p{ font-size: 0.6rem; line-height: 0.8rem; font-weight: bold}
.let-about p{ font-size: 0.18rem; line-height: 0.4rem; margin-top: 0.3rem;}
.let-about h3,let-about h3 p{ font-size: 0.32rem; line-height: 0.6rem; font-weight: bold}
.let-about .p,.let-about .p p{ font-size: 0.18rem; line-height: 0.45rem; margin-top: 0.4rem; text-align:left}
.let-about h5{ font-size: 0.3rem; line-height: 0.7rem; font-weight: bold}
.let-about  .about-index-show{font-size: 0.18rem; line-height: 0.4rem; margin-top: 0.1rem;}
.about-jiao{ position: absolute; top: 12%; right: 8%; z-index: 5; width: 14%}
.about-jiao img{ width: 100%}

.more-ppf{font-size: 0.16rem; width: 30%; height: 0.35rem; color: #fff; text-align: center;  line-height: 0.35rem; border-radius: 0.2rem; background: #003d2d; display: block;
    margin-top: 10%;text-transform:uppercase; color: #fff}
.more-ppf a{ color: #fff}
.more-ppf:hover{ background: #bfd96e}
.about-zhna{ position: absolute; right: 0px; top: 74%; z-index: 5; width: 49%}
.about-zhna img{ width: 100%}
.right-abou-img{ width: 50%; float: right; border-radius: 0.3rem; height: 6rem; overflow: hidden; }
.sheen-about{ position: relative}
.about-top{ margin-top: 1%; width: 45%; height: 7.5rem; position: absolute; right: 0px; top: 0px; border-radius: 0rem}
.right-abou-img .teamabout-slide{verflow: hidden; flex-shrink: 0; position: relative; width: 100%; height: 100%}
.right-abou-img .teamabout-slide img{ width: 100%; height: 100%; object-fit: cover}

/* 分类 */
/*.box1-product{ width: 100%; display: inline-block; background: url(../images/xnbei.jpg) no-repeat top; background-size: 100%; padding-top: 0.7rem;*/
/* padding-bottom: 1rem; position: relative; }*/
.box1-product{ width: 100%; display: inline-block;padding-top: 0.7rem;padding-bottom: 0.5rem; position: relative; }
.box1-product .about-title{ width: 100%; margin: 0.3rem 0rem}
.box1-product .about-title h5{ font-size: 0.4rem; color: #003d2d; font-weight: bold;text-transform:uppercase;}
.box1-product .about-title p{ font-size: 0.24rem; font-weight: 300; line-height: 0.5rem;}
.box1-product .about-title p span{ font-weight: bold;}
.product-fen ul{ width: 100%; display: inline-block; margin-top: 0.4rem}
.product-fen ul li{ width: 30%; float: left; margin-right: 5%;  background: #f7f9fc; padding: 0.4rem 0.2rem; box-sizing: border-box; text-align: center; border-radius: 0.2rem}
.product-fen ul li:last-child{ margin-right: 0%}
.product-fen ul li img{ }
.product-fen ul li h6{ font-size: 0.23rem; font-weight:bold; line-height: 0.7rem; text-align: left;margin-bottom: 0.2rem;}
.product-fen ul li h6 img{ float: left; height: 0.5rem; margin-right: 3%; margin-left: 0%; margin-top: 3%}
.product-fen ul li:nth-child(1) h6 img{ margin-left: 12%}
.product-fen ul li:nth-child(2) h6 img{ margin-left: 16%}
.product-fen ul li b{ width: 1rem; height: 2px; display: block;margin: auto;  background:#003d2d; margin-top: 0.1rem; margin-bottom: 0.1rem }
.product-fen ul li p{ font-size: 0.17rem; line-height: 0.4rem; height: 1.8rem}
.product-fen ul li .left-m{ width: 72%; background: #003d2d; height: 0.35rem; line-height: 0.35rem; border-radius: 0.2rem; color: #fff; text-align: center;
    font-size: 0.12rem; text-transform: uppercase; display: blockl; margin: auto;margin-top: 0.4rem; }
.product-fen ul li .left-m a{ color: #bfd96e}
.product-fen ul li .left-m i{ font-size: 0.18rem; margin-left: 5%; color: #bfd96e}
.product-fen ul li:hover{ background:rgba(191,217,110,0.3); margin-top: -0.2rem; transition: all 2s; }

.product-fen dl{ margin-top: 0.3rem}
.product-fen dl dt{ width: 48%; margin-top: 0.2rem; float: left}
.product-fen dl dt:first-child{ margin-right: 4%}
.product-fen dl dt .conde-imng{ font-size: 0.34rem; font-weight: 300; line-height: 0.5rem; margin-bottom: 0.2rem; width: 100%; display: inline-block}
.product-fen dl dt .conde-imng span{ float: left}
.product-fen dl dt .conde-imng .gd{ font-size: 0.16rem; width: 20%; height: 0.35rem; color: #fff; text-align: center;  line-height: 0.35rem;
    border-radius: 0.2rem; float: right;  background: #003d2d; display: block; margin-top: 1%;text-transform:uppercase;}
.product-fen dl dt .conde-imng .gd i{ font-size: 0.18rem; margin-left: 3%;}
.product-fen dl dt .conde-imng i:hover{ background: #bfd96e;}
.product-fen dl dt .conde-imng .com-b{ width: 0.8rem; height: 0.4rem; float: left; margin-right: 0.1rem}
.product-fen dl dt .conde-imng .com-b img{ width: 100%}
.product-fen dl dt .conde-imng .gd:hover{ background: #bfd96e}
.product-fen dl dt img{ width: 100%;}
.product-fen dl dt:last-child{ margin-bottom: 0px;}
.box1-product .pro-img{ width: 48%; display: block; position: absolute; right: 0px; top: 25%;}
.box1-product .pro-img img{ width: 100%;}
.about-title span{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.24rem;text-transform: uppercase; color: #003d2d;}




/* 公司简介 */
.box2-about{width: 100%; display: inline-block; background: url(../images/xnbei13.jpg) no-repeat top; background-size: 100%; padding: 0.7rem 0; box-sizing: border-box }
.box2-about.wap{ display: none}
.about-index-title{ width: 100%; margin-bottom: 0.3rem}
.about-index-title h3{ font-weight: bold; font-size: 0.48rem; color: #003d2d;}
.about-index-title h3 i{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.3rem;text-transform: uppercase; color: #003d2d; margin-left: 1%;}

.about-team-box{ width: 100%; background:rgba(255,255,255,0.85); border-radius: 20px; display:inline-block; padding: 0.4rem 0.4rem; box-sizing: border-box}
.about-team .team-swiper{ width: 100%; overflow: hidden; height:auto; float: right;position: relative; margin:0.2rem 0rem}
.about-team .team-swiper .swiper-wrapper{ width: 100%;}
.about-team .team-swiper .team-slide{height: 3.6rem; width: 5rem; overflow: hidden; flex-shrink: 0; position: relative}
.about-team .team-swiper .team-slide img{ width: 100%; object-fit: cover; height: 100%; -webkit-transition: all 2s;transition: all 2s;}
.about-team:hover .button-next4,.about-team:hover .button-prev4 { opacity: 1;}
.about-team .team-swiper .team-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.about-index-title h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.3rem;text-transform: uppercase; color: #003d2d;}

.more{ width: 1.85rem; height: 0.5rem; font-size: 0.2rem; border-radius: 0.3rem; background: #003d2d; display: block; text-align: center; line-height: 0.5rem; margin:0.35rem 0 0.5rem;}
.more a{ font-size: 0.2rem; color: #fff;}
.more:hover{ background: #bfd96e;}
.more:hover a{ color: #003d2d;}
.box-adv{ width: 60%; float: left; }
.adiv-list{ width: 80%; height: 3.6rem}
.adiv-list .adv-thumb{ width: 100%; display: inline-block; height: 0.78rem;line-height: 0.78rem}
.adiv-list:nth-child(3) .adv-thumb{ line-height: 0.4rem}
.adv-thumb img{ width: 10%;float: left; margin-right: 3%}
.adv-thumb h4{ font-weight: bold; font-size: 0.3rem;}
.adv-j{ padding: 0.3rem 0rem;border-bottom: 1px solid #003d2d}
.adv-j,.adv-j p,.adv-j span{ font-size: 0.2rem !important; line-height: 0.5rem;}
.adv-title{ width: 100%;  display: inline-block}
.adv-title ul{ margin-top: 5%;}
.adv-title ul li{ width: 22%; padding: 0.3rem 0rem; margin-right: 4%; background: #fff; border-radius: 0.15rem; text-align: center; float: left; font-size: 0.22rem; font-weight: bold}
.adv-title ul li:last-child{ margin-right: 0px}
.adv-title ul li img{ width: 35%;}
.adv-title ul li span{ width: 100%; height: 0.8rem; display: inline-block;margin-bottom: 0.1rem }
.adv-title ul li.on{ background: linear-gradient(to bottom, rgba(191, 217, 110, 0), rgba(191, 217, 110, 1))}
.adv-title ul li.on  span{ border-bottom: inherit}

.box-index-adv{ width: 100%; display: inline-block;  background: url(../images/xnbei103.jpg) no-repeat top;   background-size: 100% ;padding-top: 0.8rem; padding-bottom: 0.8rem;}
.adv-left{ width: 74%; float:right; margin-top: 7%; height: 4.7rem; border-radius: 0.3rem}

/*.adv-left{ width: 74%; float:right;background: url(../images/xnbei2-11.jpg) no-repeat top; margin-top: 12%; height: 4.7rem; border-radius: 0.3rem}*/
.adv-left .standard h4{ font-size: 0.48rem; line-height: 0.6rem; font-weight: bold; margin-bottom: 0.2rem}
.adv-left .standard p{ font-size: 0.2rem; line-height: 0.4rem;}
.adv-left .standard-cont{ width: 94%; margin: auto; display: block;  margin-top: 11.5%; background: rgba(255,255,255,0.5); padding:0.8rem  0.3rem; border-radius: 0.25rem;}
.adv-left .stan-list .stan-thumb{ width: 100%; height: 0.8rem; line-height: 0.8rem;}
.stan-list .stan-thumb img{ width: 5%; margin-right: 2%; float: left; margin-top: 1%;}
.stan-list .stan-thumb h4{ font-weight: bold; font-size: 0.26rem;}
.stan-list .stan-j{ font-size: 0.2rem; line-height: 0.4rem; margin-top: 0.1rem}
.stan-list .stan-j p,.stan-list .stan-j span{ font-size: 0.2rem; line-height: 0.4rem;}


.adv-right{ width: 26%; float: left; position: relative ; margin-top: 9%}
.adv-right .adv-img{ width:72%; float: left }
.adv-right .adv-img img{ width: 100%;}
.adv-right ul li{  width: 100%; height: 0.9rem;line-height: 0.9rem; margin-bottom: 0.2rem; font-size: 0.22rem; font-weight: bold; background: #f7f9fc; border-radius: 0.2rem;}
.adv-right ul li span{ width: 0.6rem; height: 0.6rem; background: #fff; border-radius: 50%;  float: left; display: block; margin-right: 4%;
    text-align: center; border: 0.03rem solid #003d2d; margin-left: 0.1rem; margin-top: 0.15rem }
.adv-right ul li span img{ width: 70%; margin-top: 16%}
/*.adv-right ul li:nth-child(1){top: 20%; left: 0%}*/
/*.adv-right ul li:nth-child(2){top: 20%; left: 64%}*/
/*.adv-right ul li:nth-child(3){top: 60%; left: 0%}*/
/*.adv-right ul li:nth-child(4){top: 60%; left: 64%}*/
.adv-right ul li:hover span{ background: none; margin-left: 0.1rem; }
.adv-right ul li:hover{ background: #bfd96e; border-radius: 0.2rem;transition: all 1.2s;margin-left: 0.2rem;}
.adv-right ul li.on{ background: #bfd96e; border-radius: 0.2rem;transition: all 1.2s;}
.adv-right ul li.on span{border: 3px solid #bfd96e; }
.adv-right ul li:nth-child(4){ line-height: 0.45rem}
.stan-list:nth-child(2) .stan-thumb,.stan-list:nth-child(3) .stan-thumb{ line-height:0.4rem }

    /*产品分类*/
.box-pro{ width: 100%; display: inline-block; background: url(../images/xnbei3.jpg) no-repeat bottom; padding-bottom: 0.8rem}
.box-titel .title-p{ width: 40%; font-size: 0.18rem; line-height: 0.4rem; }
.pro-wrapper { width: 100%; display: inline-block; overflow: hidden; margin-top: 0.5rem}
.pro-wrapper .pro-slide{flex-shrink: 0;}
.pro-wrapper .pro-slide.swiper-slide-active{ border-right: 1px solid #003d2d}
.pro-wrapper .pro-slide.swiper-slide-next{ border-right: 1px solid #003d2d}
.img-moer{ width: 100%; text-align: center}
.img-moer span{ font-size: 0.2rem; width: 100%;  font-weight: bold; text-align: center;display: block; margin-bottom: 0.2rem }
.img-moer i{ width: 10%; font-size: 0.18rem; color:#bfd96e; background:#003d2d; height: 0.3rem; line-height: 0.3rem; border-radius: 0.15rem }

.pro-wrapper .pro-slide .peo-in-img{ width: 100%; height: 3.4rem; text-align: center}
.pro-slide .peo-in-img img{ width: 95%;-webkit-transition: all 2s;transition: all 2s;}
.pro-slide:hover .peo-in-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.pro-index-list{ width: 100%; margin: 0.4rem 0rem;}
.pro-index-list dl{ float: left; width: 12%; text-align: center;position: relative; padding-top: 0.1rem}
.pro-index-list dl span{ width: 100%; display: inline-block;  text-align: center; height: 0.7rem; margin-bottom: 0.1rem; margin-top: 0.1rem}
.pro-index-list dl span img{ width: 35%;}
/*.pro-index-list dl::after{content:'';width: 1px;height: 1.4rem;background: #003d2d;display: block;transform: rotate(15deg);position: absolute;top: 0px;right:0;}*/
/*.pro-index-list dl::before{ content:'';transform: skew(-15deg); background:#bfd96e;width: 100%;height: 1.4rem; position: absolute;top: 0px; right: 0px; opacity: 0; z-index: -1}*/

/*.pro-index-list dl::after{content:'';width: 1px;height: 1rem;background: #003d2d;display: block;position: absolute;top:16%;right:0;}*/
/*.pro-index-list dl::before{ content:''; background:#bfd96e;width: 100%;height: 1.4rem; position: absolute;top: 0px; right: 0px; opacity: 0; z-index: -1;border-radius: 0.2rem;}*/
.pro-index-list dl{ margin-right: 0.56%}
.pro-index-list dl:last-child{ margin-right: 0px}
.pro-index-list dl::after{content:'';width: 100%;height: 1.5rem;background: rgba(0,61,45,0.05);display: block;position: absolute;top:0;right:0;border-radius: 0.2rem;}
.pro-index-list dl::before{ content:''; background:#bfd96e;width: 100%;height: 1.5rem; position: absolute;top: 0px; right: 0px; opacity: 0; z-index: -1;border-radius: 0.2rem;}

.pro-index-list dl p{ font-size: 0.15rem; line-height: 0.3rem;}
.pro-index-list dl:hover::before{ opacity: 1; }
.pro-index-list dl.on::before{ opacity: 1;}

/**/
.num{ height: 2.2rem; color: #333; width: 100%;margin: auto; margin-bottom: 0.3rem; margin-top: 0.3rem }
.num dl dt{ width: 25%;float: left; font-size: 0.2rem; margin-top: 4%;color:#333;position: relative;  text-align: center;}
.num dl dt b{ font-size: 0.75rem; font-weight:300; color:#333;display: inline-table;color: #003d2d;font-family: Arial, Helvetica, sans-serif;}
.num dl dt:nth-child(4){ border: none; margin-right: 0px;}
.num .num_title{ font-size: 0.2rem; font-weight: 500;color: #333;}
.num .num_jia{font-size: 0.2rem;color:#003d2d; font-size: 0.3rem;}
/*.num dl dt::after{content:'';width: 1px;height: 90px;background: #999;display: block;transform: rotate(15deg);position: absolute;top: 0px;right: 26%;}*/
.num dl dt:last-child::after{ display: none;}
.edge-box{ width: 100%; display: inline-block; padding-bottom: 0.8rem; position: relative}
.employ-box{ width: 100%; display: inline-block; margin-top: -0.8rem; background: #fff; border-radius: 0.3rem; }
.let-employ{ width: 50%}
.let-employ h5{ font-size: 0.4rem; font-weight: bold; line-height: 0.8rem;}
.let-employ .employ-cont{ font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.1rem;}
.employ-list{ padding-top: 5%}
.employ-list ul li{ height: 0.9rem; line-height: 0.9rem; font-size: 0.24rem; padding-left: 5%}
.employ-list ul li i{ float: left; width: 0.6rem; height: 0.6rem; border-radius: 50%;  line-height: 0.5rem; text-align: center; margin-right: 0.2rem; color:#fff;
    font-size: 0.2rem; margin-top: 3%}
.employ-list ul li i img{ width: 80%}

.pro-img{ width: 45%; display: block; position: absolute; right: 0px; top:-9%;}
.pro-img img{ width: 100%;}

.employ-list ul li:nth-child(7){ display: none}

/*关于*/
.about-list-box{ background: url(../images/xnbei2.jpg) no-repeat top; width: 100%;  padding-top: 1.5rem; padding-bottom: 0.8rem }
/*.about-cont-index{ background: rgba(0,61,45,0.8); width: 60%; float: left}*/
.about-list-box h3{ font-size: 0.4rem; line-height: 0.7rem; color: #fff; font-weight: bold}
.about-see{width: 50%; float: left; color: #fff}
.about-list-box .sheen-cont-in{ 100%; padding-right: 5%; box-sizing: border-box; margin-top: 3%}
.sheen-cont-in,sheen-cont-in p{ font-size: 0.16rem; line-height:0.4rem;}
.about-list-box .p-in{ font-size: 0.24rem; font-weight: bold; line-height: 0.8rem; }
.about-see-two{font-size: 0.16rem; line-height:0.4rem;}
.more-see{ background: #bfd96e; width: 35%;height: 0.4rem; line-height: 0.4rem; text-align: center; border-radius: 0.2rem; margin: 0.5rem 0rem;}
.more-see a{ font-size: 0.16rem; color: #003d2d; width: 100%; height: 100%; display: block}
.more-see:hover{ margin-left: 5%; transition: all 2s;}

.index-about-top{ background: url(../images/fazhan1.jpg) no-repeat top; background-size: 100%; width: 100%; display: inline-block; padding-top: 0.6rem; height: auto;
    position: relative; padding-bottom: 0.4rem}
.fuwu-index{width: 45%; float: left; color: #003d2d; margin-top: 4%;}
.fuwu-index h3{ font-size: 0.45rem; line-height: 0.9rem; margin-bottom: 0.3rem; color: #fff; font-weight: bold;text-transform:uppercase;}
.sheen-fuwu-index-in{ 100%; padding-right: 5%; box-sizing: border-box; margin-top: 25%}
.sheen-fuwu-index-in,.sheen-fuwu-index-inp{ font-size: 0.18rem; line-height:0.45rem;}

.sheen-pro-img{ position: absolute; width: 45%; top: 5%; right: 4%}
.sheen-pro-img img{ width: 100%}




/* 展会新闻 */
.box-news{width: 100%; display: inline-block; padding: 0.7rem 0; box-sizing: border-box; background: #f7f9fc }
.box4-innews{ width: 100%; display: inline-block;}
.box-titel{ width: 100%; display: inline-block;}
.box-titel .title-l{ width: 50%;}
.box-titel .title-l h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.24rem;text-transform: uppercase; color: #003d2d;}
.box-titel .title-l h3{ font-weight: bold; font-size: 0.4rem; color: #003d2d;text-transform:uppercase;}
.box-titel .title-l h3 i{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.3rem;text-transform: uppercase; color: #003d2d; margin-left: 1%;}
.box-titel .title-r ul li{ width: 1.9rem; height: 0.55rem; border-radius: 0.14rem; background: #003d2d; text-align: center; line-height: 0.5rem;
    margin-left: 0.35rem; margin-top: 6%;}
.box-titel .title-r ul li a{ font-size: 0.22rem; color: #fff;}
.box-titel .title-r ul li:hover{ border-radius: 0.3rem; transition: 1s all;background:#bfd96e}
.box-titel .title-r ul li:hover a{ color: #003d2d;}
.box-titel .title-r ul li.on{border-radius: 0.3rem; background:#bfd96e }
.box-titel .title-r ul li.on a{color: #003d2d; }
.qie-news{}
.news-index{ overflow: hidden; width: 100.2%; display: inline-block; margin-top: 0.5rem;}
.news-index .news-slide{ overflow: hidden; background: #fff;}

.news-index .news-inslidetwo,.news-index .news-inslidet1{ flex-shrink: 0; }
.news-index .news-slide .li .news-thumb{ width: 100%; height: 3rem; overflow: hidden; border-radius: 0.2rem; position: relative;}
.news-index .news-slide .li .news-thumb img{ width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 2s;transition: all 2s;}
.news-index .news-slide .li p{ font-size: 0.22rem; line-height: 0.4rem; color: #003d2d;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; /* 这里的3表示最多显示3行 */overflow: hidden;text-overflow: ellipsis;  }
.news-p{  width: 100%;  display: block; border-radius: 0rem 0rem 0.2rem 0.2rem; padding: 0rem 0.3rem; box-sizing: border-box}

.news-index .news-slide .li .left-m{ width: 30%;  height: 0.3rem; line-height: 0.3rem; color: #003d2d; text-align: left;font-size: 0.13rem; text-transform: uppercase; }
.news-index .news-slide .li .left-m i{ font-size: 0.16rem; margin-left: 5%;}
.news-index .news-slide .li .news-more{ display: inline-block; width: 100%; line-height: 0.2rem; color: #003d2d}
.news-index .news-slide .li .right-m{ font-size: 0.16rem; font-family: Arial, Helvetica, sans-serif; width: 30%; text-align: right;}
.news-index .news-slide .li .right-m i{ margin-right: 5%;}
.news-index .news-slide:hover .news-thumb img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


.box5-coop{ width: 100%; display: inline-block; color: #003d2d; margin-top: 0.7rem;}
.box5-coop .coop-swcont{ width: 100.1%; overflow: hidden; height: 370px; margin-top: 0.4rem;}
.box5-coop .coop-swcont .coop-slide { height: 1.75rem; width: 3.1rem; overflow: hidden; border: 1px solid #b8b8b8; border-radius: 10px; display: flex;
    align-items: center; background: #fff;overflow: hidden}
.box5-coop .coop-swcont .coop-slide img{ height:100%; width: 100%; object-fit: cover; display: block; margin: auto; -webkit-transition: all 2s;transition: all 2s;}
.box5-coop .coop-swcont .coop-slide:hover{ border: 1px solid #bfd96e;}
.box5-coop .coop-swcont .coop-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.title-r .index-huoban-swiper-btn{ width: 30px; height: 30px; margin-top: 50%;}
.title-r .index-huoban-swiper-btn img{ width: 100%;}
.title-r .dot{width: 10px; height: 10px; background: #003d2d; border-radius: 50%; margin: 0px 30px; margin-top: 58%;}
/* y底部 */
.box-foot{ width: 100%; display: inline-block;background: #003d2d; padding-top: 0.3rem; padding-bottom: 0.2rem; background-size: 100%;  background: url(../images/foodbei.jpg) no-repeat bottom;}
.foot-nva{ width: 100%; display: inline-block;}
.foot-nva .foot-l span img{ width: 90%}
.foot-nva .foot-l dl{ width: 50%; margin-top: 20%}
.foot-nva .foot-l h5{ font-size: 0.4rem; font-weight:bold;color: #fff; }
.foot-nva .foot-l p{ font-size: 0.24rem; line-height: 0.6rem;}
.foot-nva .foot-l .foot-tiao{ width: 100%; display: block; margin-bottom: 0.22rem; margin-top: 0.1rem;}
.foot-nva .foot-l .foot-tiao a{ width: 38px; height: 38px; display: block;}
.foot-tiao a img{ width: 100%;}
.foot-nva .foot-l dl dt{ width: 100%; text-align: center; float: left; margin-right: 0.6rem;}
.foot-nva .foot-l dl dt img{ width: 100%}
.foot-nva .foot-l dl dt span{ width: 100%; line-height: 0.4rem; display: block;}
.foot-nva .foot-r{ width: 100%;}
.foot-nva .foot-r ul a{ color: #fff;}
.foot-nva .foot-r ul{ width: 25%; float: left; margin-right: 7%}
.foot-nva .foot-r ul:last-child{ margin-right: 0px;}
.foot-nva .foot-r ul h6{ font-size: 0.24rem; color: #fff; padding-bottom: 10%; margin-bottom: 8%}
.foot-nva .foot-r ul li{ font-size: 0.18rem; line-height: 0.6rem;}
.foot-nva .foot-r ul li a{ font-size: 0.18rem;}
.foot-nva .foot-r ul li:hover a{ color: #bfd96e;}
.foot-nva .foot-r ul h6{ border-bottom: 1px solid rgba(191,217,110,0.5)}
.foot-nva ul.foot-l{ width: 28%;color: #fff; margin-right: 7%; height: 100%;}

.foot-dizhi{ width: 64%; float: left}
.foot-dizhi dl { width: 32%; margin-right: 1%; float: left; position: relative; padding-left: 1.5%; box-sizing: border-box; margin-bottom: 0.3rem}
.foot-dizhi dl:nth-child(3n){ margin-right: 0px}
.foot-dizhi dl span{ width: 20px; float: left; margin-right: 3%; height: 1.2rem;}
.foot-dizhi dl span img{ width: 100%; margin-top: 32%;}
.foot-dizhi dl li{ font-size: 0.22rem; font-weight: bold; color: #fff; line-height: 0.4rem;}
.foot-dizhi dl li p{ font-size: 0.16rem; font-weight: 500; padding-right: 8%; line-height: 0.4rem; box-sizing: border-box}
/*.foot-dizhi dl::after{ content: ''; width: 1px; height: 1rem; position: absolute; background:rgba(191,217,110,0.5); left:0; top: 15%;}*/

.foot-bott{ width: 100%; display: inline-block; z-index: 10;  height: 0.54rem; line-height: 0.54rem; text-align: center; color: #fff; background: #003d2d; font-size: 0.16rem;}
.foot-bott a{ color: #fff; margin-left: 5%; font-size: 0.16rem;}
.liuyan-bot form{ margin-top: 4%;}
.liuyan-bot{ width: 100%; text-align: center;}
.liuyan-bot h6{ font-size: 0.24rem; color: #fff;  }
.liuyan-bot h6 img{ width: 0.34rem; margin-right: 2%}
.liuyan-bot p{ font-size: 0.16rem; color: #fff; text-transform:uppercase; margin-top: 2%; margin-bottom: 2%}
.liuyan-bot .input-wrp{ width: 70%;  background: #fff; border-radius: 0.3rem; height: 0.45rem; padding-left: 0.2rem; box-sizing: border-box;  color: #fff;
    font-size: 0.16rem; display: block; margin: auto; margin-bottom: 0.3rem; }
.liuyan-bot .input-wrp span{ line-height: 0.45rem}
.liuyan-bot .input-wrp .in-input{ line-height:0.45rem; background: none; text-align: left; float: left; width: 70% }
.inside-hezuo-submit{  width: 20%; background: #bfd96e; float: left; color: #fff;line-height: 0.45rem; border-radius: 0.3rem; display: block; float: right; font-size: 0.16rem;}
.nei-footbox{ padding-left: 0px}
.nei-footbox .foot-nva .foot-r{ width: 100%;}
.nei-footbox .foot-nva .foot-r ul{  width: 33%; margin-right: 0px; float: left; padding: 0px}
.nei-footbox .foot-nva .foot-r ul li{ width: 33%; float: left; line-height: 0.4rem}
.nei-footbox .foot-nva .foot-r ul:nth-child(2) li{ width: 50%}

.box-meagg{  width: 60%; margin: 0.6rem auto; background: url(../images/xnbei21.jpg) no-repeat top; background-size: 100%;  padding: 0.6rem 0rem; border-radius: 0.3rem}

.foot-l .dl{ margin-top: 15%}
.foot-l .dl-p{ height: 0.8rem; line-height: 0.4rem; font-size: 0.24rem; font-weight: bold}
.foot-l .dl-p img{ width: 8%; float: left; margin-right: 3%;}
.foot-l dt{ font-size: 0.18rem; width: 100%; line-height: 0.5rem; padding-left: 10%}
.foot-l dt p{ font-size: 0.2rem !important; line-height: 0.5rem}

.xuanqie{ position: fixed; width: 0.6rem; top: 50%; right: 1%; z-index: 9}
.xuanqie li{ width: 0.6rem; height: 0.6rem; background: #023e2e; border-radius: 50%; margin-bottom: 0.2rem; padding: 0rem 0.1rem; box-sizing: border-box; text-align: center}
.xuanqie li a{ font-weight: bold; font-size: 0.18rem; color: #bfd96e}
.xuanqie li:hover{ background:#bfd96e }
.xuanqie li:hover a{ color:#023e2e }

.dl-erwei{ width: 13%; padding-top: 4%}
.dl-erwei img{ width: 100%;}
.dl-erwei p{ font-size: 0.18rem; color: #fff; text-align: center; line-height: 0.35rem}

/* 内页y */

.banner-image {
    height: 500px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.banner-image .mian{ position: absolute; bottom: 0.3rem; color: #fff; right: 10%; text-align: right; font-size: 0.16rem;}
.banner-image .mian i{ margin-right: 1%; font-size: 0.18rem;}
.banner-image .mian a{font-size: 0.16rem; color: #fff}
/*选择*/
.select-box1{ width: 100%; display: inline-block; margin-top: 0.8rem; margin-bottom: 0.2rem}
.select-cont{ width: 100%; display: inline-block; margin-top: 0.5rem}
.select-cont .select-f{ width: 50%; font-size: 0.22rem; line-height: 0.5rem; margin-top: 5%}
.select-cont .select-f p,.select-cont .select-f span{font-size: 0.22rem; line-height: 0.5rem; }
.select-l{ width: 46%; height: 5rem; overflow: hidden; border-radius: 0.15rem;}
.select-l img{ width: 100%; height: 100%; object-fit: cover;}
.select-slide{position: relative}
.select-l p{ width: 100%; height: 0.6rem; line-height: 0.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; background: rgba(0,0,0,0.2);position: absolute;left: 0px;
    bottom: 0px; padding: 0rem 0.2rem; box-sizing: border-box; color: #fff; font-size: 0.2rem; font-weight: bold;}

.select-biao{ width: 100%; display: inline-block;background: url(../images/xbei4.png) no-repeat top; padding-top: 1.8rem; padding-bottom: 0.6rem;}
.fen-select{ margin-top: 0.5rem;}
.fen-select ul li{ width: 30%; margin-right: 5%; float: left}
.fen-select ul li:last-child{ margin-right: 0px;}
.fen-select ul li h5{ font-size: 0.24rem; font-weight: bold; line-height: 0.6rem; height: 0.6rem}
.fen-select ul li h5 img{ height: 0.6rem; margin-right: 2%; float: left}
.fen-select ul li .fen-p{ font-size: 0.18rem; line-height: 0.4rem; margin-top: 0.3rem;}
.fen-select ul li .fen-p p{ font-size: 0.18rem; line-height: 0.4rem;}
.lianxi-select{ margin-top: 0.7rem; width: 100%; display: inline-block; margin-bottom: 0.6rem}
.lianxi-select .title-l span{ font-size: 0.2rem; line-height: 0.5rem;}
.lain-list{ margin-top: 0.2rem;}
.lain-list h5{ font-size: 0.3rem; font-weight: bold; margin-bottom: 0.2rem}
.lain-list h5.pc{ margin-bottom: 0.6rem}

.lain-list .lianxi-l li{ width: 90%; font-size: 0.18rem; line-height: 0.4rem; margin-bottom: 0.4rem;display: block}

.lianxi-l li i{ width: 0.3rem; height: 0.3rem; text-align: center;line-height: 0.3rem; border-radius: 50%; background:#003d2d; color: #fff;
    font-size: 0.18rem; margin-right: 2%; float: left; margin-top: 2.5%; margin-bottom: 0.8rem}


.lianxi-l{ width: 48%;}
.lianxi-l .tel h6{ font-size: 0.34rem; font-weight: bold; line-height: 0.6rem}
.lianxi-l .tel span{ font-size: 0.24rem; font-weight: bold;  margin-bottom: 0.2rem; width: 100%; display: inline-block}
.lianxi-l .tel dl{ font-size: 0.24rem; line-height: 0.5rem; width: 100%; float: left}
.tel span i{ font-size: 0.3rem; float: left; margin-right: 2%;}
.lianxi-from{ width: 49%; background: #f7f9fc; border-radius: 0.15rem; padding: 0.3rem; box-sizing: border-box}
.lianxi-from .frpm-title{ width: 49%; margin-right: 2%; float: left; margin-bottom: 0.3rem}
.lianxi-from .frpm-title:nth-child(2n){ margin-right: 0px}
.lianxi-from .frpm-title:nth-child(5){ width: 100%; margin-right: 0px}
.lianxi-from .frpm-title span{ width: 100%; font-size: 0.18rem; line-height: 0.55rem;}
.lianxi-from .frpm-title input{ width: 100%; height: 0.5rem; line-height: 0.5rem; border-radius: 0.15rem; border: 1px solid #dfdfdf; padding: 0rem 0.15rem;}
.lianxi-from .frpm-title textarea{ width: 100%; height: 1.5rem; border-radius: 0.15rem; padding: 0.15rem; box-sizing: border-box}
.lianxi-from  .inside-submit{ width: 30%; height: 0.45rem; line-height: 0.45rem; text-align: center; background:#003d2d; border-radius: 0.15rem; float: right;color: #fff;
    font-size: 0.18rem; margin-top: 0.3rem; }


.mianbox{ background:#f5f9fd;}
.inner-title { margin: 0.5rem 0; margin-top:0.4rem; width: 100%; display: inline-block;}
/*.inner-title ul{display: flex; flex-direction: row; justify-content: center }*/
.inner-title ul li{ width: 13.5%; float: left; height: 0.6rem; line-height: 0.6rem;  background: #003d2d; border-radius: 0.3rem; margin-right: 3.8%; text-align: center;}
.inner-title ul li:last-child{ margin-right: 0px;}
.inner-title ul li a{ font-size: 0.2rem; color:#fff;}
.inner-title ul li:hover{ background: #bfd96e; color: #003d2d;}
.inner-title ul li:hover a{ color: #003d2d;}

.inner-title dl{display: flex; flex-direction: row; justify-content: center }
.inner-title dl dt{ width: 13.5%; float: left; height: 0.6rem; line-height: 0.6rem;  background: #003d2d; border-radius: 0.3rem; margin-right: 3.8%; text-align: center;}
.inner-title dl dt:last-child{ margin-right: 0px;}
.inner-title dl dt a{ font-size: 0.2rem; color:#fff;}
.inner-title dl dt:hover{ background: #bfd96e; color: #003d2d;}
.inner-title dl dt:hover a{ color: #003d2d;}
.inner-title dl dt.on{  background: #bfd96e; color: #003d2d;}
.inner-title dl dt.on a{ color: #003d2d;}
.join-titie ul{display: flex; flex-direction: row; justify-content: center; margin-bottom: 0.4rem }
.join-titie ul li{ width: 10%;  height: 0.45rem; line-height: 0.45rem; background:#bfd96e;border-radius: 0.3rem; margin-right: 2%;text-align: center }
.join-titie ul li a{  font-size: 0.18rem}
.join-titie ul li.on{ background: #003d2d; color: #bfd96e; }
.join-titie ul li.on a{ color: #bfd96e; }
.inner-title .seoon{ width: 15%; margin-right: 1%; margin-bottom: 15px}

.inner-substance,.inner-substance dl { width: 100%; display: inline-block;}
.inner-substance dl dt{ width: 32.5%; margin-right: 1.2%; float: left;overflow: hidden; margin-bottom: 20px;}
.inner-substance dl dt .case-l-thumb{ width: 100%; height: 3.7rem; overflow:hidden; background: #fff;display: flex; align-items: center; }
.case-l-thumb img{ width: 95%; height:auto; display: block; margin: auto;-webkit-transition: all 2s;transition: all 2s;}
.inner-substance dl dt:nth-child(3n){ margin-right: 0px;}
.inner-substance dl dt .case-title{ font-size: 0.2rem; font-weight: 500; color: #fff; text-align: center; padding: 0.3rem 0rem; background: #003d2d; }
.inner-substance dl dt .case-title span{ height: 0.35rem; font-size: 0.16rem; line-height: 0.35rem; text-align: center; border-radius: 0.2rem; background: #bfd96e;
    display: block; width: 23%; margin: auto; margin-top: 0.26rem;}
.v9_pages {text-align: center;width: 100%; margin-bottom: 0.6rem;margin-top: 0.4rem;}
.v9_pages a, .v9_pages span {padding: 0.1rem 0.16rem;border: 1px solid #dfdfdf;font-size: 0.18rem; margin: 0px 0.1rem; border-radius: 0.1rem;}
.v9_pages span { background: #bfd96e; border: 1px solid  #bfd96e;color: #fff;}
.inner-substance dl dt:hover .case-l-thumb img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.inner-substance dl dt:hover{ border-radius: 15px;}
.top-kongs{ width: 100%; height: 1.2rem; display: inline-block;}

/* 案例详情页 */
.show-hidd{ padding-top: 0.54rem; color: #003d2d;}
.show-crumb{ width: 100%; display: inline-block; line-height: 0.22rem; height: 0.22rem; margin-bottom: 0.5rem; color: #003d2d;}
.show-crumb img{ width: 0.22rem; float: left; margin-right: 1%;}
.show-crumb:hover{ color: #003d2d;}
.show-title{ font-size: 0.36rem; font-weight: bold;}
.show-title i{ font-size: 0.2rem; font-weight: 400; margin-left: 1%;}
.show-hot { width: 100%; display: inline-block;}
.show-hot span{ width: 1.76rem; height: 0.46rem; line-height: 0.46rem; text-align: center; background: #003d2d; border-radius: 0.23rem 0.23rem 0.23rem 0;
    color: #bfd96e; font-size: 0.24rem; display: block; margin: 0.48rem 0;}
.show-item,.show-item p,.show-item span{ font-size: 0.18rem; line-height: 0.36rem;}
.show-item img{ max-width: 100%; width: 100%;; height: auto; margin: 0.3rem 0;}
.show-pages{ width: 100%; line-height: 0.66rem; height: 0.66rem; background: #f7f7f7; padding: 0 10px; box-sizing: border-box;}
.show-pages span{ color: #003d2d; width: 50%; display: block; float: left; font-size: 0.18rem;}
.show-pages span a{ color: #003d2d; width: 1000%; display: block; float: left; font-size: 0.18rem;}
.bound-titile { margin: 0.3rem 0rem; width: 100%; display: inline-block;}
.bound-titile .h5{ font-size: 0.3rem; font-weight: bold;}
.bound-titile .h5 i{ font-size: 0.2rem; font-weight: 400;}
.bound-titile span{ width: 1.5rem; height: 0.35rem; line-height: 0.35rem; text-align: center; background: #003d2d; border-radius: 0.2rem; color: #fff;}
.bound-titile span a{ color: #fff; font-size: 0.14rem;}
.bound-titile span i{ font-size: 0.16rem; margin-left: 10%;}
.bound-titile span:hover{ background: #bfd96e;}
.bound-lisst{ width: 100%; display: inline-block; overflow: hidden; margin-bottom: 0.5rem;}
.bound-lisst .bound-slide {flex-shrink: 0; overflow: hidden;}
.bound-lisst .bound-slide .bound-thumb{ border: 1px solid #003d2d; width: 99.8%; height: 3.3rem; overflow: hidden;background-size: 100%;  text-align: center;display: flex; align-items: center;}
.bound-lisst .bound-slide .bound-thumb img{ width: 95%; margin: auto; display: block;-webkit-transition: all 2s;transition: all 2s; }
.bound-lisst .bound-slide .bound-biao{ padding: 0.2rem; box-sizing: border-box; width: 99.9%; border:1px solid #003d2d; border-top: none;}
.bound-lisst .bound-slide .bound-biao p{ font-size: 0.16rem; color: #003d2d;}
.bound-lisst .bound-slide .bound-biao span{ background: #003d2d; color: #fff; width: 1.3rem; height: 0.35rem; line-height: 0.35rem; text-align: center; display: block;
    border-radius: 0.2rem; font-size: 0.12rem; text-transform: uppercase; margin-top: 0.2rem ;}
.bound-lisst .bound-slide .bound-biao span i{ font-size: 0.16rem; margin-left: 10%;}
.bound-lisst .bound-slide:hover .bound-thumb img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.bound-lisst .bound-slide:hover .bound-biao span{ background: #003d2d; color: #bfd96e;}
.bound-lisst .bound-slide .xian-thumb{ background: none}



/* 关于 */
.mianbox-about{ padding-top: 1.2rem; }
.sheen-about{ width: 100%; display: inline-block; background: url(../images/xnbei7.jpg) no-repeat center top; background-size: 105%;  position: relative;padding-bottom: 0.8rem; padding-top: 0.4rem}
.sheen-left{ width: 51%; padding-top: 0.8rem;}
.sheen-left .sheen-title h6{ font-size: 0.36rem; font-weight: bold; text-transform: uppercase; color: #003d2d; margin-bottom: 0.2rem}
.sheen-left .sheen-title h6 i{ font-size: 0.5rem;}
.sheen-left .p{ font-size: 0.24rem; font-weight: bold; line-height: 0.5rem;color: #003d2d; margin-bottom: 0.2rem}
/*.sheen-left .sheen-cont{ padding-bottom: 0.2rem;}*/
.sheen-left .sheen-cont,.sheen-left .sheen-cont span,.sheen-left .sheen-cont p{ font-size: 0.18rem; line-height: 0.45rem; font-weight: 500; color: #003d2d;}
.sheen-left .about-z{font-size: 0.18rem; line-height: 0.45rem; font-weight: 500; color: #003d2d; padding-bottom: 0.6rem}
.sheen-about .sheen-img{ position: absolute; width: 49%; right: 0px; top: 0.6rem;}
.sheen-about .sheen-img img{ width: 100%;}
.culture-box{ width: 100%; display:inline-block; padding-top: 0.66rem; padding-bottom: 0.8rem;}
.culture-box .culture-title{ width: 18.73%; height: 7rem; border-radius: 0.2rem; background: url(../images/xnbei9.jpg) no-repeat; background-size: 110%; overflow: hidden; color: #fff;
    font-weight: bold; display: flex;}
.culture-box .culture-title p{ font-size: 0.48rem; font-weight: 400;text-transform: uppercase; align-items: center;justify-content: center;
    writing-mode: vertical-rl; text-align: center; height: 100%;width: 50%; }
.culture-box .culture-title span{ font-size: 0.48rem;align-items: center;justify-content: center; writing-mode: vertical-rl; text-align: center; height: 100%;
    width: 50%; padding-right: 18%;box-sizing: border-box;letter-spacing:8px}
.culture-cont{ width: 100%; margin-top: 0.4rem}
.culture-cont ul li{ width: 49%; float: left; background:#003d2d; border-radius: 0.2rem; padding: 0.56rem 0.76rem; box-sizing: border-box; height: 3.38rem; color: #003d2d;
    position: relative; overflow: hidden}
.culture-cont ul li img{ position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0px; left: 0px; opacity: 0.4;z-index: -1}
.culture-cont ul li:nth-child(1){ margin-right: 2%;}
.culture-cont ul li:nth-child(3){ width: 100%; margin-top: 2%; background: url(../images/xn18.png) no-repeat left bottom #f7f7f7;}

@font-face {
    font-family: "ali";
    src: url('../fonts/impact.ttf')
}
.culture-cont ul li i{ font-size: 1.15rem; color: rgba(255,255,255,0.2); position: absolute; font-family: "ali"; z-index: 0; top: 0; left: 38px}
.culture-cont ul li h5{ font-weight: 900; font-size: 0.48rem; color: #fff; z-index: 5;text-transform: uppercase; position: relative; }
.culture-cont ul li h6{ font-size: 0.36rem; font-weight: bold; color: #fff; margin: 4% 0;}
.culture-cont ul li .w-p{ margin-top: 8%}
.culture-cont ul li .w-p,.culture-cont ul li .w-p p,.culture-cont ul li .w-p span{ font-size: 0.2rem !important; line-height: 0.4rem; color: #fff;}
.culture-cont ul li:nth-child(3) h6{ margin: 2% 0;}
/*.culture-cont ul li img{ position: absolute; width: 1.6rem; top: 5%; right: 5%;}*/
/*.culture-cont ul li:nth-child(3) img{ right: 3%;}*/
.culture-cont ul li .gl-pr{ margin-top: 8%}
.culture-cont ul li .gl-pr dl{ width: 1.2rem; height: 0.6rem; overflow: hidden; border-radius: 0.1rem; margin-right: 0.1rem}
.culture-cont ul li .gl-pr dl img{ width: 100%; height: 100%; object-fit: cover}
.culture-cont ul li:hover{ background: #e5f0c8;}
.culture-cont ul li:hover img{ display: none}
/*.culture-cont ul li:nth-child(3):hover{ background: url(../images/xn18.png) no-repeat bottom #f7f7f7;}*/
.culture-cont ul li:hover i{ color: #003d2d; opacity: 0.1; transition: 1s all;}
.culture-cont ul li:hover h5{ color: #003d2d;}
.culture-cont ul li:hover .w-p,.culture-cont ul li:hover .w-p p,.culture-cont ul li:hover .w-p span{ color: #003d2d; }


.culture-two{ width: 100%; display: inline-block;}
.culture-two .culture-img{ width: 50%; height: 2.8rem; border-radius: 0rem 2.8rem 0rem 0rem; overflow: hidden; float: left;}
.culture-two .culture-img img{ width: 100%;height: 100%;object-fit: cover}
.culture-two .culture-wa{ width: 50%; height: 2.8rem; float: right; padding-left: 5%;box-sizing: border-box;padding-top: 2%}
.culture-two .culture-wa .culture-num{ font-size: 0.5rem; color: #003d2d;}
.culture-two .culture-wa h5{ font-size: 0.4rem; font-weight: bold; line-height: 0.8rem;}
.culture-two .culture-wa .culture-pcont{ font-size: 0.2rem; line-height: 0.4rem;}
.culture-two:nth-child(2) .culture-img{ float: right;border-radius: 0rem 0rem 0rem 2.8rem; }
.culture-two:nth-child(2) .culture-wa{ float: left;padding-left: 0%;}


.service-box{ width: 100%; display: inline-block;background: url(../images/xnbei8.jpg) no-repeat; padding: 0.6rem 0; background-size: 100%; position: relative}
.service-box .service-left{ width: 33%; font-size: 0.3rem; line-height: 0.52rem; font-weight: bold; color: #003d2d;display: flex;
    align-items: center; justify-content: center; height: 6rem;}
.service-box .service-left img{ width: 100%;animation: rotate 40s linear infinite;}
@keyframes rotate {
    from {
        /* transform: rotate(0deg); */
    }

    to {
        transform: rotate(360deg);
    }
}
.service-box .service-left span{ position: absolute; top: 38%; left:26%}
.service-box .service-r { width: 67%; position: relative; padding-top: 4%; float: right}
.service-box .service-r ul li{ width: 49%; float: left; margin: 0.25rem  0rem;margin-right: 2%; }
.service-box .service-r ul li:nth-child(2n){ margin-right: 0px; padding-left: 5%;width: 47%; float: right;}
.service-box .service-r ul li i{ width: 0.65rem; float: left; margin-top: 2%}
.service-box .service-r ul li i img{ width: 100%;}
.service-box .service-r ul li .service-cont{ float: right; width: 83%; color: #003d2d;}
/*.service-box .service-r ul li:nth-child(1){ position: absolute; top: -16%; left: 36%}*/
/*.service-box .service-r ul li:nth-child(3),.service-box .service-r ul li:nth-child(5),.service-box .service-r ul li:nth-child(7){ float: right; text-align: right}*/
/*.service-box .service-r ul li:nth-child(3) i,.service-box .service-r ul li:nth-child(5) i,.service-box .service-r ul li:nth-child(7) i{ float: right; margin-left: 4%; margin-right: 0px;}*/

.service-cont p{ font-size: 0.22rem; font-weight: bold; line-height: 0.8rem}
.service-cont span{ width: 100%; display: block; font-size: 0.13rem; line-height: 0.24rem; height: 0.3rem; margin: 0.15rem 0;text-transform: uppercase;}
.miantitle-l{ width: 60%;}
.miantitle-l h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.36rem;text-transform: uppercase; color: #003d2d;}
.miantitle-l h3{ font-weight: bold; font-size: 0.36rem; color: #003d2d; text-transform:uppercase;}
.honor-box{ width: 100%; display: inline-block; padding: 0.8rem 0; padding-bottom:0.2rem;}
.honor-swiper{ width: 100%; display: inline-block; position: relative; overflow: hidden; margin-top: 0.45rem;}
.honor-swiper .swiper-wrapper{ width: 100%; display: flex;}
.honor-swiper .honor-slide{ width: 362px; height: 4rem; overflow: hidden; flex-shrink: 0;}
.honor-swiper .honor-slide a{ border: 3px solid #003d2d; width: 100%; height: 100%;  overflow: hidden; display: block;}
.honor-swiper .honor-slide a img{width: 100%; height: 100%; object-fit: cover;}
.button-next4,.button-prev4 { width: 50px; height: 50px; background: #bfd96e; border-radius: 50%; color: #fff; font-size: 40px; opacity: 0;}
.button-next4::after,.button-prev4::after{ font-size: 30px;}
.honor-swiper:hover .button-next4,.honor-swiper:hover .button-prev4 { opacity: 1;}
.mian-biao span{ width: 1.2rem; height: 0.35rem; line-height: 0.35rem; text-align: center; background: #003d2d; border-radius: 0.2rem; color: #fff; margin-top: 3%;}
.mian-biao span a{ color: #fff; font-size: 0.14rem;}
.mian-biao span i{ font-size: 0.16rem; margin-left: 10%;}
.mian-biao span:hover{ background: #bfd96e;}
.coop-bout{ background: url(../images/xnbei11.jpg) no-repeat; padding: 0.6rem 0; padding-top: 0.2rem !important;background-size: 100%;}
.coop-bout .coop-swcont .coop-slide{ border: none;}

.service-box .service-r ul li:nth-child(1) .service-cont p,.service-box .service-r ul li:nth-child(3) .service-cont p{ line-height: 0.4rem}

/* 新闻 */
.mianbox-news{ background: #fff;}
.inside-nav {
    width: 83%;
    border-top: 1px solid rgba(255, 255, 255, .5);
    position: absolute;
    left: 8.5%;
    bottom: 40px;
}
.inside-nav-item {
    height: 90px;
    line-height: 90px;
    border-top: 2px solid transparent;
    flex-grow: 1;
    font-size: 0.22rem;
    color: #fff;
    margin-top: -1px;
    text-align: center;
}
.inside-nav-item.on {
    border-top: 2px solid #fff;
}
.inside-nav-item.on > span {
    position: relative;
    z-index: 3;
}
.inside-nav-item.on> span:before {
    content: "";
    display: block;
    width: 0.42rem;
    height: .2rem;
    background: url('../images/navicon.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -.18rem;
    bottom: 0rem;
    z-index: -1;
}
.swiper-news-swiper{width: 100%; position: relative; overflow: hidden;box-shadow: 0px 10px 10px rgba(0, 0, 0, .1);margin-bottom: 0.3rem;}
.swiper-news-swiper .inside-slide{ flex-shrink: 0;  display: inline-block; width: 100%;}
.swiper-news-swiper .inside-slide .inside-slide-img{ width: 49%; height: 5rem; overflow: hidden;}
.swiper-news-swiper .inside-slide .inside-slide-img img{ width: 100%; height: 100%; object-fit: cover;}
.inside-slide-cont{ width: 50%; padding: 0rem 0.56rem; box-sizing: border-box; padding-top: 0.86rem;}
.inside-slide-cont p{ font-size: 0.3rem; line-height: 0.6rem;}
.inside-slide-cont span{ font-size: 0.18rem; line-height: 0.36rem;   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 这里的3表示最多显示3行 */
    overflow: hidden;
    text-overflow: ellipsis;  margin: 0.1rem 0rem;}
.inside-slide-cont .news-moer{ width: 25%; background: #003d2d; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 0.25rem; margin-top: 0.5rem;}
.inside-slide-cont .news-moer a{color: #fff; font-size: 0.16rem;}
.inside-slide-cont .news-moer i{ margin: 0rem 0.1rem;text-transform:uppercase;}
.inside-slide-cont .news-moer:hover{ background: #003d2d;}
.inside-party .swiper-pagination{ width: 40% !important; left: 36% !important; margin-bottom: 0.4rem;}
.inside-party .swiper-pagination .swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem; margin: 0rem 0.1rem !important; background: #003d2d;}

.inside-party ul{ margin-top: 0.5rem; width: 100%; display: inline-block;}
.inside-party ul li{ width: 32.5%; margin-right: 1.2%; float: left; border: 1px solid #666666; border-radius: 0.2rem; margin-bottom: 0.6rem; color: #003d2d;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); overflow: hidden}
.inside-party ul li .inside-img-party{ width: 100%; height: 3rem !important; overflow: hidden;}
.inside-party ul li .inside-img-party img{ width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
.inside-party ul li:nth-child(3n){ margin-right: 0px;}
.inside-party-title{ width: 100%; padding: 0.2rem;}
.inside-party-title p{ font-size: 0.22rem; line-height: 0.36rem; color: #003d2d;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 这里的3表示最多显示3行 */
    overflow: hidden;
    text-overflow: ellipsis;}
.inside-party-title .span{ margin-top: 0.2rem; width: 100%; display: inline-block;}
.inside-party-title .span span:nth-child(1){ font-size: 0.16rem; line-height: 0.3rem;text-transform:uppercase; width: 70%; float: left;}
.inside-party-title .span span:nth-child(2){ width: 30%; text-align: center; float: right; font-size: 0.16rem; color: #999999; text-align: right;}
.inside-party-title .span span:nth-child(1) i{ float: left; margin-right: 4%; -webkit-transition: all 2s;transition: all 2s;}
.inside-party-title .span span:nth-child(1) img{ width: 7%; margin-top: 1%;}
.inside-party ul li:hover{ border-bottom: 1px solid #003d2d; box-shadow: 0px 5px 5px rgba(0, 0, 0, .1);}
.inside-party ul li:hover .inside-img-party img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.inside-party ul li:hover .inside-party-title .span i{ margin-right: 10%;}
.show-time{ font-size: 0.14rem; color: #003d2d; line-height: 0.4rem; border-bottom: 1px solid  #e3e3e3; margin-bottom: 0.6rem;}
.show-news-xiang ul li{ width: 49%; margin-right: 2%; float: left; border-bottom:2px dashed #e6e6e6; color: #003d2d; line-height: 0.6rem;}
.show-news-xiang ul li:nth-child(2n){ margin-right: 0px;}
.show-news-xiang ul li span{ font-size: 0.18rem; width: 80%; overflow: hidden; float: left;height: 0.6rem}
.show-news-xiang ul li i{ font-size: 0.18rem; float: right; width: 15%; text-align: right;}
.show-news-xiang { margin-bottom: 0.6rem; width: 100%; display: inline-block;}
.show-news-xiang ul li a{color: #003d2d;}
.show-news-xiang ul li:hover a{ color: #bfd96e;}
.show-news-xiang ul li:hover{ border-bottom:2px dashed #bfd96e ;}
.inside-hr {
    background: url('../images/hr-bg-map1.png') no-repeat center top;
    background-size: 100% auto;
    padding-top: 0.45rem;
}
.hr-head-text {
    font-size: 28px;
    color: #000;
    margin-bottom: .8rem;
}
.hr-list-wrap {
    margin-bottom: 0.5rem;
}
.hr-list-item {
    width: 100%;
    padding: 0 .3rem;
    border-radius: .4rem;
    margin-bottom: .28rem;
    box-shadow: 0px .03rem .14rem 0px rgba(79, 79, 79, .18);
    background-color: #fff;
    height: .8rem;
    overflow: hidden;
}
.hr-item-head {
    height: .8rem;
    border-bottom: 1px solid #ddd;
    padding: 0 .5rem;
    position: relative;
    cursor: pointer;
    box-sizing: content-box;
}
.hr-list-item.down {
    height: auto;
}
.hr-item-head .btn {
    width: .32rem;
    height: .32rem;
    background: url('../images/hr-arr-1.png') no-repeat;
    background-size: 100%;
    position: absolute;
    right: .04rem;
    top: .25rem;
}
.down .hr-item-head .btn {
    background: url('../images/hr-arr-2.png') no-repeat;
    background-size: 100%;
}
.hr-item-head .hr-text {
    width: 33%;
    padding-right: 0.2rem;
    font-size: .2rem;
    color: #2d2d2d;
    line-height: 1.25;
}
.hr-item-head .hr-text:first-child {
    font-weight: bold;
    width: 30%;
}
.hr-item-head .hr-text:nth-child(2){ width: 46%;}
.hr-item-head .hr-text:last-child{ width: 20%;}
.hr-item-con {
    width: 100%;
    padding: .35rem 5% 1rem;
    position: relative;
}
.hr-item-con .btn {
    width: 1.26rem;
    height: .42rem;
    line-height: .42rem;
    color: #fff;
    font-size: .18rem;
    text-align: center;
    background-color: #003d2d;
    border-radius: .06rem;
    position: absolute;
    left: 50%;
    margin-left: -.63rem;
    bottom: .5rem;
}
.hr-item-con .con-item {
    width: 50%;
}
.hr-item-con .con-item:nth-child(1) {
    padding-right: 5%;
}
.hr-item-con .con-item:nth-child(2) {
    padding-left: 5%;
}
.hr-item-con .con-item .tit {
    font-size: .21rem;
    color: #333;
    margin-bottom: .14rem;
}
.hr-item-con .con-item:first-child {
    border-right: 1px solid #ddd;
}
.hr-item-con .con-item .con {
    font-size: .175rem;
    line-height: .35rem;
    color: #2d2d2d;
}
.hr-item-con .con-item .con,.hr-item-con .con-item .con p,.hr-item-con .con-item .con p span,.hr-item-con .con-item .con>div{ font-size: 0.16rem !important; line-height: 0.55rem;}
.
.hr-contact-wrap {
    margin-bottom: .35rem;
    padding-top: 0.5rem;
}
.hr-contact-item {
    width: 30.5%;
    height: 1.75rem;
    border: 1px solid #d7d7d7;
    border-radius: .08rem;
    padding-left: 2%;
}
.hr-contact-item .icon {
    width: .69rem;
    margin-right: .18rem;
}
.hr-contact-tye{ margin-bottom: 0.4rem}
.hr-contact-item .con {
    flex-shrink: 1;
    padding-right: 0.1rem;
}
.hr-contact-item .tit {
    font-size: .18rem;
    color: #2d2d2d;
    margin-bottom: .08rem;
}
.hr-contact-item .text {
    font-size: .16rem;
    color: #003d2d;
    font-weight: bold;
}
.hr-contact-item:nth-child(2) .text {
    color: #2d2d2d;
}
.hr-contact-item:nth-child(3) .text {
    font-size: .24rem;
}
.contact-midd{ width: 100%; display: inline-block;}
.contact-left{ padding-top: 5%; width: 40%;}
.contact-left .left-p{ font-size: 0.24rem; line-height: 0.4rem; font-weight: bold;text-transform:uppercase;}
.contact-left span{ font-size: 0.28rem; line-height: 0.6rem;font-weight: bold; border-bottom: 2px solid #c8c8c8; padding-bottom: 0.2rem; display: block;}
.contact-left .contact-m{ font-size: 0.2rem; line-height: 0.4rem; padding-right: 6%; box-sizing: border-box; margin-top: 5%;margin-bottom: 0.2rem;}
.contact-left .contact-m p{font-size: 0.2rem; line-height: 0.4rem; padding-right: 6%; box-sizing: border-box; margin-top: 4%;}
.contact-left ul li img { width: 0.38rem; height: 0.38rem; margin-right: 2%; float:left;}
.contact-left ul li{ line-height: 0.4rem; display: block; font-size: 0.24rem; margin-bottom: 0.5rem;}
.contact-left ul li i{ font-weight: bold; font-size: 0.38rem; color: #003d2d;}
.message-right{ width: 47.8%; float: right; padding-top: 5%; margin-right: 2%}
.message-right .input-item{ width: 100%; line-height: 0.6rem; height: 0.6rem; border: 1px solid #cfcfcf; padding: 0 0.3rem; border-radius: 0.2rem;
    margin-bottom: 0.2rem;}
.message-right input,.message-right textarea{ width: 100%; display: block;font-size: 0.18rem;}
.message-right textarea{border: 1px solid #cfcfcf; padding: 0.3rem;border-radius: 0.2rem; height: 1.2rem; font-size: 0.18rem;margin-bottom: 0.4rem;}
.message-right .submit{ width: 100%; line-height: 0.68rem; height: 0.68rem; background: #003d2d; padding: 0 0.34rem; border-radius: 0.2rem; color: #fff; }
.message-right .submit:hover{ background: #bfd96e;}

.message-right dl{ width: 100%; float: right; border: 1px solid #e4e4e4; border-radius: 0.1rem; padding: 0.2rem; box-sizing: border-box;
    display: inline-block; margin-top: 16%}
.message-right dl h6{ font-size: 0.22rem; font-weight: bold; text-align: left;line-height: 0.6rem}
.message-right dl h6 i{ font-size: 0.18rem; font-style:initial;}
.message-right dl img{ width: 23%;}
.message-right dl p{ font-size: 0.18rem; line-height: 0.4rem; margin-top: 5%;}
.sales{ width: 100%; display: inline-block; margin-bottom: 4%}
.sales h4{ font-size: 0.38rem; text-align: center; width: 100%; font-weight: bold;}
.sales h6{ font-size: 0.24rem; text-align: center; width: 100%; line-height: 0.6rem;}
.sales ul li{ width: 48%; margin-right: 2%;  border: 1px solid #e4e4e4; border-radius: 0.1rem; padding: 0.2rem; box-sizing: border-box; display: inline-block;
    margin-top: 0.25rem;}
.sales  ul li>div{ width: 72%;}
.sales  ul li h6{ font-size: 0.22rem; font-weight: bold; text-align: left}
.sales  ul li h6 i{ font-size: 0.18rem; font-style:initial;}
.sales  ul li img{ width: 23%;}
.sales  ul li p{ font-size: 0.18rem; line-height: 0.4rem; margin-top: 5%;}
.sales  ul li:nth-child(2n){ margin-right: 0px;}
.sales  ul li:nth-child(1),.sales  ul li:nth-child(2){ background: #f4fbff;}
/* 产品详情y */
.show-pic{ width: 100%; position: relative; display:inline-block; height: 7rem;}
.show-pic img{ width: auto; height: 93%; display:block; margin: auto;}
.show-pic-crumb{ margin-bottom: 10px;}
.zhengxian{height: 6.8rem}
.zhengxian img{ width: auto; height: 95%;}
.pic-title{  top: 1%; left: 0px;  font-size: 0.34rem; font-weight: bold; line-height:0.6rem ; color: #003d2d;}
.pic-title i{ font-weight: 500; font-size: 0.16rem;text-transform:uppercase; line-height: 0.5rem;}
.pic-model{ position: absolute; right: 5%; bottom: 30%; font-family: "ali"; color: #c1d96b; font-size: 0.6rem;text-transform:uppercase;}
.show-greens{ width: 100%; display: inline-block; text-align: right; height: 80px;  }
.show-greens img{ width: 4%;}
.show-quality{ width: 100%; display: inline-block;}
.quality-tit{ width: 100%; display:inline-block; margin-bottom: 0.2rem;}
.quality-tit span{ float: left;}
.quality-tit span:first-child{ width: 28%; height:0.6rem; line-height: 0.6rem; text-align: center; background: #183442; border-radius:0.4rem 0 0 ;
    display: block; color: #fff; font-size: 0.24rem;}
.quality-tit span:first-child i{ font-weight: bold;}
.quality-tit span:nth-child(2){ border: 1px solid #183442;height:0.6rem; line-height: 0.6rem; text-align: center; display: block; font-size: 0.2rem;
    color: #183442; padding: 0px 16px; text-transform:uppercase;}
.quality-tit p{ display: none}
.show-quality ul li{ width: 48%; float: left; margin-right: 4%; border-bottom:1px solid #efefef; padding-bottom: 0.25rem; margin-top: 0.25rem;}
.show-quality ul li:nth-child(2n){ margin-right: 0px;}
.show-quality ul li .quality-thumb{ border: 2px solid #b0aeae; width:42%; float: left; height: 1.85rem; overflow: hidden;}
.show-quality ul li .quality-thumb img{ height: 100%;width: auto;  margin: auto}
.show-quality ul li .quality-cont{ width: 55%; float:right;}
.show-quality ul li .quality-cont span{ line-height: 0.36rem; font-size: 0.24rem; font-weight: bold; color: #183442; margin: 1% 0; display: block;}
.show-quality ul li .quality-cont p{ line-height: 0.3rem; font-size: 0.16rem; color: #183442;}
.parameter{ width: 100%; display: inline-block; margin-top: 0.4rem; margin-bottom: 0.3rem;}
.parameter-l{ width: 100%; padding-right: 2%; box-sizing: border-box;}
.zheng-l{ width: 100%}
.parameter-cont{ font-size: 0.2rem; line-height: 0.4rem; margin-top: 0.2rem;}
.parameter-r{ width: 100%; margin-top: 0.3rem }


.parameter-r dl{ width: 100%; display: inline-block; margin-top: 0.2rem}
.parameter-r dl dt{ width: 12.5%; float: left}
.parameter-r dl dt span{ text-align: center; line-height: 0.67rem; height: 0.67rem;display: block; width: 100%;position: relative;}
.parameter-r dl dt .x{ background: #183442; color: #fff; font-weight: bold; font-size: 0.2rem;border-right: 2px solid #fff;}
.parameter-r dl dt .q{ border-bottom: 2px solid #183442;color: #183442; font-size: 0.18rem; border-right: 2px solid  #183442}
.parameter-r dl dt:last-child .x{ border-right: none}
.parameter-r dl dt:first-child .q:after{ content: ''; position: absolute; width: 2px; height: 0.67rem; display: block;background: #183442; left: 0px; top: 0px; }
/* 净菜 */

.veggie-box{ width: 100%; display: inline-block; padding-top: 1.1rem; background: #fff;}
.veggie{ width: 28%;}
/*.veggie.inner{ position: fixed; top: 2.8%; left: 1.5rem; width: 22%}*/
.product-title{ width: 100%; display: inline-block;}
.product-title h5{ font-size: 0.76rem; color: #003d2d; float: left; margin-right: 5px;  font-family: "zimu";}
.product-title span{ font-size:0.3rem; margin-top: 7%; display: block; float: left; color: #003d2d;}
.product-title span i{ font-size: 0.15rem; line-height: 0.3rem; text-transform:uppercase; font-style: initial;}
.product-title span b{ color: #003d2d; font-size: 0.3rem;}
/*@font-face {*/
/*    font-family: "zimu";*/
/*    src: url('../fonts/思源宋体SourceHanSerifCN-Heavy.otf')*/
/*}*/
.veggie-thumb{ width: 95%; height: auto; border-radius: 0.3rem; box-shadow: 0px .03rem .14rem 0px rgba(0, 0, 0, .18); margin-top: 4%; padding-bottom: 0.2rem; background: #fff;}
.veggie-thumb span{ width: 70%; display: block; margin: auto; height: 2rem; overflow: hidden;}
.veggie-thumb span img{ width: 90%; height: auto; margin-top:4%; }

.rou-veggie-thumb span{ width: 80%; display: block; margin: auto; height: 2rem; overflow: hidden;}
.rou-veggie-thumb span img{ width: 90%; height: auto; margin-top:4%; }
.veggie-thumb ul li{ height: 0.5rem; line-height: 0.5rem; width: 95%;-webkit-transition: all 1s;transition: all 1s; margin: 0.08rem 0rem}
.veggie-thumb ul li a{ font-size: 0.22rem; font-weight:bold}
.veggie-thumb ul li i{ width: 0.35rem; height: 0.35rem; display: block; border: 1px solid #003d2d; margin-left: 5%; margin-right: 5%;  float: left;
    margin-top: 2%; border-radius: 50%; padding: 1.5%; box-sizing: border-box}
.veggie-thumb ul li i img{ width: 100%; filter: grayscale(100%);}
.veggie-thumb ul .meat{width: 95%; height: 0.65rem; line-height: 0.65rem; z-index: 5;}
.veggie-thumb ul .meat i{margin-left: 7%; margin-right: 3%;width: 0.4rem; height: 0.4rem; text-align: center;  border: 1px solid #003d2d;   margin-top: 3%; padding: 0px;}
.veggie-thumb ul .meat a{ font-size: 0.22rem; font-weight: bold;}
.veggie-thumb ul .meat i img{ width: 95%;}
.veggie-thumb ul li.on{ background: #003d2d; border-radius: 0rem 0.35rem 0.35rem 0rem;}
.veggie-thumb ul li.on a{  color: #bfd96e;}
.veggie-thumb ul li.on i{ background:#bfd96e;  border-radius: 50%}
.veggie-thumb ul li.on i img{ opacity:1}
.veggie-thumb ul li:hover{  background: #003d2d; border-radius: 0rem 0.35rem 0.35rem 0rem; padding-left: 5%;box-sizing: border-box}
.veggie-thumb ul li:hover a{color: #fff;}
.veggie-thumb ul li:hover i{ background:#bfd96e; border-radius: 50%; width: 0.35rem; height: 0.35rem; margin-top: 3%}
.veggie-thumb ul li:hover i img{ opacity:1}
.veggie-thumb ul .meat.on i{ background:#bfd96e;  border-radius: 50%}
.veggie-thumb ul .meat:hover i{ background:#bfd96e; border-radius: 50%; width: 0.4rem; height: 0.4rem; margin-top: 4%}



.veggie-equipment{ width: 68.75%; padding-top: 3%;}
.veggie-list{ width: 100%; display:inline-block;  border-bottom: 2px solid #f0f0f0; padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
.veggie-list .veggie-img{ width: 41.5%; float: left; height:2.2rem; border-radius: 0.2rem;box-shadow: 0px .03rem .14rem 0px rgba(0, 0, 0, .18);
    display: flex; align-items: center; background: url(../images/xnbei12.jpg) no-repeat left bottom; background-size: 74%; overflow: hidden; position: revert}
.veggie-list .veggie-img img{ width: 80%;-webkit-transition: all 2s;transition: all 2s; margin: auto}
.veggie-list .veggie-img .logo-biao{ position: absolute; width: 8%; top: 5%; left: 2%;}
.veggie-list .rou-ing img{ width: 80%; display: block; margin: auto }
.veggie-list .rou-ing .logo-biao{ margin-left: 0px}
.veggie-cont{ padding-left:3%; box-sizing: border-box; width: 58%; float: right; color: #003d2d;}
.veggie-cont p{ font-size:0.23rem; font-weight: bold; line-height: 0.6rem;}
.veggie-cont span{ font-size: 0.18rem; line-height: 0.4rem; height: 0.4rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; /* 这里的3表示最多显示3行 */overflow: hidden;text-overflow: ellipsis;}
/*.veggie-cont .canshu{ width: 100%; display: inline-block; height: 0.8rem; overflow: hidden}*/
/*.veggie-cont .canshu i{ width: 50%; float: left; line-height: 0.4rem;text-align: left; font-size: 0.18rem;}*/
.veggie-m{ width: 1.4rem;  height: 0.3rem; font-size: 0.12rem;text-transform:uppercase; display: block; background: #003d2d; border-radius: 0.15rem; color: #fff;
    line-height: 0.3rem; text-align: center; margin-top: 2%;}
.veggie-m i{ font-size: 0.16rem; margin-left: 5%; font-weight: 200;}
.veggie-show{ width: 100%; margin-top: 3%; background: #fff; overflow: hidden; height:0.4rem}
.veggie-show img{ width: 8%; float: left; max-height: 0.4rem; height: 0.4rem}
.rou-veggie-show img{ margin-right: 5px;}
.veggie-list:hover .veggie-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);  }
.veggie-list:hover .veggie-m{ background: #bfd96e;}
.veggie-list:hover .veggie-cont{ color:#003d2d ;}
.veggie dl dt{ width: 100%; display: inline-block; color: #003d2d; border-bottom: 3px solid #003d2d; margin-top: 0.3rem;}
.veggie dl dt:first-child{ margin-top: 0.2rem;}
.veggie dl dt h4{ font-size: 0.26rem; height: 0.5rem;color: #003d2d; line-height: 0.5rem; font-weight: bold; margin-bottom: 0.3rem}
.veggie dl dt{color: #003d2d;}
.veggie dl dt p{ font-size: 0.14rem; line-height: 0.5rem;text-transform:uppercase;  }
.veggie dl dt h4 i{ width: 0.48rem; height: 0.48rem; float: right; background: url(../images/xn21.png) no-repeat; background-size: 100%;}
.veggie dl dt:hover a,.veggie dl dt:hover h4{ color:#003d2d;}
.veggie dl dt:hover h4 i{background: url(../images/xn22.png) no-repeat; background-size: 100%;}
.veggie dl dt:hover{ color:#003d2d; border-bottom: 3px solid #003d2d;}
.veggie dl dt.on{color:#003d2d;border-bottom: 3px solid #003d2d;}
.veggie dl dt.on h4 i{background: url(../images/xn22.png) no-repeat; background-size: 100%;}
.veggie dl dt.on h4{color:#003d2d;}
.veggie dl dt.on a{ color:#003d2d;}
.midx-box{ padding-top: 1.4rem}

.index-group-wrap{ position: absolute; bottom: 5%; left: 0px; width: 4.2rem; height: 2.7rem}
.index-group-wrap.on { width: 100%; height: 100%; transition: all .3s; }
.index-group-wrap .video-wrp {
    width: 100%;
    height: 100%;
}
.index-group-wrap .video-wrp .img,
.index-group-wrap .video-wrp video {
    width: 100%;
    height: 100%;
}
.index-group-wrap.on .video-wrp{
    width: 70%;
    margin: auto;
    height: 100%;
}
.index-group-wrap .video-wrp video { background:#000}
.index-group-wrap .video-wrp .icon {
    width: 0.65rem;
    height: 0.65rem;
    position: absolute;
    left: 50%;
    margin-left: -0.51rem;
    top:40%;
    z-index: 5;
    cursor: pointer;
}
.cis1-r .video-wrp{ width: 100%;}


.index-group-wrap .video-wrp .icon  img{ width: 100%;}
.index-group-wrap .video-wrp .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}
.index-group-wrap .video-wrp .close{ position:absolute; width: 0.5rem;height: 0.5rem; text-align: center;line-height: 0.5rem; background: #fff; border-radius: 50%; color: #003d2d;
    right:4%; top:4%;font-size:0.3rem;opacity: 0;}
.index-group-wrap.on .video-wrp .close{ opacity: 1}
.index-group-wrap .con-wrp {
    padding-top: .19rem;
}
.index-group-wrap .con-wrp .desc {
    font-size: .2rem;
    line-height: .45rem;
    height: 3.5rem;
    overflow: hidden;
    margin-bottom: .25rem;
    text-indent:2em;
}
.showpic-model{ bottom: 70%;}


@media screen and (max-width:1840px) {
    .about-zhna{ top: 75%}
    .about-content .about-r h4{ font-size: 0.42rem}
    .product-title h5{ font-size: 0.65rem}
    .product-title span{ margin-top: 5%}
    .sheen-left{ padding-top: 0.6rem}
    .contact-left span{ font-size: 0.24rem}
    .contact-left .contact-m{ font-size: 0.18rem}
    .service-box{ background-size: 120%;}

    .product-fen ul li p{ font-size: 0.18rem;}
    .stan-list .stan-j{ font-size: 0.2rem;}
    .service-box .service-r ul li:nth-child(2n){ padding-left: 4%;}
    .service-box .service-r ul li i{ width: 0.6rem;}
    .service-box .service-left span{ left: 24%;}
    .sheen-about{ padding-bottom: 0.5rem}
    .product-fen ul li p{ line-height: 0.35rem}
    .header .nav_bg ul li{ margin: 0px 2%;}

}
@media screen and (max-width:1750px){
    .about-zhna{ top: 77%}
    .product-title h5{ margin-right: 2%}
    .veggie-cont span,.veggie-cont .canshu i{ font-size: 0.16rem;line-height: 0.36rem}
    .inner-substance dl dt .case-l-thumb{ height: 3.3rem}
    .service-cont span{ font-size: 0.12rem}
    .hr-item-con .con-item .con, .hr-item-con .con-item .con p, .hr-item-con .con-item .con p span, .hr-item-con .con-item .con>div{ line-height: 0.4rem}

    .hr-contact-item{ height: 1.65rem}
    .right-qie .qie-fl ul{ width: 0.9rem}
    .product-fen ul li{ width: 31%; margin-right: 3%;}
    .zhengxian,.show-pic{ height: 6.4rem}
    .index-group-wrap.on .video-wrp{ width: 68%}
}
@media screen and (max-width:1680px){
    .box5-coop .coop-swcont .coop-slide{ height: 156px;}
    .box5-coop .coop-swcont{ height: 325px}
    .about-content .about-r .about-z{ font-size: 0.18rem; line-height: 0.5rem}
    .veggie-thumb ul li a{ font-size: 0.2rem}
    .veggie-thumb ul li{ margin: 0.1rem 0}
    .header .search .searchIco .searchShow{ background-size: 100%}
    .header .search .searchIco{ width: 35px;height: 35px}
    .veggie dl dt p{ font-size: 0.12rem}
    .veggie dl dt h4{ font-size: 0.24rem}
    .service-box .service-r ul li i{ width: 0.7rem}
    .service-cont span{ font-size: 0.12rem}
    .sales ul li p{ font-size: 0.16rem}
    .header .search .searchIco .searchHide{ background-size: 100%}
    .let-about h3, let-about h3 p{ font-size: 0.3rem}
    .news-p{ padding: 0.2rem 0.3rem}
}
@media screen and (max-width:1600px){
    .box5-coop .coop-swcont .coop-slide{ height: 146px;}
    .box5-coop .coop-swcont{ height: 305px}
    .box1-product .product-fen ul li .pro-thumb{ height: 90px;}
    .let-about h4, let-about h4 p{ font-size: 0.5rem}
    .box1-product .product-fen ul li span{ width: 0.38rem; height: 0.38rem}
    .about-content .about-r .p{ font-size: 0.14rem}
    .foot-nva .foot-l p{ font-size: 0.22rem}
    .about-content .about-r h4{ font-size: 0.4rem}
    .box-titel .title-r ul li a{ font-size: 0.2rem}
    .news-index .news-slide .li p{ font-size: 0.22rem}
    .news-index .news-slide .li .left-m{ font-size: 0.12rem}
    .hd-nva ul li.nva-btn a{ font-size: 0.16rem}
    .hd-nva .nva-index .nva-mena{ width: 30px; height: 30px;}
    .hd-nva .nva-index .nva-mena .nvaShow,.hd-nva .nva-index .nva-mena .nvaHide{ background-size: 80%}
    .hd-nva ul li.nva-btn:nth-child(2) .ico,.hd-nva ul li.nva-btn:nth-child(4) .ico{ background-size: 80%}
    .hd-nva ul li.nva-btn:nth-child(3) .ico{ background-size: 60%}
    .hd-logo img{ width: 40%}
    .bound-lisst .bound-slide .bound-biao p{ font-size: 0.16rem}
    .quality-tit span:first-child{ font-size: 0.22rem}
    .quality-tit span:nth-child(2){ font-size: 0.16rem}
    .show-quality ul li .quality-thumb{ height: 1.75rem}
    .show-quality ul li .quality-cont p{ font-size: 0.16rem}
    .show-quality ul li .quality-cont span{ font-size: 0.22rem}
    .parameter-r ul li .q{ font-size: 0.18rem}
    .parameter-cont,.parameter-cont p{ font-size: 0.18rem; line-height: 0.36rem}
    .bound-lisst .bound-slide .bound-thumb{ height: 3rem}
    .veggie-list .rou-ing img{ width: 105%}
    .sheen-left .sheen-title h6 i{ font-size: 0.5rem}
    .sheen-left .sheen-title h6{ font-size: 0.35rem}
    .culture-cont ul li .w-p, .culture-cont ul li .w-p p, .culture-cont ul li .w-p span{ font-size: 0.2rem !important;}
    .header .search .searchBox{ width: 2.5rem}
    .veggie-list .rou-ing img{ width: 90%}
    .veggie-thumb ul .meat a{ font-size: 0.22rem}
    .show-pic{ height: 6rem}
    .hr-item-head .btn{ width: 0.3rem;height: 0.3rem}
    .hr-item-con{ padding: 0.35rem 5% 1.2rem;}
    .hr-contact-item {height: 1.45rem;}
    .header h1 img{ margin-top: 7%}
    .veggie-thumb ul li{ margin-bottom:0px; margin-top:0.05rem}
    .employ-list ul li{ line-height: 0.65rem;height: 0.65rem}
    .index-group-wrap.on .video-wrp{width: 64%;}
}
@media screen and (max-width:1480px){
    .box5-coop .coop-swcont .coop-slide{ height: 136px;}
    .box5-coop .coop-swcont{ height: 285px}
    .foot-bott a{ font-size: 0.14rem}
    .foot-nva .foot-l dl dt img{ width: 100%}
    .foot-nva .foot-l dl dt span{ font-size: 0.14rem}
    .hd-new ul li a{ font-size: 0.2rem}
    .veggie-cont span, .veggie-cont .canshu i{ line-height: 0.35rem;}
    .veggie-cont .canshu{ height: 0.7rem}
    .veggie-cont p{ font-size: 0.24rem; line-height: 0.5rem}
    .index-group-wrap.on .video-wrp{width: 58%;}

}
@media screen and (max-width:1380px){

    .box5-coop .coop-swcont .coop-slide{ height: 116px;}
    .box5-coop .coop-swcont{ height: 245px}
    .veggie-list .veggie-img{ height: 2rem}
    .veggie-list .veggie-img img{ width: 75%}
    .show-pic{ height: 5.5rem}
}