/* 头部开始 */
.container {
    width: 94%;
    height: 100%;
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
.containertwo{
    width: 94%;
    height: 100%;
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
.footer_float {
    display: block;
}

.box1 .middle,
.middle {
    width: 94%;
    margin: auto;
}

.waphear {
    display: block;
    width: 100%;
    height: 75px;
    z-index: 12;
    position: fixed;
    top: 0;
    left: 0;
}

.inner {
    background: #003d2d;
    box-shadow: 1px 3px 6px #cacaca;
    position: fixed;
}


.menu ul li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.menu ul li .ico {
    position: absolute;
    right: 15px;
    width: 15px;
    height: 15px;
    top: 10px;
    z-index: 1;
    background: url(../images/plus.png) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    filter: grayscale(100%);
}

.menu ul li a {
    height: 45px;
    color: #fff;
    line-height: 45px;
    padding-left: 5%;
    font-size: 16px
}

.menu ul li .a_js2 {}

.menu ul li .a_fmj_on {
    background: url(../images/reduce.jpg) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    filter: grayscale(100%);
}

.menu ul li .a_bf {
    display: none
}

.menu ul li .a_bf a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    display: block;
}


.menu {
    display: none;
}

.menu {
    width: 100%;
    position: fixed;
    height: 100%;
    background: rgba(191,217,110,0.8);
    left: 0;
    top: 0;
    display: none;
    z-index: 99999;
}

.menu .show-menu img {
    width: auto;
    max-width: 100%;
}

.menu .closed {
    width: 30px;
    height: 25px;
    border-radius: 50%;
    padding-top: 5px;
    position: absolute;
    right: 0.1rem;
    top: 5px;
    z-index: 11;
    color: #E1E1E1
}

.menu .show-menu {
    width: 60%;
    height: 100%;
    position: fixed;
    z-index: 9;
    background: #003d2d;
    left: 0;
    top: 0;
    padding-top: 5%;
    text-align: center
}

.menu .show-menu h1 {
    line-height: 1.25rem;
    text-align: center;
    color: #000;
    font-weight: normal
}

.menu .show-menu a {
    color: #fff
}

.menu .show-menu li {
    line-height: 1.4rem;
    font-size: 100%;
    letter-spacing: 1px;
    text-align: left;
    margin-left: 20px;
}

.show-erweima {
    width: 66%;
    background: rgba(255, 255, 255, 0.9);
    margin: auto;
    padding: 0.64rem;
    text-align: center;
    border-radius: 0.2rem;
    padding-bottom: 0.3rem;
    position: fixed;
    bottom: 20%;
    display: none;
    left: 10%;
    z-index: 9
}

.show-erweima img.ewm {
    width: auto;
    max-width: 100%;
    height: auto
}

.show-erweima .txt {
    line-height: 2rem;
    color: #0D0D0D;
    font-size: 100%
}

.show-erweima .txt span {
    padding: 5px 10px;
    background: #003d2d;
    color: #fff
}

.show-erweima .txt span a {
    color: #fff
}

.show-erweima .txt .wx {
    width: 8%;
    margin-right: 5px;
    display: inline-block
}

.show-erweima .closed {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
    width: 25px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #373737;
}

.footer_float {
    /* height: auto; */
    height: 1.08rem;
    overflow: hidden;
    background: #9F0710;
    color: #fff;
    width: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0;
}

.footer_float a {
    color: #fff;
}

.footer_float ul li {
    float: left;
    padding: 0.2rem 0;
    width: 24%;
    line-height: 0.64rem;
    text-align: center;
    font-size: 100%;
    background: url(../images/nav_line.jpg) right repeat-y;
}

.footer_float ul li:last-child {
    background: none;
    border-right: none;
}

.footer_float ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.4)
}
.box11-product { width: 100%; display: inline-block; background: url(../images/xnbei.jpg) no-repeat top; background-size: 100%; padding-top: 0.4rem;
    padding-bottom: 0.2rem; position: relative; }
