.banner-box{}
.banner-box .banner-swiper{position:relative}
.banner-box .banner-swiper .swiper-container{}
.banner-box .banner-swiper .swiper-slide{}
.banner-box .banner-swiper .swiper-slide img{}
.banner-box .banner-swiper .swiper-toggle{}
.banner-box .banner-swiper .swiper-toggle .swiper-button-prev{color:#fff;left:80px}
.banner-box .banner-swiper .swiper-toggle .swiper-button-next{color:#fff;right:80px}
.banner-box .banner-swiper .swiper-dot{position:absolute;bottom:15px;width:100%;text-align:center;z-index:9}
.banner-box .banner-swiper .swiper-dot .dot-img{display:none;position:absolute;left:calc(50% - 50px);bottom:30px;width:100px;height:60px;border:2px solid #eee;transition:all .3s ease}
.banner-box .banner-swiper .swiper-dot .dot-img::after{content:'';position:absolute;top:calc(100% + 2px);left:50%;margin-left:-5px;border:5px solid #eee;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.banner-box .banner-swiper .swiper-dot .dot-img img{width:100%;height:100%}
.banner-box .banner-swiper .swiper-dot .dot-list{}
.banner-box .banner-swiper .swiper-dot .dot-list .swiper-pagination-bullet{width:20px;height:20px;opacity:1;cursor:pointer;padding:5px;background-color:transparent}
.banner-box .banner-swiper .swiper-dot .dot-list .swiper-pagination-bullet span{display:block;width:10px;height:10px;border:2px solid #fff;background-color:transparent;border-radius:50%}
.banner-box .banner-swiper .swiper-dot .dot-list .swiper-pagination-bullet:hover span,.banner-box .banner-swiper .swiper-dot .dot-list .swiper-pagination-bullet.swiper-pagination-bullet-active span{background-color:rgba(0,0,0,0.25)}

@media(max-width:768px){
  .banner-box .banner-swiper .swiper-toggle{display:none}
  /* .banner-box .banner-swiper .swiper-dot{display:none} */
}

.product-box{margin-top:70px}
.product-box .title-box{}
.product-box .title-box h2{font-size:58px;color:#000;font-weight:400;line-height:1.1em;text-align:center}
.product-box .title-box p{font-size:30px;color:#666;font-weight:400;line-height:1.2em;text-align:center;padding-top:20px}
.product-box .product-icon-list{display:flex;justify-content:center;margin-top:50px}
.product-box .product-icon-list .icon-item{}
.product-box .product-list{display:flex;max-width:1756px;margin:60px auto 0;padding:0 10px}
.product-box .product-list .item-wrap{position:relative;width:100%;height:100%}
.product-box .product-list .pic-wrap{width:100%;height:100%}
.product-box .product-list .pic-wrap img{width:100%;height:100%;object-fit:cover}
.product-box .product-list .pic-wrap a{}
.product-box .product-list .pic-wrap a::before{content:'';position:absolute;top:0;left:0;right:100%;bottom:100%;border-top:5px solid;border-left:5px solid;background-color:rgba(255,255,255,.3);opacity:0;pointer-events:none;z-index:3;transition:all .5s ease;border-color:#66996f}
.product-box .product-list .pic-wrap:hover a::before{opacity:1;right:0;bottom:0}
.product-box .product-list .pic-wrap a::after{content:'';position:absolute;top:100%;left:100%;right:0;bottom:0;border-bottom:5px solid;border-right:5px solid;opacity:0;pointer-events:none;z-index:3;transition:all .5s ease;border-color:#66996f}
.product-box .product-list .pic-wrap:hover a::after{opacity:1;left:0;top:0}
.product-box .product-list .text-wrap{position:absolute;bottom:50px;left:42px;color:#fff;width:calc(100% - 62px);z-index:9;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.product-box .product-list .text-wrap p{font-size:18px;color:#000;font-weight:700}
.product-box .product-list .text-wrap span{display:block;width:30px;height:3px;background-color:#66996f;margin-top:10px}
.product-box .product-list .list_1{width:25%;max-height:838px}
.product-box .product-list .list_2{display:flex;flex-wrap:wrap;width:50%;max-height:838px;margin:0 10px}
.product-box .product-list .list_2 .list_2_a{width:100%;max-height:calc(50% - 5px);margin-bottom:10px}
.product-box .product-list .list_2 .list_2_b{width:100%;max-height:calc(50% - 5px);display:flex;height:calc(50% - 5px)}
.product-box .product-list .list_2 .list_2_b_1{width:calc(50% - 5px);margin-right:10px}
.product-box .product-list .list_2 .list_2_b_2{width:calc(50% - 5px)}
.product-box .product-list .list_3{width:25%;max-height:838px}

@media(max-width:989px){
  .product-box .product-list .text-wrap{bottom:25px;left:25px;width:calc(100% - 45px)}
}
@media(max-width:767px){
  .product-box .title-box h2{font-size:50px}
  .product-box .title-box p{font-size:30px}
}
@media(max-width:500px){
  .product-box .product-list{flex-wrap:wrap;position:relative}
  .product-box .product-list .list_1{width:calc(50% - 5px);margin-bottom:10px}
  .product-box .product-list .list_2{width:100%}
  .product-box .product-list .list_3{position:absolute;top:0;right:10px;width:calc(50% - 15px);height:auto;margin-bottom:10px}
}
@media(max-width:479px){
  .product-box .title-box h2{font-size:40px}
  .product-box .title-box p{font-size:24px}

}

.about-box{background:url(../about-bg.jpg) no-repeat scroll center top;background-size:cover;margin-top:127px;padding-bottom:80px}
.about-box .about-wrap{margin-top:108px}
.about-box .about-wrap .text-wrap{}
.about-box .about-wrap .text-wrap .title-box{}
.about-box .about-wrap .text-wrap .title-box h2{font-size:50px;color:#fff;font-weight:400;line-height:1.3em}
.about-box .about-wrap .text-wrap .note-box{margin-top:30px}
.about-box .about-wrap .text-wrap .note-box p{font-size:20px;color:#fff;font-weight:400;line-height:1.9em}
.about-box .about-wrap .text-wrap .content-box{margin-top:35px}
.about-box .about-wrap .text-wrap .content-box p{font-size:14px;color:#fff;font-weight:400;line-height:2em}
.about-box .about-wrap .text-wrap .more-box{margin-top:50px}
.about-box .about-wrap .text-wrap .more-box a{position:relative;font-size:14px;color:#fff;font-weight:700;letter-spacing:3px;text-align:center;height:60px;line-height:60px;width:195px;display:block;background-color:#5d9066;transition:all .3s ease-in-out;z-index:4}
.about-box .about-wrap .text-wrap .more-box a:hover{background-color:transparent}
.about-box .about-wrap .text-wrap .more-box a::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:#6aa173;transition:all .3s ease-in-out;z-index:-1}
.about-box .about-wrap .text-wrap .more-box a:hover::before{width:100%}
.about-box .about-wrap .video-wrap{margin-top:160px}
.about-box .about-wrap .video-wrap a{}
.about-box .about-wrap .video-wrap .video-btn{width:66px;height:66px;background:url(../icon-play.png) no-repeat center center;margin:0 auto;transform:scale(1);transition:all .5s ease}
.about-box .about-wrap .video-wrap .video-btn:hover{transform:scale(1.05)}
.about-box .brand-list{display:flex;justify-content:space-between;margin-top:60px}
.about-box .brand-list .brand-item{}
.videoplay-wrap #cboxClose{position:absolute;width:25px;height:25px;top:0;right:25px;background:url(../closeVideo.png) no-repeat center center}

@media(max-width:500px){
  .about-box{margin-top:50px}
  .about-box .about-wrap{margin-top:80px}
  .about-box .about-wrap .text-wrap .more-box{margin-top:30px}
  .about-box .brand-list{flex-wrap:wrap}
  .about-box .brand-list .brand-item{width:50%}
}
@media(max-width:479px){
  .about-box .about-wrap .text-wrap .title-box h2{font-size:36px}
  .about-box .about-wrap .text-wrap .note-box p{font-size:18px}
}

.custom-box{padding-top:80px;background-color:#f6f6f6}
.custom-box .custom-wrap{}
.custom-box .custom-wrap .title-box{}
.custom-box .custom-wrap .title-box h2{font-size:58px;color:#000;font-weight:400;line-height:1.1em;text-align:right}
.custom-box .custom-wrap .content-box{}
.custom-box .custom-wrap .content-box .text-wrap{}
.custom-box .custom-wrap .content-box .text-wrap p{font-size:16px;color:#666;line-height:1.7em}
.custom-box .custom-wrap .content-box .more-wrap{margin-top:30px}
.custom-box .custom-wrap .content-box .more-wrap a{position:relative;font-size:14px;color:#fff;font-weight:700;letter-spacing:3px;text-align:center;height:60px;line-height:60px;width:195px;display:block;background-color:#5d9066;transition:all .3s ease-in-out;z-index:4}
.custom-box .custom-wrap .content-box .more-wrap a:hover{background-color:transparent}
.custom-box .custom-wrap .content-box .more-wrap a::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:#6aa173;transition:all .3s ease-in-out;z-index:-1}
.custom-box .custom-wrap .content-box .more-wrap a:hover::before{width:100%}
.custom-box .custom-list{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between}
.custom-box .custom-list .custom-item{width:32%;margin-top:2%;position:relative;cursor:pointer}
.custom-box .custom-list .custom-item .pic-wrap{overflow:hidden}
.custom-box .custom-list .custom-item .pic-wrap img{width:100%;height:100%;transition:all .2s linear}
.custom-box .custom-list .custom-item:hover .pic-wrap img{transform:scale(1.1)}
.custom-box .custom-list .custom-item .text-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76%;padding:19px 21px 30px;text-align:center;background-color:#fff;opacity:0;transition:all .4s ease-in-out}
.custom-box .custom-list .custom-item:hover .text-wrap{opacity:0.89}
.custom-box .custom-list .custom-item .text-wrap p{font-size:26px;color:#000;line-height:1.5em}
.custom-box .custom-list .custom-item .text-wrap a{font-size:12px;color:#55955f;line-height:20px;font-weight:500;margin-top:14px;padding:10px 36px;display:inline-block;width:auto;border-radius:25px;border:2px solid #66996f;background-color:transparent;transition:color .3s ease}
.custom-box .custom-list .custom-item .text-wrap a:hover{color:#fff;background-color:#66996f}
.custom-box .advantage-list{background-color:#5d9066;display:flex;padding:36px 0 20px;position:relative;top:100px}
.custom-box .advantage-list .advantage-item{width:25%;padding:10px 0}
.custom-box .advantage-list .advantage-item .text-wrap{margin:0 20px 10px 20px;padding-left:80px}
.custom-box .advantage-list .advantage-item .text-wrap h3{font-size:20px;color:#fff;font-weight:400;line-height:1.6em}
.custom-box .advantage-list .advantage-item .text-wrap p{font-size:14px;color:#fff;line-height:1.7em;padding-top:12px}
.custom-box .advantage-list .advantage-item:nth-child(1) .text-wrap{background:url(../advantage_1.png) no-repeat left top}
.custom-box .advantage-list .advantage-item:nth-child(2) .text-wrap{background:url(../advantage_2.png) no-repeat left top}
.custom-box .advantage-list .advantage-item:nth-child(3) .text-wrap{background:url(../advantage_3.png) no-repeat left top}
.custom-box .advantage-list .advantage-item:nth-child(4) .text-wrap{background:url(../advantage_4.png) no-repeat left top}

@media(min-width:990px){
  .custom-box .custom-wrap .title-box h2{word-break:break-all}
}
@media(max-width:989px){
  .custom-box .custom-wrap .content-box{margin-top:30px}
  .custom-box .advantage-list{flex-direction:column}
  .custom-box .advantage-list .advantage-item{width:100%}
}
@media(max-width:800px){
  .custom-box .custom-list .custom-item{width:49%}
}
@media(max-width:500px){
  .custom-box .custom-list .custom-item{width:100%;margin-top:20px}
  .custom-box .advantage-list{top:60px;margin-left:-20px;margin-right:-20px}
}
@media(max-width:479px){
  .custom-box .custom-wrap .title-box h2{font-size:40px}
}

.blog-box{margin-top:100px;padding-top:100px;padding-bottom:60px;background:url(../blog-bg.png) no-repeat scroll left top}
.blog-box .blog-title-box{}
.blog-box .blog-title-box h2{font-size:58px;color:#000;font-weight:400;line-height:1.1em;text-align:center}
.blog-box .blog-title-box p{font-size:16px;color:#666;font-weight:400;line-height:1.7em;text-align:center;margin-top:20px}
.blog-box .blog-content-box{margin-top:60px}
.blog-box .blog-content-box .content-wrap{display:flex}
.blog-box .blog-content-box .content-wrap .left{width:50%;position:relative}
.blog-box .blog-content-box .content-wrap .left .pic-wrap{width:100%;height:100%}
.blog-box .blog-content-box .content-wrap .left .pic-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}
.blog-box .blog-content-box .content-wrap .left .text-wrap{padding-bottom:26px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.blog-box .blog-content-box .content-wrap .left .text-wrap .top{display:flex;flex-direction:column-reverse;height:calc(100% - 20px)}
.blog-box .blog-content-box .content-wrap .left .text-wrap .top .category{font-size:16px;color:#66996f;position:absolute;top:0;left:0;padding-top:40px;margin-left:30px;margin-right:30px;width:calc(100% - 60px);height:20px}
.blog-box .blog-content-box .content-wrap .left .text-wrap .top .title{font-size:22px;color:#fff;margin-left:25px;margin-right:25px;margin-bottom:15px;font-weight:700}
.blog-box .blog-content-box .content-wrap .left .text-wrap .top .time{font-size:16px;color:rgba(255,255,255,0.79);margin-left:25px;margin-right:25px;padding-bottom:15px}
.blog-box .blog-content-box .content-wrap .left .text-wrap .top .time i{color:#66996f;margin-right:8px}
.blog-box .blog-content-box .content-wrap .left .text-wrap .bottom{}
.blog-box .blog-content-box .content-wrap .left .text-wrap .bottom p{font-size:16px;color:#66996f;margin-left:25px}
.blog-box .blog-content-box .content-wrap .left .text-wrap .bottom p i{margin-left:8px}
.blog-box .blog-content-box .content-wrap .left .mask-wrap{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(180deg,rgb(0 0 0 / 0%),rgb(0 0 0 / 80%));z-index:1}
.blog-box .blog-content-box .content-wrap .right{width:50%}
.blog-box .blog-content-box .content-wrap .right .blog-swiper{height:100%;position:relative}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-container{height:100%}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-slide{padding:0 15px}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap{border:1px solid #f2f2f2;padding-bottom:26px;height:100%;transition:all .5s}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap:hover{border-color:#66996f}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .top{border-bottom:1px solid #eee}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .top .category{font-size:16px;color:#66996f;height:20px;margin-left:20px;margin-right:20px;margin-bottom:26px;padding-top:40px;box-sizing:content-box}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .top .title{margin:20px 20px 26px}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .top .title a{font-size:22px;color:#111;font-weight:700;line-height:1.4;word-break:break-word}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .top .time{font-size:16px;color:#111;margin-left:20px;margin-right:20px;padding-bottom:20px}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .top .time i{color:#66996f;margin-right:8px}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .bottom{margin-top:30px}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .bottom .detail{font-size:16px;color:#878787;line-height:1.625;margin-left:20px;margin-right:20px;margin-bottom:26px;width:calc(100% - 40px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:77px;word-break:break-word}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .bottom a{font-size:16px;color:#66996f;margin-left:20px;margin-right:20px;margin-top:20px;padding-bottom:8px}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .text-wrap .bottom a i{margin-left:8px}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-dot{}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-dot .dot-list{text-align:center;margin-top:30px}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-dot .dot-list .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;opacity:.3;background-color:#878244;transition:.3s}
.blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-dot .dot-list .swiper-pagination-bullet.swiper-pagination-bullet-active,.blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-dot .dot-list .swiper-pagination-bullet:hover{opacity:1;background-color:#66996f}

@media(min-width:990px){
  .blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-dot{display:none}
}
@media(max-width:989px){
  .blog-box .blog-content-box .content-wrap{flex-direction:column}
  .blog-box .blog-content-box .content-wrap .left{width:100%}
  .blog-box .blog-content-box .content-wrap .right{width:100%;margin-top:50px}
  .blog-box .blog-content-box .content-wrap .right .blog-swiper .swiper-slide{padding:0}
}
@media(max-width:500px){
  .blog-box{margin-top:60px;padding-top:60px}
  .blog-box .blog-content-box{margin-top:40px}
}