.box11-product .about-title{ width: 100%; text-align: center}
.box11-product .about-title h5{ font-size: 0.45rem; color: #183543; font-weight: bold;}
.box11-product .about-title p{ font-size: 0.32rem; font-weight: 300; line-height: 0.5rem;}
.box11-product .about-title p span{ font-weight: bold;}
.box11-product .product-fen ul{ width: 100%; display: inline-block; margin-top: 0.4rem}
.box11-product .product-fen ul li{ width: 100%; display: inline-block; margin-bottom: 0.4rem; padding:0.6rem 0.2rem; box-sizing: border-box;}
.box11-product .product-fen ul li{  background: #f7f9fc; border-radius: 0.2rem; text-align: center}

/*.product-fen ul li img{ height:50px; margin-bottom: 0.2rem}*/
.box11-product .product-fen ul li h6{ font-size: 0.4rem; font-weight:bold; line-height: 0.8rem; text-align: left; margin-bottom: 0.4rem}
.box11-product .product-fen ul li h6 img{ height: 40px; float: left; margin-right: 3%; margin-left: 17%; }
.box11-product .product-fen ul li:nth-child(1) h6 img{ margin-left: 26%}
.box11-product .product-fen ul li:nth-child(2) h6 img{ margin-left: 23%}
.box11-product .product-fen ul li b{ width: 1rem; height: 2px; display: block; margin:0.2rem auto; background:#183543; }
.box11-product .product-fen ul li p{ font-size: 0.3rem; line-height: 0.5rem}
.box11-product .product-fen ul li .left-m{ width: 30%; background: #003d2d; height: 0.5rem; line-height: 0.5rem; border-radius: 0.2rem; color: #fff; text-align: center;
    font-size: 0.14rem; display: block; margin: auto; text-transform: uppercase; margin-top: 0.4rem; }
.box11-product .product-fen ul li .left-m a{ color: #bfd96e}
.box11-product .product-fen ul li .left-m i{ font-size: 0.18rem; margin-left: 5%; color: #bfd96e}

/*.product-fen ul li:nth-child(1),.product-fen ul li:nth-child(2){ width: 49%; margin-right: 2%; float: left}*/
/*.product-fen ul li:nth-child(2){ margin-right: 0px;}*/
/*.product-fen ul li:nth-child(1) p,.product-fen ul li:nth-child(2) p{ height: 130px;}*/
/*.product-fen ul li:nth-child(1) .left-m,.product-fen ul li:nth-child(2) .left-m{ width: 80%}*/
.box11-product .product-fen dl{ margin-top: 0.3rem}
.box11-product .product-fen dl dt{ width: 100%; margin-bottom: 0.4rem}
.box11-product .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}
.box11-product .product-fen dl dt .conde-imng span{ float: left; font-size: 0.4rem}
.box11-product .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: #183543; display: block; margin-top: 1%;text-transform:uppercase;}
.box11-product .product-fen dl dt .conde-imng .gd i{ font-size: 0.18rem; margin-left: 3%;}
.box11-product .product-fen dl dt .conde-imng i:hover{ background: #bfd96e;}
.box11-product .product-fen dl dt .conde-imng .com-b{ width: 0.8rem; height: 0.4rem; float: left; margin-right: 0.1rem}
.box11-product .product-fen dl dt .conde-imng .com-b img{ width: 100%}
.box11-product .product-fen dl dt .conde-imng .gd:hover{ background: #bfd96e}
.box11-product .product-fen dl dt img{ width: 100%;}
.box11-product .product-fen dl dt:last-child{ margin-bottom: 0px;}
.box11-product .box1-product .pro-img{ width: 48%; display: block; position: absolute; right: 0px; top: 25%;}
.box11-product .box1-product .pro-img img{ width: 100%;}
.box11-product .about-title span{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.4rem;text-transform: uppercase; color: #183543;}

/* 头部结束 */

.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; padding-bottom: 0.6rem; position: relative}
.fuwu-index{width: 45%; float: left; color: #003d2d; margin-top: 4%;}
.fuwu-index h3{ font-size: 0.9rem; line-height: 1.2rem; margin-bottom: 0.3rem; color: #fff; font-weight: bold}
.sheen-fuwu-index-in{ 100%; padding-right: 5%; box-sizing: border-box; margin-top: 32%}
.sheen-fuwu-index-in,.sheen-fuwu-index-inp{ font-size: 0.36rem; line-height:0.8rem;}

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

.box-index-adv{ display: none}
.wap-index-adv{ width: 100%; display: inline-block;  background: url(../images/xnbei212.jpg) no-repeat top; background-size: 150% 100%;padding-top: 0.5rem; padding-bottom: 0.3rem;}
.adv-right{ width: 100%; display: inline-block; margin: 0.3rem 0rem;}
.adv-right ul li{ width: 49%; margin-right: 2%; float: left; height: 0.8rem; line-height: 0.8rem; background: #fff; border-radius: 0.4rem; margin-bottom: 0.3rem; text-align: center;
font-size: 0.3rem; font-weight: bold}
.adv-right ul li:nth-child(2n){ margin-right: 0px}
.adv-right ul li span{ width: 15%; float: left; margin-right: 2%}
.adv-right ul li span img{ width: 100%; margin-left: 76%; margin-top: 29%}
.adv-right ul li.on{ background: #bfd96e}
.standard-cont{ height: 5rem;overflow: hidden; position: relative }
.stan-list{ width: 100%; display: inline-block; margin-top: 0.5rem; flex-shrink: 0;}
.stan-list .stan-thumb{ width: 100%; font-size: 0.45rem; font-weight: bold; line-height: 0.8rem;}
.stan-thumb span{width: 0.8rem; height: 0.8rem; background: #fff; border-radius: 50%; text-align: center; float: left; margin-right: 3%;}
.stan-j-des{ font-size: 0.4rem; line-height: 0.6rem; font-weight: bold; color: #fff; margin-top: 0.2rem;}
.stan-thumb  img{width: 80%; margin-top: 10% }
.stan-thumb h4{ font-size: 0.45rem; font-weight: bold; line-height: 0.8rem; color: #fff}
.stan-j{ width: 100%; margin-top: 0.2rem; color: #fff}
.stan-j,.stan-j p{ font-weight: 0.24rem; line-height: 0.65rem; color: #fff}
.swiper-pagination{ bottom: 25px !important; text-align: center; }
.swiper-pagination  span{ background: #bfd96e; margin: 0px 5px; width: 10px; height: 10px;}
    /*产品分类*/
.wap-title h6{ font-size: 0.45rem; text-align: center; font-weight: bold; line-height: 0.85rem; color: #183543}
.wap-title h3{ text-align: center; font-size: 0.4rem; font-weight: bold; line-height: 0.68rem}
.wap-index-adv .wap-title h6{ color: #fff}
.wap-title p{ font-size: 0.24rem; line-height: 0.5rem; text-align: center; color: #183543}
.wap-index-adv .wap-title p{ color: #fff}
.box-pro{ width: 100%; display: inline-block; background: url(../images/xnbei3.jpg) no-repeat bottom; padding-bottom: 0.5rem}
.box-titel .title-p{ width: 40%; font-size: 0.2rem; line-height: 0.4rem; padding-top: 1%; display: none}
.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}
.img-moer{ width: 100%; text-align: center}
.img-moer span{ font-size: 0.28rem; font-weight: bold; margin-right: 1%; margin-bottom: 0.2rem; line-height: 0.6rem; text-align: center}
.img-moer i{ width: 15%; 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: 2.4rem; text-align: center}
.pro-slide .peo-in-img img{ width: 90%}
.index-about-top{ display: none}

.pro-img{ width: 100%; display: block; }
.pro-img img{ width: 100%;}


/* 轮播开始 */
.footer_float {height:auto; overflow:hidden; background:#183543; color:#fff; width:100%; position:fixed; z-index:9999; left:0; bottom:0; }
.footer_float a{ color:#fff;}
.footer_float ul li{ float:left; padding:0.2rem 0;  width:24%; line-height:0.5rem; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}
.footer_float ul li:last-child{ background:none; border-right: none;}
.footer_float ul li{ border-right: 1px solid rgba(255,255,255,0.4)}
.wap-news,.wap-nesnva{display: none;}
.rel-news ul li i{ font-style: inherit;}
.wapadv-cont,.wap{display: none;}
.pc{ display: none;}
body{ margin: 0px; padding: 0px;}
.middle,.w1300{ width: 96%; margin: auto;}
.waphear,.wap{ display: block;}
.pc{display: none;}
.head,.header,.syproduct{ display: none;}
#header{ display: none;}
.waphear { display: block;width: 100%; height: 60px; z-index: 99; background: #003d2d;}
.waphear .ico{
    width: 10%;
    height: 100%;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color:#bfd96e;
    margin-right: 2%;
    background-clip: content-box;}
.menu ul li{ position: relative; border-bottom: 1px solid rgba(191,217,110,0.2);}
.menu ul li .ico{ position:absolute; right:15px; width:15px; height:15px; top: 10px; z-index:1;background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
.menu ul li a{color:#fff;line-height:1.4rem;padding-left:5%;font-size:0.32rem}
.menu ul li .a_js2{}
.menu ul li .a_fmj_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
.menu ul li .a_bf{display:none}
.menu ul li .a_bf a{height:40px;line-height:40px;font-size:14px; display:block;}
.inner{ background: #003d2d; box-shadow:  1px 3px 6px #cacaca;position: fixed; }
.waphear h1{ height: 60px; box-sizing: border-box; width: 42%; float: left; padding-left: 2%}
.waphear .logo {
    width: 100%;
    height: 60px;
    background: url(../images/logo.png) no-repeat left center;
    background-size: 100%;
}
.wap-nva{ width: 50%; float: left}
.wap-nva li{ width: 50%; float: left;line-height: 60px;}
.wap-nva li .icog{ width: 32px; height: 32px; background: #fff; border-radius: 50%;display: block; float: left; margin-right: 8%; margin-top: 16%;
    margin-left: 15%}
.wap-nva li a{ color:#bfd96e; font-size: 16px; font-weight: bold}
.wap-nva li:nth-child(1) .icog{ background: url(../images/xn02.png) no-repeat center #fff; background-size: 80%}
.wap-nva li:nth-child(2) .icog{ background: url(../images/xn03.png) no-repeat center #fff;background-size: 70%}
.wap-lg-hidden{ width:100%; display:inline-block;background:#003d2d}
.wap-lg-hidden ul li{ width:24.9%; float:left; border-right:1px solid #003d2d;  border-bottom: 1px solid #003d2d; ; margin-bottom:1px; text-align:center;line-height:40px;}
.wap-lg-hidden ul li a{ color:#fff}
.wap-lg-hidden ul li:nth-child(4n){ border-right:none}
.wap-lg-hidden ul li:nth-child(5),.wap-lg-hidden ul li:nth-child(6),.wap-lg-hidden ul li:nth-child(7),.wap-lg-hidden ul li:nth-child(8){ border-bottom:none}
.banner-image{ background-size: 143%;
    width: 100%;
    overflow: hidden;
    height: 180px;
    background-position-x: 48%;}


.middle{ width: 96%; margin: auto;}
.hd-nva{ position: fixed; width: 0.66rem; height: 100%; top: 0px; left: 0px; z-index: 5; background: url(../images/xn06.png) no-repeat bottom #fff;
    box-shadow: 0px 0px 17px rgba(0,0,0,.1); display: none}
.hd-nva .nva-index{ margin-top: 0.4rem; margin-bottom: 0.56rem;}
.hd-nva .nva-index .nva-mena{ width: 35px; height: 35px; text-align: center; display: block; margin: auto; overflow: hidden;}
.hd-nva .nva-index .nva-mena .nvaShow{ background: url(../images/xn01.png) no-repeat top; width: 100%; height: 100%; display: block; opacity: 1;position: relative; top: 0px;}
.hd-nva .nva-index .nva-mena .nvaHide{background: url(../images/xn01-1.png) no-repeat top; width: 100%; height: 100%;display: block; opacity: 0; position: relative; top: 0;}
.hd-nva .nva-index .nva-mena.open .nvaShow{ opacity: 0;}
.hd-nva .nva-index .nva-mena.open .nvaHide{ opacity: 1;}
.hd-nva .nva-index .nva-mena em{ -webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.hd-nva .nva-index .nva-mena.open em{ top: -100%;}
.hd-nva ul{ display: inline-block; width: 100%;}
.hd-nva ul li{ text-align: center; font-size: 0.18rem; font-weight: bold;}
.hd-nva ul li.nva-btn{ margin-top: 0.4rem;}
.hd-nva ul li.nva-btn a{font-size: 0.18rem; font-weight: bold; color: #183543;}
.hd-nva ul li.nva-btn .ico{ width:auto; height: 34px; text-align: center; display: block; margin: auto; margin-bottom:10px;}
.hd-nva ul li.nva-btn .ico{ background-size: 100%;}
.hd-nva ul li.nva-btn:nth-child(2) .ico{ background: url(../images/xn02.png) no-repeat center;}
.hd-nva ul li.nva-btn:nth-child(3) .ico{ background: url(../images/xn03.png) no-repeat center;}
.hd-nva ul li.nva-btn:nth-child(4) .ico{ width: 35px; background: url(../images/xn04.png) no-repeat center; background-size: 100%;}
.hd-logo{ position: absolute;  bottom: 6%; text-align: center; z-index: 5; width: 100%;}
.hd-nva ul li.nva-btn:hover a{ color: #003d2d;}
.hd-new{ position: fixed; width: 3rem; height: 100%; z-index: 2; background: #003d2d; top: 0px; left:0px; padding-top: 0.7rem; overflow: hidden;
    transition: 1s;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s; display: none}
.hd-new ul li a{ font-weight: bold; color: #fff; font-size: 0.24rem; line-height: 1.1rem; padding-left: 30%; box-sizing: border-box;}
.hd-new ul li:hover a{ color: #bfd96e;}
.hd-new.opens{ opacity: 1;left: 0.66rem;}

/*轮播图*/
.lb{ margin-top: 49px}
.lb .swiper-button-next,
.lb .swiper-button-prev { width: 0.42rem; height: 0.42rem;margin: 0; top: inherit; bottom: 0.2rem;-webkit-transition: all .5s;transition: all .5s;
    border: 2px solid #bfd96e; border-radius: 50%;color: #bfd96e; font-size: 0.3rem;}
.lb .swiper-button-prev:after, .lb .swiper-button-next:after{ font-size: 0.2rem; font-weight: bold;}
.lb .swiper-button-next { right: 5%;}
.lb .swiper-button-prev {left: 80%;}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: #bfd96e;  border: 2px #bfd96e solid; color: #fff}
.lb .swiper-slide { position: relative}
.lb .swiper-slide img{width: 100%;}
.lb .swiper-pagination-bullet{ width:12px; height: 12px; opacity: 0.5; background: #bfd96e; margin: 0px 0.3rem !important;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-pagination{ bottom: 0.3rem; width: 49%; left: 0%; float: left; text-align: right; display: none}
.lb .banner_bottom{ position: absolute; left: 48%; width: 0.56rem; height: 0.65rem; z-index: 2; bottom: 0.3rem;-webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor:pointer}
.lb .banner_bottom img{ width: 100%}
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-8px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(8px);
    }
}

@keyframes bounce-down {
    25% {
        transform: translateY(-8px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(8px);
    }
}
/* 分类 */
.box1-product{ width: 100%; display: inline-block; background: url(../images/xnbei.jpg) no-repeat top; background-size: 100%; padding-top: 0.7rem;
    padding-bottom: 0.6rem; position: relative;}
.box1-product .about-title{ width: 100%; text-align: center}
.box1-product .about-title h5{ font-size: 0.44rem; color: #183543; font-weight: bold;}
.box1-product .about-title p{ font-size: 0.3rem; font-weight: 300; line-height: 0.5rem; display: none;}
.box1-product .about-title p span{ font-weight: bold;}
.box1-product .product-fen{ width: 100%;}
.box1-product .product-fen ul{ margin-top: 0.2rem; display: inline-block; width: 100%}
.box1-product .product-fen ul li{ width:49%; margin-right: 2%; border: 1px solid #003d2d; border-radius: 0.2rem; padding: 0.15rem; box-sizing: border-box; float: left;
    margin-bottom: 0.2rem; background: #fff; position: revert}
.box1-product .product-fen ul li p{ font-size: 0.31rem; line-height: 0.8rem; font-weight: bold; color: #183543;-webkit-transition: all 2s;transition: all 2s;}
.box1-product .product-fen ul li i{ width: 45px;  height: 2px; background:#183543; display: block; margin: 0.22rem 0;-webkit-transition: all 2s;transition: all 2s;}
.box1-product .product-fen ul li .pro-thumb{ width: 100%; height: 62px; margin: 10px 0px;}
.box1-product .product-fen ul li .pro-thumb img{ height: 100%;-webkit-transition: all 2s;transition: all 2s;}
.box1-product .product-fen ul li span{ width: 0.42rem; height: 0.42rem; border: 2px solid #003d2d; border-radius: 50%; background: url(../images/xn08.png) no-repeat center;
    background-size: 80%; display: block; margin-top: 0.22rem;-webkit-transition: all 2s;transition: all 2s; position: absolute;top:65%; right: 10% }
.box1-product .product-fen ul li:nth-child(2n){ margin-right: 0px;}
.box1-product .product-fen ul li:hover p{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.box1-product .product-fen dl dt{ width: 100%; margin: 15px 0px;}
/*.box1-product .product-fen dl dt p{ font-size: 0.4rem; font-weight: 300; line-height: 0.5rem; margin-bottom: 0.2rem}*/
/*.box1-product .product-fen dl dt p b{display: none;}*/
/*.box1-product .product-fen dl dt p span{font-weight: bold;}*/
/*.box1-product .product-fen dl dt p i{ font-size: 12px;}*/
/*.product-fen dl dt p i:hover{ background: #bfd96e; padding: 0.1rem; border-radius: 0.1rem;}*/
.product-fen dl dt .conde-imng{ font-size: 0.4rem; 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.2rem; width: 20%; height: 0.4rem; color: #fff; text-align: center;  line-height: 0.4rem;
    border-radius: 0.2rem; margin-left: 2%; background: #183543; display: block; margin-top: 1%;text-transform:uppercase;}
.product-fen dl dt .conde-imng .gd i{ font-size: 0.2rem; 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; display: none}
.product-fen dl dt .conde-imng .com-b img{ width: 100%}
.product-fen dl dt .conde-imng .gd:hover{ background: #bfd96e}
.box1-product .product-fen dl dt img{ width: 100%;}
/*.box1-product .product-fen ul li:hover span{ margin-left: 5% }*/
/*.box1-product .product-fen ul li:hover i{ margin-left: 5% }*/
/*.box1-product .product-fen ul li:hover .pro-thumb img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}*/
.box1-product .pro-img{ width: 46%; display: block; position: absolute; right: 0px; top: 20%; display: none}
.box1-product .pro-img img{ width: 100%;}
.wap-product-fen{ width: 100%}
.wap-product-fen img{ width: 100%}
.about-title span{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.4rem;text-transform: uppercase; color: #183543;}
/* 公司简介 */
.box2-about{width: 100%; display: inline-block; background: url(../images/xnbei2.jpg) no-repeat top; padding: 0.7rem 0; }
.box2-about.pc{ display: none}
.about-content{ width: 100%; background:rgba(255,255,255,0.85); border-radius: 20px; display:inline-block;}
.about-content .about-l{ width: 100%; text-align: center;}
.about-content .about-l img{ width: 85%; margin-top: 1rem;}
.about-content .about-r{ width: 100%; padding: 0.2rem; box-sizing: border-box;}
.about-content .about-r h4{ font-size: 0.4rem; color: #183543; margin-top: 5%;letter-spacing: 1px;}
.about-content .about-r .p{ font-size: 0.14rem;text-transform: uppercase; height: 0.3rem; line-height: 0.3rem; margin: 0.3rem 0; margin-top: 0.2rem;}
.about-content .about-r .p i{ width: 12px; height: 12px; display: block; background: #003d2d; margin-right: 10px; float: left; margin-top: 1.2%;display: none}
.about-content .about-r .about-z{ font-size: 0.24rem; line-height: 0.55rem; 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;}
.about-index-title{ text-align:center; font-size: 0.4rem; font-weight: bold}
.about-index-title h3{ font-size: 0.5rem; font-weight: bold; margin: 15px 0px;}
.about-team{width: 100%; background:rgba(255,255,255,0.85); border-radius: 20px; display:inline-block; padding: 20px 15px; margin-top: 15px;  box-sizing: border-box}
.about-team .team-title{ width:100%;line-height:40px; font-size: 24px; font-weight: bold; text-align: center; background: #183543; color:#fff; border-radius: 15px; }
.about-team .team-swiper{ width:100%; display: inline-block;height: auto; margin-top: 10px; overflow: hidden; float: right;position: relative}
.about-team .team-swiper .swiper-wrapper{ width: 100%;}
.about-team .team-swiper .team-slide{height:4.5rem; overflow: hidden; flex-shrink: 0; border-radius: 15px;}
.about-team .team-swiper .team-slide img{ width: 100%; object-fit: cover; height: 100%;}
.about-team .button-next4,.about-team .button-prev4 { opacity: 1;}
.about-team-box .box-titel .title-l h6,.about-team-box .box-titel .title-l h3{ color: #fff}
.about-index-title h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.3rem;text-transform: uppercase; color: #183543;}
/* 展会新闻 */
.box-news{width: 100%; display: inline-block; padding: 0.7rem 0;background: url(../images/xnbei3.jpg) no-repeat top; }
.box4-innews{ width: 100%; display: inline-block;}
.box-titel{ width: 100%; display: inline-block;}
.box-titel .title-l{ width: 100%; text-align: center; float: initial}
.box-titel .title-r{ width: 100%; display: none}
.box-titel .title-r ul { width: 100%}
.box-titel .title-l h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.4rem;text-transform: uppercase; color: #183543;}
.box-titel .title-l h3{ font-weight: bold; font-size: 0.48rem; color: #183543;}
.box-titel .title-r ul li{ width: 1.9rem; height: 0.55rem; border-radius: 0.14rem; background: #003d2d; text-align: center; float: right; 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}
.box-titel .title-r ul li:hover a{ color: #bfd96e;}
.wap-news ul{display: flex; flex-direction: row; justify-content: center; margin-top: 20px;}
.wap-news ul li{ width: 130px; height: 35px; background: #003d2d; border-radius: 20px; text-align: center; line-height: 35px; font-size: 16px;
    margin: 0px 5px; color: #fff}
.wap-news ul li.on{ background:#bfd96e;}
.news-index{  width: 100%; display: inline-block; margin-top: 0.5rem;}
.news-index .news-slide{ flex-shrink: 0; overflow: hidden; background: #fff;}
.news-index .news-slide .li{ border: 1px solid #183543; padding: 0.24rem; box-sizing: border-box;}
.news-index .news-slide .li .news-thumb{ width: 100%; height: 244px; overflow: hidden; border-radius: 0.2rem;}
.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.3rem; line-height: 0.48rem; height: 0.96rem; color: #183543; margin-top: 0.2rem;}
.news-index .news-slide .li .left-m{ width: 38%; background: #183543; height: 0.6rem; line-height: 0.6rem; border-radius: 0.3rem; color: #fff; text-align: center;
    font-size: 0.2rem; text-transform: uppercase; }
.news-index .news-slide .li .left-m i{ font-size: 0.2rem; margin-left: 5%;}
.news-index .news-slide .li .news-more{ display: inline-block; width: 100%; line-height: 0.6rem; margin-top: 5%;}
.news-index .news-slide .li .right-m{ font-size: 0.26rem; 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);}
.news-index .news-slide:hover .li{ border-radius: 0.3rem; transition: all 0.2s; border: 1px solid #003d2d;}
.news-index .news-slide:hover .li .left-m{ background: #003d2d; color: #bfd96e;}
.news-index .news-slide:hover .li p{ color: #003d2d;}
.box5-coop{ width: 100%; display: inline-block; color: #183543; margin-top: 0.7rem;}
.box5-coop .coop-swcont{ width: 100%; overflow: hidden; height: 220px; margin-top: 0.4rem;}
.box5-coop .coop-swcont .coop-slide { height: 105px; width: 310px; overflow: hidden; border: 1px solid #b8b8b8; border-radius: 10px; display: flex;
    align-items: center; background: #fff;}
.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);}
.box5-coop .title-r{ display: none}
.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: url(../images/xnbei4.jpg) no-repeat top; padding-top: 0.4rem;}
.index-foot{ box-sizing: border-box;}
.foot-nva{ width: 100%; display: inline-block;}
.foot-nva .foot-l{ width: 100%;color: #fff;}
.foot-nva .foot-l h5{ font-size: 0.36rem; font-weight:bold;color: #fff; width: 100%; height: 0.5rem; line-height: 0.5rem }
.foot-nva .foot-l h5 span{ font-size: 0.4rem; margin-right: 3%; float: left}
.foot-nva .foot-l p{ font-size: 0.3rem; line-height: 0.8rem;}
.foot-nva .foot-l .foot-tiao{ width: 100%; display: block; margin-bottom: 0.22rem; margin-top: 0.1rem; display: none}
.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: 35%; text-align: center; display: block; margin: auto;  margin-top: 5%;}
/*.foot-nva .foot-l dl dt:first-child{ margin-left: 7%; margin-right: 15%}*/
/*.foot-nva .foot-l dl dt:last-child{ margin-right: 0px}*/
.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: 64%; display:none }
.foot-nva .foot-r ul a{ color: #fff;}
.foot-nva .foot-r ul{ margin-right: 18%; float: left;}
.foot-nva .foot-r ul:last-child{ margin-right: 0px;}
.foot-nva .foot-r ul h6{ font-size: 0.24rem; color: #fff; margin-bottom: 0.3rem;}
.foot-nva .foot-r ul li{ font-size: 0.18rem; line-height: 0.4rem;}
.foot-nva .foot-r ul li a{ font-size: 0.18rem;}
.foot-nva .foot-r ul li:hover a{ color: #bfd96e;}
.foot-dizhi{ width: 100%; display: inline-block; border-top: 1px solid rgba(191,217,110,0.5); padding-top: 0.2rem; margin-top: 10px; padding-bottom: 0.2rem;}
.foot-dizhi ul { width: 50%; float: left; position: relative; border-bottom: 1px solid rgba(191,217,110,0.2); height:75px}
.foot-dizhi ul:nth-child(5){ border-bottom: none; margin-top: 8px}
/*.foot-dizhi ul:nth-child(2){ width: 27%;}*/
/*.foot-dizhi ul:nth-child(3){ width: 29%;}*/
/*.foot-dizhi ul:nth-child(4){ width: 26%;}*/
.foot-dizhi ul span{ width: 20px; float: left; margin-right: 3%; height: 1rem;}
.foot-dizhi ul span img{ width: 100%; margin-top: 32%;}
.foot-dizhi ul li{ font-size: 0.28rem; font-weight: bold; color: #fff; line-height: 0.4rem;}
.foot-dizhi ul li p{ font-size: 0.2rem; font-weight: 500;}

.foot-bott{ width: 100%; display: inline-block; height: 0.54rem; margin-bottom: 40px; line-height: 0.54rem; text-align: center; color: #fff; background: #183543; font-size: 0.16rem;}
.foot-bott a{ color: #fff; margin-left: 5%; font-size: 0.18rem;}
.foot-bott a:first-child{ display: none}
/* 内页y */
.header{ width: 100%; height: 1.2rem; background: #003d2d; position: fixed; z-index: 8;}
.top-header{ width: 88.5%; margin: auto;}
.container{ width: 96%; margin: auto;}
.header h1{ width: 20%;}
.header h1 img{ width: 100%; margin-top: 10%;}
.header .nav_bg{ width: 60%; margin: 0px 0.2rem;}
.header .nav_bg ul li{ float: left; line-height: 1.2rem; text-align: center; margin: 0px 2.5%; position: relative;}
.header .nav_bg ul li a{ color: #fff; font-size: 0.18rem;}
.header .nav_bg ul li.on a{ font-size: 0.22rem; font-weight: bold;}
.header .nav_bg ul li.on::after{ content: ''; width: 100%; height: 4px; position: absolute; bottom: 4px; left: 0px; background: #fff;}
.header .search{ width: 17%;}
.header .search .search-f{ color: #fff; font-size: 0.24rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.2rem; width: 80%; float: left;}
.header .search .search-f i{width: 22px; height: 22px; display: block; background: url(../images/xn14.png) no-repeat center; background-size: 100%; float: left;
    margin-right: 5%; margin-top: 21%;}
.header .search .search-r{ width: 38px; height: 38px; display:block; float: right; margin-top: 13%;}
.header .search .searchIco{ width: 38px; height: 38px; overflow: hidden; display:block; position: relative;}
.header .search .searchIco .searchShow{ background: url(../images/xn15.png) no-repeat center;}
.header .search .searchIco .searchHide{ background: url(../images/xn15-1.png) no-repeat center;}
.header .search .searchIco em{width: 100%; height: 100%; display: block; position: relative; top: 0;}
.header .search .topSearch em{ top: -100%;}
.header .search .searchBox{width: 300px;height: 45px; line-height: 45px; position: absolute; right: 9%; background: #fff;top: 50%;margin-top: -23px;
    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;}
.header .search .searchBox .searchInp {width: 240px;height: 45px;border: none; line-height: 45px; background: none;float: left;-webkit-box-sizing: border-box;
    -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px;font-size: 14px;
}
.header .search .searchBox .submitBtn {position: absolute;right: 0;top: 0;background: url(../images/searchico.png) center center no-repeat #fff;background-size: 22px; width: 60px;height: 45px;cursor: pointer;border: none;float: right;}
.header .search .searchold{ opacity: 1;}
.banner-image {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 60px;
}
.banner-image .mian{ position: absolute; bottom: 0.3rem; color: #fff; right: 10%; text-align: right; font-size: 0.16rem; display: none}
.banner-image .mian i{ margin-right: 1%; font-size: 0.18rem;}
.banner-image .mian a{font-size: 0.16rem; color: #fff}
.mianbox{ background:#f5f9fd;}
.inner-title { margin: 0.3rem 0; width: 100%; display: inline-block;}
/*.inner-title ul{display: flex; flex-direction: row; justify-content: center }*/
.inner-title ul li{ width: 32%; float: left; height: 0.6rem; line-height: 0.6rem; margin-bottom: 10px;  background: #003d2d; border-radius: 0.1rem;margin-right:0.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: #183543;}
.inner-title ul li:hover a{ color: #183543;}
.inner-substance,.inner-substance dl { width: 100%; display: inline-block;}
.inner-substance dl dt{ width: 49%; margin-right: 1.2%; float: left; background: #003d2d; border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
.inner-substance dl dt .case-l-thumb{ width: 100%; height: 180px; overflow:hidden; background: #fff;display: flex; align-items: center; border-radius: 10px; }
.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(2n){ margin-right: 0px;}
.inner-substance dl dt .case-title{ font-size: 0.3rem; font-weight: 500; color: #fff; text-align: center; padding: 0.3rem 0rem;}
.inner-substance dl dt .case-title span{ height: 0.4rem; font-size: 0.2rem; line-height: 0.4rem; text-align: center; border-radius: 0.2rem; background: #bfd96e;
    display: block; width: 33%; 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);}
.top-kongs{ width: 100%; height: 1.2rem; display: inline-block;}
.top-wap{ width: 40px; height: 40px; background: #003d2d; border-radius: 50%; text-align: center; position: fixed; bottom: 30%; right: 5%;
    z-index: 10; opacity: 0;-webkit-transition: all 1s;transition: all 1s;}
.top-wap img{ width: 50%; margin-top: 17%}
.rou-veggie-show img{ margin-right: 2px;}
.top-wap.inner{ opacity: 1}
/* 案例详情页 */
.show-hidd{ padding-top: 0.44rem; color: #183543;}
.show-crumb{ width: 100%; display: inline-block; line-height: 0.22rem; height: 0.22rem; margin-bottom: 0.5rem; color: #183543;}
.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.2rem; line-height: 0.4rem;}
.show-item img{ max-width: 100%; width: 100%;; height: auto; margin: 0.3rem 0;}
.show-pages{ width: 100%; line-height: 0.7rem;  background: #f7f7f7; padding: 0 10px; box-sizing: border-box;}
.show-pages span{ color: #183543; width: 100%; display: block; font-size: 0.24rem;}
.show-pages span a{ font-size: 0.24rem}
.bound-titile { margin: 0.3rem 0rem; width: 100%; display: inline-block;}
.bound-titile .h5{ font-size: 0.36rem; font-weight: bold;}
.bound-titile .h5 i{ font-size: 0.2rem; font-weight: 400;}
.bound-titile span{ width: 1.2rem; 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: 3rem; overflow: hidden; 
    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 0.1rem; box-sizing: border-box; width: 99.9%; border:1px solid #003d2d; border-top: none;}
.bound-lisst .bound-slide .bound-biao p{ font-size: 0.26rem; color: #183543;}
.bound-lisst .bound-slide .bound-biao span{ background: #183543; 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}

/* 关于 */
.sheen-about{ width: 100%; display: inline-block; background: url(../images/xnbei7.jpg) no-repeat center; position: relative;}
.sheen-left{ width: 100%; padding-top: 1.4rem;}
.sheen-left .sheen-title h6{ font-size: 0.36rem; font-weight: bold; text-transform: uppercase; color: #183543;}
.sheen-left .sheen-title h6 i{ font-size: 0.5rem;}
.sheen-left .p{ font-size: 0.24rem; font-weight: bold; line-height: 0.8rem;color: #183543;}
.sheen-left .sheen-cont{ padding-bottom: 0.1rem;}
.sheen-left .sheen-cont,.sheen-left .sheen-cont span,.sheen-left .sheen-cont p{ font-size: 0.28rem; line-height: 0.55rem; font-weight: 500;
    color: #183543;}
.sheen-left .about-z{font-size: 0.28rem; line-height: 0.55rem; font-weight: 500;color: #183543; margin-bottom: 0.3rem }
.sheen-about .sheen-img{ position: absolute; width: 49%; right: 0px; top: 0px; display: none }
.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: none;}
.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%;}
.culture-cont ul li{ width: 49%; float: left; background:#f7f7f7; border-radius: 0.2rem; padding: 0.16rem 0.26rem; box-sizing: border-box; height: 4rem; color: #183543; position: relative;}
.culture-cont ul li:nth-child(1){ margin-right: 2%;}
.culture-cont ul li:nth-child(3){ width: 100%; margin-top: 2%; background:#f7f7f7; height: 3.4rem}
.gl-pr dl{ width: 32%; margin-right: 1%; height: 66px; overflow: hidden}
.gl-pr dl img{ width: 100%;}
.wap-abou-img{ width: 100%; height: 210px; display: block; border-radius: 20px; overflow: hidden; }
.wap-abou-img img{ width: 100%; height:auto; }
@font-face {
    font-family: "ali";
    src: url('../fonts/impact.ttf')
}
.culture-cont ul li i{ font-size: 1.15rem; color: #e7e7e7; position: absolute; font-family: "ali"; z-index: 0; top: 0; left: 38px;display: none}
.culture-cont ul li h5{ font-weight: 900; font-size: 0.48rem; color: #003d2d; z-index: 5;text-transform: uppercase; position: relative; }
.culture-cont ul li h6{ font-size: 0.36rem; font-weight: bold; color: #183543; margin: 4% 0;}
.culture-cont ul li .w-p,.culture-cont ul li .w-p p,.culture-cont ul li .w-p span{ font-size: 0.28rem; line-height: 0.5rem; color: #183543;}
.culture-cont ul li:nth-child(3) h6{ margin: 2% 0;}
.culture-cont ul li:nth-child(3) img{ right: 3%;}
.culture-cont ul li:hover{ background: #e5f0c8;}
.culture-cont ul li:hover i{ color: #fff; opacity: 0.6; transition: 1s all; }
.service-box{ width: 100%; display: inline-block;background: url(../images/xnbei8.jpg) no-repeat; background-size: 500% }
.service-box .service-left{ width: 100%; font-size: 0.42rem; line-height:0.4rem; font-weight: bold; color: #183543;display: flex;
    align-items: center; justify-content: center; margin: 0.3rem 0rem}
.service-box .service-r { width: 100%;}
.service-box .service-r ul li{ width: 100%; display: inline-block; margin-bottom: 0.42rem;}
/*.service-box .service-r ul li:nth-child(7),.service-box .service-r ul li:nth-child(8){ margin-bottom: 0px;}*/
.service-box .service-r ul li:nth-child(2n){ margin-right: 0;}
.service-box .service-r ul li i{ width: 40px; float: left;}
.service-box .service-r ul li i img{ width: 100%;}
.service-box .service-r ul li .service-cont{ float: right; width: 85%; color: #183543; border-bottom: 1px solid #183543;}
.service-box .service-r ul li:last-child .service-cont{ border-bottom: none}
.service-cont p{ font-size: 0.34rem; font-weight: bold;}
.service-cont span{ width: 100%; display: block; font-size: 0.16rem; line-height: 0.24rem; margin: 0.15rem 0;text-transform: uppercase;}
.miantitle-l{ width: 100%; text-align: center}
.miantitle-l h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.36rem;text-transform: uppercase; color: #183543;}
.miantitle-l h3{ font-weight: bold; font-size: 0.4rem; color: #183543;}
.honor-box{ width: 100%; display: inline-block; padding: 0.8rem 0; padding-bottom:5px;}
.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: 180px; overflow: hidden; flex-shrink: 0;}
.honor-swiper .honor-slide a{ border: 2px 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: 35px; height: 35px; background: #bfd96e; border-radius: 50%; color: #fff; font-size: 40px; opacity: 0;}
.button-next4::after,.button-prev4::after{ font-size: 24px;}
.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%;display: none}
.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;}
.coop-bout .coop-swcont .coop-slide{ border: none;}
/* 新闻 */
.mianbox-news{ background: #fff;}
.inside-nav {
    width:95%;
    border-top: 1px solid rgba(255, 255, 255, .5);
    position: absolute;
    left: 2.5%;
    bottom: 10px;
}
.inside-nav-item {
    height: 40px;
    line-height: 40px;
    border-top: 2px solid transparent;
    flex-grow: 1;
    font-size: 0.24rem;
    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); display: none; margin-top: 0.9rem; 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: 590px; 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; height: 0.7rem; overflow: hidden; display: block; 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:100%; border-bottom: 1px solid #666666; margin-bottom: 0.6rem; color: #183543;}
.inside-party ul li .inside-img-party{ width: 100%; height: 3.55rem; 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.3rem; line-height: 0.4rem; color: #183543;}
.inside-party-title .span{ margin-top: 0.2rem; width: 100%; display: inline-block;}
.inside-party-title .span span:nth-child(1){ font-size: 0.2rem; 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.2rem; 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: #183543; line-height: 0.4rem; border-bottom: 1px solid  #e3e3e3; margin-bottom: 0.6rem;}
.show-news-xiang ul li{ width: 100%; margin-right: 2%; float: left; border-bottom:2px dashed #e6e6e6; color: #183543; line-height: 0.6rem;}
.show-news-xiang ul li:nth-child(2n){ margin-right: 0px;}
.show-news-xiang ul li span{ font-size: 0.2rem; 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: #183543;}
.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.75rem;
}
.hr-head-text {
    font-size: 28px;
    color: #000;
    margin-bottom: .8rem;
}
.hr-list-wrap {
    margin-bottom: 1rem;
}
.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;
    padding: 0.3rem;
}
.hr-item-head .btn {
    width: .32rem;
    height: .32rem;
    background: url('../images/hr-arr-1.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .04rem;
    top: .25rem;
    background-size: 100%;
}
.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: .3rem;
    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%; display: none}
.hr-item-head .hr-text:last-child{ width: 20%; display: none}
.hr-item-head .hr-text:nth-child(3){ display: none}
.hr-item-con {
    width: 100%;
    position: relative;
    display: block;
}
.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;
    display: none;
}
.hr-item-con .con-item {
    width: 100%;
}

.hr-item-con .con-item .tit {
    font-size: 0.3rem;
    color: #333;
    margin-bottom: .14rem;
    margin-top: 0.3rem;
}
/*.hr-item-con .con-item:first-child {*/
/*    border-right: 1px solid #ddd;*/
/*}*/
.hr-item-con .con-item .con {
    font-size: 0.18rem;
    line-height: .35rem;
    color: #2d2d2d;
}
.hr-item-con .con-item .con p,.hr-item-con .con-item .con p span{ font-size:14px !important; line-height: 26px}
.hr-item-con .con-item .con>div{ font-size: 14px !important;line-height: 26px}
.hr-item-con .con-item .con>div span{ font-size: 14px !important;line-height: 26px}
.hr-contact-wrap {
    margin-bottom: .35rem;
    display: block;
}

.hr-contact-item {
    width: 100%;
    height: 1.75rem;
    border: 1px solid #d7d7d7;
    border-radius: .08rem;
    padding-left: 2%;
    margin-bottom: 15px;
}
.hr-contact-item .icon {
    width: .69rem;
    margin-right: .3rem;
}
.hr-contact-item .con {
    flex-shrink: 1;
    padding-right: 0.1rem;
}
.hr-contact-item .tit {
    font-size: .28rem;
    color: #2d2d2d;
    margin-bottom: .08rem;
}
.hr-contact-item .text {
    font-size: .26rem;
    color: #003d2d;
    font-weight: bold;
}
.hr-contact-item:nth-child(2) .text {
    color: #2d2d2d;
}
.hr-contact-item:nth-child(3) .text {
    font-size: .3rem;
}
.contact-midd{ width: 100%; display: inline-block;}
.contact-left{ padding-top:0.8rem; width: 100%;}
.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.24rem; line-height: 0.5rem; padding-right: 6%; box-sizing: border-box; margin-top: 5%; margin-bottom: 0.4rem;}
.contact-left .contact-m p{font-size: 0.24rem; line-height: 0.5rem;  box-sizing: border-box; margin-top: 5%;margin-bottom: 0.2rem; }
.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: #183543;}
.message-right{ width: 100%; padding-top: 2%;}
.message-right .input-item{ width: 100%; line-height: 0.78rem; height: 0.78rem; border: 1px solid #cfcfcf; padding: 0 0.34rem;
    border-radius: 0.2rem; margin-bottom: 0.2rem;}
.message-right input,.message-right textarea{ width: 100%; display: block;font-size: 0.24rem;}
.message-right textarea{border: 1px solid #cfcfcf; padding: 0.34rem;border-radius: 0.2rem; height: 1.8rem; font-size: 0.24rem;margin-bottom: 0.48rem;}
.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;}
.sales{ width: 100%; display: inline-block; margin-bottom: 4%}
.sales h4{ font-size: 0.38rem; text-align: center; width: 100%; font-weight: bold; display: none;}
.sales h6{ font-size: 0.24rem; text-align: center; width: 100%; line-height: 0.6rem;}
.sales .h6-1{ display: none}
.sales ul li{ width: 100%; margin-right: 2%;  border: 1px solid #e4e4e4; border-radius: 0.1rem; padding: 0.3rem; box-sizing: border-box; display: inline-block;
    margin-top: 0.45rem;}
.sales ul li>div{ width: 70%;}
.sales ul li h6{ font-size: 0.26rem; font-weight: bold; text-align: left}
.sales ul li h6 i{ font-size: 0.18rem; font-style:initial;}
.sales ul li img{ width: 28%;}
.sales ul li p{ font-size: 0.2rem; line-height: 0.4rem; margin-top: 2%;}
.sales ul li:nth-child(2n){ margin-right: 0px;}
.sales ul li:nth-child(2n){ background: #f4fbff;}

.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;}
.message-right dl h6{ font-size: 0.26rem; 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: 28%;}
.message-right dl p{ font-size: 0.2rem; line-height: 0.4rem; margin-top: 2%;}
.message-right dl .fl{ width: 68%;}
/* 产品详情y */
.show-pic{ width: 100%; position: relative; display:inline-block; min-height: 300px;}
.show-pic img{ width: 100%; display:block; margin: auto; margin-top: 16%}
.show-pic-crumb{ margin-bottom: 10px;}
.zhengxian{ min-height: 270px}
.zhengxian img{ width: 90%}
.pic-title{ position: absolute; top: 5%; left: 0px; font-size: 0.36rem; font-weight: bold; line-height:0.3rem ; color: #003d2d;}
.pic-title i{ font-weight: 500; font-size: 0.16rem;text-transform:uppercase; line-height: 0.5rem;}
.pic-model{ position: absolute; right: 0px; bottom: 11%; font-family: "ali"; color: #c1d96b; font-size: 0.6rem;text-transform:uppercase;}
.zhengxian .pic-model{ bottom: 70%; font-size: 0.4rem}
.show-greens{ width: 100%; display: inline-block; text-align: right; height: 32px;  }
.show-greens img{ width: 6%;}
.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: 2.2rem; 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.3rem;}
.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: 100%; 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:32%; float: left; height: 1.75rem; overflow: hidden;}
.show-quality ul li .quality-thumb img{ height: 100%;width: 100%; object-fit:cover;}
.show-quality ul li .quality-cont{ width: 65%; float:right;}
.show-quality ul li .quality-cont span{ line-height: 0.36rem; font-size: 0.3rem; font-weight: bold; color: #183442; margin: 3% 0; display: block;}
.show-quality ul li .quality-cont p{ line-height: 0.36rem; font-size: 0.23rem; 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.24rem; line-height: 0.45rem; }
.parameter-cont p{font-size: 0.24rem;}
.parameter-cont b span{ display: block;float: left; }
.parameter-r{ width: 100%; margin-top: 15px; }
.parameter-r ul{ margin-top: 0.3rem;}
.parameter-r ul li{ width: 49.8%; float: left;}
.parameter-r ul li span{ text-align: center; line-height: 0.8rem; height: 0.8rem;display: block; width: 100%;position: relative;}
.parameter-r ul li .x{ background: #183442; color: #fff; font-weight: bold; font-size: 0.26rem;}
.parameter-r ul li .x::after{content: ''; position: absolute; width: 2px; height: 0.8rem; display: block;background: #fff; right:-2px; z-index: 2; top: 0px; }
.parameter-r ul li .q{ border-bottom: 2px solid #183442;color: #183442; font-size: 0.26rem; font-weight: 400; }
.parameter-r ul li .q::after{ content: ''; position: absolute; width: 2px; height: 0.8rem; display: block;background: #183442; left: 0px; top: 0px;}

.parameter-r ul li:nth-child(2n){ border-right: 2px solid #183442; }
.parameter-r ul li:nth-child(2n) .x::after{block;background: #183442;}
.parameter-r ul li:last-child .x::after{content: ''; position: absolute; width: 2px; height: 0.8rem; display: block;background: #183442; right:-2px; z-index: 2; top: 0px; }
.parameter-r ul li:last-child .q::before{content: ''; position: absolute; width: 2px; height: 0.8rem; display: block;background: #183442; right:-2px; z-index: 2; top: 0px; }
.parameter-r ul li:nth-child(10),.parameter-r ul li:nth-child(11){ display: none}
/* 净菜 */
.veggie-box{ width: 100%; display: inline-block;  background: #fff;padding: 3%; box-sizing: border-box; margin-top: 50px;}
.veggie{ width: 100%;}
.product-title{ width: 100%; display: inline-block;}
.product-title h5{ font-size: 0.8rem; font-family: zimu; color: #003d2d; float: left; margin-right: 10px;  font-family: "zimu";}
.product-title span{ font-size: 30px; margin-top: 4%; display: block; float: left; color: #003d2d;}
.product-title span i{ font-size: 0.2rem;text-transform:uppercase; font-style: initial;}
.product-title span b{ color: #003d2d; font-size: 0.36rem;}
/*@font-face {*/
/*    font-family: "zimu";*/
/*    src: url('../fonts/思源宋体SourceHanSerifCN-Heavy.otf')*/
/*}*/
.veggie-thumb{ width: 100%; height: auto; border-radius: 0.3rem; display: inline-block;padding-bottom: 0.2rem; background: #fff;}
.veggie-thumb span{ width: 90%; display: block; margin: auto; height: 2.28rem; display: none}
.veggie-thumb span img{ width: 100%; height: auto; margin-top: 0.3rem; }
.veggie-thumb ul li{ height: 0.5rem; line-height: 0.5rem; width: 32%; background:#bfd96e; border-radius: 0.3rem; text-align: center;
     margin-top: 0.1rem; margin-right: 2%;  float: left; display: block}
.veggie-thumb ul li:nth-child(3n){ margin-right: 0px}
.veggie-thumb ul li a{ font-size: 0.28rem;}
.veggie-thumb ul li i{ width: 0.2rem; height: 0.2rem; display: none; background: #fff; border-radius: 50%; margin-left: 5%; float: left; margin-top: 5%;}
.veggie-thumb ul .meat{ width: 49%;}
.veggie-thumb ul .meat:nth-child(3n){ margin-right: 2%;}
.veggie-thumb ul .meat:nth-child(2n){ margin-right: 0;}
.veggie-thumb ul li.on{ background: #003d2d; border-radius: 0.4rem;}
.veggie-thumb ul li.on a{  color: #bfd96e; font-weight: bold}
.veggie-thumb ul li.on i{ border: none; background: #bfd96e;}
.veggie-thumb ul li:hover{  background: #003d2d; border-radius: 0.4rem;}
.veggie-thumb ul li:hover a{color: #fff;}
.veggie-thumb ul li:hover i{  border: none; background: #bfd96e;}
.veggie-equipment{ width: 100%; margin-top: 2.5% }
.veggie-list{ width: 100%; display:inline-block;  border-bottom: 2px solid #f0f0f0; padding-bottom: 0.3rem; margin-bottom: 0.3rem;}
.veggie-list .veggie-img{ width:100%; height:auto; height: 180px;  border-radius: 0.2rem;box-shadow: 0px .03rem .14rem 0px rgba(0, 0, 0, .18);
    align-items: center; background: url(../images/xnbei12.jpg) no-repeat; background-size: 100%; overflow: hidden; display: flex;position: revert; text-align: center}

.veggie-list .veggie-img img{ width: 75%; margin: auto; -webkit-transition: all 2s;transition: all 2s;}
.veggie-list .rou-ing img{ width: 75%; display: block;}
.veggie-list .veggie-img .logo-biao{ position: absolute;  width: 25%; top: 3%; left: 2%; margin-top: 0px }
.veggie-cont{box-sizing: border-box; width: 100%;color: #183543;}
.veggie-cont p{ font-size:0.36rem; font-weight: bold; line-height: 0.5rem; margin-top: 2%}
.veggie-cont span{ font-size: 0.24rem; line-height: 0.6rem; 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; overflow: hidden; max-height: 1rem}
.veggie-cont .canshu i{ width: 50%; float: left; line-height: 0.5rem;text-align: left; font-size: 0.22rem;}
.veggie-m{ width:2rem;  height: 0.45rem; font-size: 0.14rem;text-transform:uppercase; display: block; background: #183543; border-radius: 0.3rem;
    color: #fff;line-height: 0.5rem; text-align: center; }
.veggie-m i{ font-size: 0.18rem; margin-left: 5%; font-weight: 200;}
.veggie-show{ width: 100%; margin-top: 1.5%; background: #fff; overflow: hidden; height:0.4rem}
.veggie-show img{ width: 8%; float: left; max-height: 0.4rem}
.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: #183543; border-bottom: 3px solid #183543; margin-top: 0.3rem; padding: 10px 0px; box-sizing: border-box}
.veggie dl dt:first-child{ margin-top: 0.2rem;}
.veggie dl dt h4{ font-size: 0.32rem; height: 0.5rem;color: #183543; line-height: 0.5rem; font-weight: bold;}
.veggie dl dt{color: #183543;}
.veggie dl dt p{ font-size: 0.18rem; 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{ margin-top: 55px;}

.inner-title dl dt{ width: 32%; float: left; height: 0.6rem; margin-bottom: 10px; line-height: 0.6rem;  background: #003d2d; border-radius: 0.3rem; margin-right: 1%; 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: #183543;}
.inner-title dl dt:hover a{ color: #183543;}

.join-titie ul li{ width: 32%;  height: 0.5rem; float: left; margin-bottom: 10px;  line-height: 0.5rem; background:#bfd96e;border-radius: 0.3rem; margin-right: 2%;text-align: center }
.join-titie ul li a{  font-size: 0.2rem}
.join-titie ul li.on{ background: #183543; color: #bfd96e; }
.join-titie ul li.on a{ color: #bfd96e; }
.join-titie ul li:nth-child(3n){ margin-right: 0px;}