/*首页*/
.index-page .width{max-width:1680px}

.index-page .banner{position:relative;height: calc(100vh - 110px);}
.index-page .banner .img{height:100%}
.index-page .banner .m{display:none}
.index-page .banner .width{max-width:1400px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}
.index-page .banner .info{color:#fff;width:70%;display:flex;flex-direction:column;align-items:flex-start}
.index-page .banner .name{font-size:70px;font-family:'ms-b';line-height: 80px;}
.index-page .banner .note{font-size:22px;margin:20px 0 60px;line-height: 35px;}
.index-page .banner .btn{padding:22px 75px 22px 35px;border:1px #fff solid;border-radius:5px;color:#fff;font-size:18px;background:url(../images/arrow-w.svg) no-repeat 85% center/25px}
.index-page .banner .swiper-pagination{bottom:40px !important}
.index-page .banner .swiper-pagination-bullet{background:#fff;border-radius:50%;opacity:1;margin:0 20px !important;width:8px;height:8px;}
.index-page .banner .swiper-pagination-bullet-active{position:relative;}
.index-page .banner .swiper-pagination-bullet-active:after{border-radius:50%;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px;border:1px #fff solid}

.index-page .tit-name{font-size:60px;color:#000;font-family:'ms-b';margin-bottom:10px}
.index-page .tit-note{font-size:18px;color:#000;font-family:'ms-b'}

.index-page .box1{background-image:url(../images/1.jpg);background-position:center top;padding:160px 0 50px}
.index-page .box1-1{display:flex;justify-content:flex-end;margin-bottom:145px}
.index-page .box1-1 .info{width:47.6%}
.index-page .box1-1 .detail{font-size:18px;line-height:34px;margin-top:50px}
.index-page .box1-1 .num-animate{display:flex;margin:50px 0 100px}
.index-page .box1-1 .item{width:33.33%}
.index-page .box1-1 .num{display:flex;color:#61C83D;font-family:'ms-b';margin-bottom:5px}
.index-page .box1-1 .num>span:first-child{font-size:48px;}
.index-page .box1-1 .num>span:last-child{margin-top:8px;margin-left:5px}
.index-page .box1-1 .item>.note{color:#666;font-size:16px}
.index-page .box1-1 .btn{padding:18px 65px 18px 25px;border:1px #000 solid;border-radius:5px;color:#000;font-size:16px;background:url(../images/arrow.svg) no-repeat 85% center/25px}
.index-page .box1-2{display:flex}
.index-page .box1-2 .item{width:33.33%;padding:35px 0 25px;cursor:pointer}
.index-page .box1-2 .con{border-left:10px solid #ebefed;padding:15px 100px 15px 50px;}
.index-page .box1-2 .icon{width:81px;height:65px}
.index-page .box1-2 .name{margin:25px 0 15px;font-size:24px;font-family:'ms-b';transition:.3s}
.index-page .box1-2 .note{font-size:16px;margin-bottom:30px;transition:.3s;line-height: 24px;}
.index-page .box1-2 .btn{padding-right:35px;font-size:16px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px;transition:.3s}

.index-page .box2{padding-top:100px}
.index-page .box2 .tit-name{text-align:center}
.index-page .box2 .tit-note{text-align:center}
.index-page .box2 .swiper{position:relative;border-bottom:1px #ddd solid;margin-top:40px}
.index-page .box2 .swiper-slide{width:1050px}
.index-page .box2 .img-bg{width:100%;position:relative}
.index-page .box2 .swiper-slide .img-bg::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6)}
.index-page .box2 .swiper-slide-active .img-bg::after{display:none}
.index-page .box2 .img{width:100%;padding-bottom:50.4%}
.index-page .box2 .swiper-slide .square{width:280px;display:none;position:absolute;left:0;bottom:0;padding:40px;background:rgba(52,152,17,.9);transition:.3s}
.index-page .box2 .swiper-slide-active .square{display:block}
.index-page .box2 .square .icon{width:40px;height:46px;margin-bottom:20px}
.index-page .box2 .square .name{color:#fff;font-size:24px;line-height:32px;font-family:'ms-b'}
.index-page .box2 .swiper-slide .info{display:none}
.index-page .box2 .swiper-slide-active .info{display:block}
.index-page .box2 .swiper-slide .info>div{display:flex;align-items:center}
.index-page .box2 .swiper-slide .info .name{width:240px;padding:40px 0;text-align:center;border-bottom:3px solid #349811}
.index-page .box2 .swiper-slide .info .name>span{padding:0 20px;position:relative;color:#000;font-size:24px;line-height:32px;font-weight:bold}
.index-page .box2 .swiper-slide .info .name>span::after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:#000}
.index-page .box2 .swiper-slide .info .note{width:810px;padding-left:35px;font-size:16px;color:#666;line-height:24px}
.index-page .box2 .arrow{position:absolute;top:38%;transform:translateY(-50%);width:35px;height:35px;border:1px #fff solid;background:url(../images/arrow1-w.svg) no-repeat center center/15px;cursor:pointer;transition:.3s;z-index:999}
.index-page .box2 .prev{left:50px;transform:rotate(180deg)}
.index-page .box2 .next{right:50px}
.index-page .box2 .swiper-pagination{display:none}

.index-page .box3{padding:100px 0}
.index-page .box3 .tit{display:flex;justify-content:space-between;align-items:center}
.index-page .box3 .tit .btn{padding:18px 75px 18px 30px;border:1px #000 solid;border-radius:5px;font-size:16px;background:url(../images/arrow.svg) no-repeat 85% center/25px;color:#000}
.index-page .box3 .con{margin-top:4rem;display:flex;height:630px}
.index-page .box3 .head{width:34.5%;position:relative}
.index-page .box3 .head .img-bg{width:100%;height:100%}
.index-page .box3 .head .img{width:100%;height:100%}
.index-page .box3 .head .info{position:absolute;bottom:0;left:0;width:100%;padding:10% 50px 40px;background:linear-gradient(to bottom,transparent 10%,#000 90%);color:#fff;transition:.3s}
.index-page .box3 .head .name{font-size:24px;color:#fff;font-family:'ms-b'}
.index-page .box3 .head .note{font-size:16px;line-height:24px;margin:15px 0 30px}
.index-page .box3 .head .btn{padding-right:35px;font-size:16px;color:#fff;background:url(../images/arrow-w.svg) no-repeat right center/20px;transition:.3s}
.index-page .box3 .best{width:65.5%;display:flex;flex-wrap:wrap;}
.index-page .box3 .best .item{width:calc(50% - 30px);height:300px;margin-left:30px;background:#F9F9F9;margin-bottom:30px;position:relative;padding:50px 40px;transition:.3s}
.index-page .box3 .best .item:nth-child(n+3){margin-bottom:0}
.index-page .box3 .best .img{position:absolute;width:32%;height:100%;right:35px;top:0;display:flex;justify-content:center;align-items:center}
.index-page .box3 .best .img>img{max-width:100%;max-height:100%}
.index-page .box3 .best .info{width:58%;}
.index-page .box3 .best .name{font-size:18px;color:#000;font-family:'ms-b'}
.index-page .box3 .best .line{height:2px;background:rgba(34,34,35,.15);position:relative;margin:15px 0}
.index-page .box3 .best .line::before{content:'';width:50px;height:2px;background:#349811;position:absolute;left:0;top:0}
.index-page .box3 .best .note{font-size:14px;line-height:24px;color:#666;margin-bottom:20px}
.index-page .box3 .best .btn{padding-right:35px;font-size:16px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px}

@media (max-width:750px){
    .index-page .banner .pc{display:none}
    .index-page .banner .m{display:block}
    .index-page .banner .swiper-slide::after{content:'';width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0}
    .index-page .banner .width{top:40%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}
    .index-page .banner .info{width:calc(100% - 40px);}
    .index-page .banner .name{font-size:25px;text-align:center;line-height: 35px;}
    .index-page .banner .note{font-size:16px;margin:10px 0 40px;text-align:center;max-width:100%;line-height: 26px;}
    .index-page .banner .btn{margin:0 auto;padding:10px 55px 10px 20px;font-size:14px;background-size:20px}
    .index-page .banner .swiper-pagination{bottom:20px !important}
    .index-page .banner .swiper-pagination-bullet{margin:0 10px !important;width:6px;height:6px;}
    .index-page .banner .swiper-pagination-bullet-active:after{padding:10px}
    
    .index-page .tit-name{font-size:25px;text-align:center}
    .index-page .tit-note{font-size:16px;text-align:center;max-width:100%;line-height:24px}
    
    .index-page .box1{background-image:url(../images/2.jpg);background-position:center top;background-size:100% auto;padding:80% 0 30px}
    .index-page .box1-1{margin-bottom:40px}
    .index-page .box1-1 .info{width:100%}
    .index-page .box1-1 .tit-name{text-align:left}
    .index-page .box1-1 .tit-note{text-align:left}
    .index-page .box1-1 .detail{font-size:14px;line-height:24px;margin-top:20px}
    .index-page .box1-1 .num-animate{flex-wrap:wrap;margin:20px 0 0}
    .index-page .box1-1 .item{width:calc(50% - 10px);margin-bottom:20px}
    .index-page .box1-1 .item:nth-child(2n+1){margin-right:20px}
    .index-page .box1-1 .item:last-child{margin-right:0;width:100%}
    .index-page .box1-1 .num{margin-bottom:0;}
    .index-page .box1-1 .num>span:first-child{font-size:30px;}
    .index-page .box1-1 .num>span:last-child{margin-top:5px}
    .index-page .box1-1 .item>.note{font-size:14px}
    .index-page .box1-1 .btn{padding:10px 55px 10px 20px;font-size:14px;background-size:20px}
    .index-page .box1-2{display:block}
    .index-page .box1-2 .item{width:100%;padding:0 0 20px}
    .index-page .box1-2 .con{border:0;background:#fff;padding:25px}
    .index-page .box1-2 .icon{width:70px;height:56px;background-size:70px auto !important}
    .index-page .box1-2 .name{margin:20px 0 10px;font-size:20px}
    .index-page .box1-2 .note{font-size:14px;margin-bottom:20px;line-height: 22px;}
    .index-page .box1-2 .btn{padding-right:30px;font-size:14px}
    
    .index-page .box2{padding:30px 0 10px;border-bottom:1px #eee solid}
    .index-page .box2 .swiper{margin-top:20px;padding-bottom:20px;border-bottom:0}
    .index-page .box2 .swiper-slide .img-bg::after{display:none}
    .index-page .box2 .swiper-slide .square{width:auto;max-width:100%;padding:15px;display:flex;align-items:center}
    .index-page .box2 .square .icon{width:30px;height:35px;margin-bottom:0;margin-right:10px;background-size:30px auto !important}
    .index-page .box2 .square .name{font-size:16px;line-height:22px}
    .index-page .box2 .swiper-slide .info{display:block}
    .index-page .box2 .swiper-slide .info>div{display:block}
    .index-page .box2 .swiper-slide .info .name{width:100%;padding:20px 0 0;border-bottom:0;text-align:center}
    .index-page .box2 .swiper-slide .info .name>span{padding-right:0;font-size:18px;line-height:26px}
    .index-page .box2 .swiper-slide .info .name>span::after{display:none}
    .index-page .box2 .swiper-slide .info .note{width:100%;padding-left:0;font-size:14px;line-height:22px;text-align:center;margin-bottom:20px}
    .index-page .box2 .arrow{display:none}
    .index-page .box2 .swiper-pagination{display:block}
    .index-page .box2 .swiper-pagination-bullet-active{background:#349811}
    
    .index-page .box3{padding:50px 0}
    .index-page .box3 .tit{flex-direction:column;align-items:center}
    .index-page .box3 .tit .btn{margin-top:20px;padding:10px 55px 10px 20px;font-size:14px;background-size:20px}
    .index-page .box3 .con{margin-top:2rem;display:block;height:auto}
    .index-page .box3 .head{width:100%}
    .index-page .box3 .head .img-bg{height:auto;}
    .index-page .box3 .head .img{padding-bottom:108%}
    .index-page .box3 .head .info{padding:10% 25px 25px}
    .index-page .box3 .head .name{font-size:20px}
    .index-page .box3 .head .note{font-size:14px;margin:5px 0 10px}
    .index-page .box3 .head .btn{padding-right:30px;font-size:14px}
    .index-page .box3 .best{width:100%;display:block}
    .index-page .box3 .best .item{width:100%;height:auto;margin-left:0;margin-bottom:0;margin-top:20px;padding:25px}
    .index-page .box3 .best .img{position:static;width:100%;margin-bottom:20px}
    .index-page .box3 .best .img>img{max-width:80%;max-height:80%}
    .index-page .box3 .best .info{width:100%;}
    .index-page .box3 .best .name{height: auto;}
    .index-page .box3 .best .line{height:1px;margin:15px 0}
    .index-page .box3 .best .line::before{height:1px}
    .index-page .box3 .best .note{margin-bottom:20px;height: auto;}
    .index-page .box3 .best .btn{padding-right:30px;font-size:14px}
}

@media (any-hover:hover){
    .index-page .banner .btn:hover{background-color:#349811;border-color:#349811}
    .index-page .box1-1 .btn:hover{background-color:#349811;background-image:url(../images/arrow-w.svg);border-color:#349811;color:#fff}
    .index-page .box1-2 .item:hover{background:linear-gradient(to right,#349811,#A0CE90)}
    .index-page .box1-2 .item:hover .con{border-left:0;padding-left:60px;color:#fff}
    .index-page .box1-2 .item:hover .name{color:#fff}
    .index-page .box1-2 .item:hover .btn{color:#fff;background-image:url(../images/arrow-w.svg)}
    .index-page .box2 .swiper-slide .square:hover{padding:35px 40px 45px}
    .index-page .box2 .swiper-slide .info .name>span:hover{color:#349811}
    .index-page .box2 .arrow:hover{background-color:#349811;border:1px solid #349811}
    .index-page .box3 .tit .btn:hover{background-color:#349811;border-color:#349811;color:#fff;background-image:url(../images/arrow-w.svg);}
    .index-page .box3 .head:hover .info{padding:40px 50px 60px}
    .index-page .box3 .best .item:hover{background:linear-gradient(to right,#349811,#A0CE90)}
    .index-page .box3 .best .item:hover .name{color:#fff}
    .index-page .box3 .best .item:hover .line{background:rgba(255,255,255,.2)}
    .index-page .box3 .best .item:hover .line::before{background:#fff}
    .index-page .box3 .best .item:hover .note{color:#fff}
    .index-page .box3 .best .item:hover .btn{color:#fff;background-image:url(../images/arrow-w.svg)}
}

/*关于我们*/
.about-page .tit-name{font-size:48px;color:#000;font-family:'ms-b';margin-bottom:5px}
.about-page .tit-note{font-size:20px;color:#000;line-height:30px}

.about-page .box1{padding:60px 0;}
.about-page .box1 .num-animate{display:flex;border-top:1px #eee solid;margin-top:35px;padding-top:55px}
.about-page .box1 .num-animate .item{margin-right:100px;display:flex;align-items:center}
.about-page .box1 .num-animate .icon{margin-right:30px;width:81px;height:61px;display:flex;justify-content:center;align-items:center}
.about-page .box1 .num-animate .icon>img{max-width:100%;max-height:100%}
.about-page .box1 .num-animate .num{display:flex;color:#349811;font-family:'ms-b'}
.about-page .box1 .num-animate .num>span:first-child{font-size:48px;}
.about-page .box1 .num-animate .num>span:last-child{font-size:16px;margin:8px 0 0 5px}
.about-page .box1 .num-animate .note{font-size:16px;color:#666}
.about-page .box1 .detail{padding:50px 0;font-size:18px;line-height:36px}
.about-page .box1 .tit-img{padding-bottom:43.25%;position:relative;margin-bottom:100px}
.about-page .box1 .tit-img .txt{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.about-page .box1 .play{position:relative;width:50px;height:50px;border-radius:50%;background:#61C83D url(../images/arrow2-w.svg) no-repeat center center/18px;cursor:pointer;margin-bottom:15px}
.about-page .box1 .play::after{width:58px;height:58px;content:'';position:absolute;top:-5px;left:-5px;border:1px rgba(255,255,255,.5) solid;border-radius:50%}
.about-page .box1 .tit-img span{color:#fff}
.about-page .box1 .con{display:flex;flex-wrap:wrap}
.about-page .box1 .con .item{width:calc(33.33% - 26px);margin-right:39px;margin-bottom:40px;background:#f8f8f8}
.about-page .box1 .con .item:last-child{margin-right:0}
.about-page .box1 .con .img{width:100%;padding-bottom:65%}
.about-page .box1 .con .info{padding:40px;}
.about-page .box1 .con .name{font-size:20px;line-height:30px;font-family:'ms-b';margin-bottom:10px}
.about-page .box1 .con .note{line-height:28px}

.about-page .box2{padding:100px 0}
.about-page .box2 .tab{display:flex;justify-content:center;margin-bottom:55px}
.about-page .box2 .tab>span{color:rgba(255,255,255,.3);font-size:36px;line-height:30px;font-family:'ms-b';cursor:pointer}
.about-page .box2 .tab>span:first-child{padding-right:50px;border-right:1px #fff solid}
.about-page .box2 .tab>span:last-child{padding-left:50px}
.about-page .box2 .tab>span.active{color:#fff}
.about-page .box2 .con{display:none;}
.about-page .box2 .con>div{display:flex}
.about-page .box2 .con1-l{width:calc(50% - 10px);margin-right:20px}
.about-page .box2 .con1-r{width:calc(50% - 10px)}
.about-page .box2 .con .item{color:#000;transition:.3s}
.about-page .box2 .con1 .item{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 70px;}
.about-page .box2 .con1-l .item{height:260px;}
.about-page .box2 .con1-l .item:first-child{margin-bottom:20px}
.about-page .box2 .con1-r .item{height:540px;}
.about-page .box2 .con1 .icon{width:56px;height:51px}
.about-page .box2 .con1 .name{font-size:30px;font-family:'ms-b';padding:20px 0 15px}
.about-page .box2 .con1 .note{font-size:16px;line-height:28px;overflow-y:auto}
.about-page .box2 .con1-l .note{max-height:56px}
.about-page .box2 .con1-r .note{max-height:320px}
.about-page .box2 .con2 .item{position:relative}
.about-page .box2 .con2-l{width:32.8%;margin-right:10px}
.about-page .box2 .con2-l .item{height:540px}
.about-page .box2 .con2-r{width:calc(67.2% - 10px);display:flex;flex-wrap:wrap;}
.about-page .box2 .con2-r .item{width:calc(56.5% - 10px);height:265px}
.about-page .box2 .con2-r .item:first-child{width:43.5%;margin-right:10px;margin-bottom:10px}
.about-page .box2 .con2-r .item:nth-child(2){margin-bottom:10px}
.about-page .box2 .con2-r .item:nth-child(3){margin-right:10px;}
.about-page .box2 .con2-r .item:last-child{width:43.5%}
.about-page .box2 .con2 .info{position:absolute;top:0;left:0;width:100%;height:100%;padding:30px 40px;background:linear-gradient(to right,#fff,transparent);display:flex;flex-direction:column;justify-content:flex-end}
.about-page .box2 .con2 .icon{width:43px;height:42px}
.about-page .box2 .con2 .name{font-size:20px;font-family:'ms-b';padding:15px 0 10px}
.about-page .box2 .con2 .note{font-size:16px;line-height:28px;overflow-y:auto;max-height:56px}

.about-page .box3{padding:100px 0}
.about-page .box3 .tit-name{text-align:center}
.about-page .box3 .tit-note{text-align:center}
.about-page .box3 .pc .years{margin:70px auto;max-width:1395px;position:relative;}
.about-page .box3 .pc .years .swiper{height:75px}
.about-page .box3 .pc .years .swiper-slide{font-size:24px;font-family:'ms-b';color:#999;line-height:34px;text-align:center;position:relative;cursor:pointer}
.about-page .box3 .pc .years .swiper-slide::before{position:absolute;content:'';bottom:5px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:#bfbfbf}
.about-page .box3 .pc .years .swiper-slide-active{color:#349811;font-size:34px}
.about-page .box3 .pc .years .swiper-slide-active::before{background:#349811}
.about-page .box3 .pc .years .swiper-slide-active::after{position:absolute;content:'';bottom:0;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:rgba(52,152,17,.2)}
.about-page .box3 .pc .line{position:absolute;bottom:10px;left:50%;height:1px;background:#eee;transform:translateX(-50%)}

.about-page .box3 .pc .arrow{position:absolute;top:85%;width:60px;height:60px;transform:translateY(-50%);background:#eee url(../images/arrow1.svg) no-repeat center center/12px;cursor:pointer;border-radius:50%;transition:.3s;z-index:998}
.about-page .box3 .pc .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.about-page .box3 .pc .next{right:0}
.about-page .box3 .pc .con{position:relative;display:flex;justify-content:flex-end}
.about-page .box3 .pc .con .year{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:120px;font-family:'ms-b';color:#349811}
.about-page .box3 .pc .con .info{width:85%;background:#F9F9F9;display:flex;justify-content:space-between;align-items:center;padding:40px 40px 40px 140px}
.about-page .box3 .pc .con .txt{border-left:1px #ccc solid;padding:0 50px;width:71.4%}
.about-page .box3 .pc .con .name{font-size:22px;color:#000;font-family:'ms-b';margin-bottom:10px}
.about-page .box3 .pc .con .note{font-size:16px;line-height:28px;max-height:80px;overflow-y:hidden}
.about-page .box3 .pc .con .img-bg{width:28.6%}
.about-page .box3 .pc .con .img{width:100%;padding-bottom:69.2%}
.about-page .box3 .m{display:none}

.about-page .box4{padding:100px 0}
.about-page .box4 .width{display:flex;height:460px}
.about-page .box4 .img-bg{width:45.3%;height:100%;position:relative}
.about-page .box4 .img{width:100%;height:100%;}
.about-page .box4 .icon{width:120px;height:120px;position:absolute;left:0;bottom:0}
.about-page .box4 .info{width:54.7%;padding-left:80px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.about-page .box4 .name{font-size:48px;font-family:'ms-b'}
.about-page .box4 .note{font-size:20px;line-height:30px;padding:10px 0 25px;margin-bottom:25px;border-bottom:1px solid rgba(229,229,229,.1)}
.about-page .box4 .detail{font-size:16px;line-height:32px;opacity:.8}

.about-page .box5{padding:100px 0 80px}
.about-page .box5 .tit-name{margin-top:15px;text-align:center}
.about-page .box5 .tit-note{text-align:center}
.about-page .box5 .con{margin-top:40px;display:flex;flex-wrap:wrap}
.about-page .box5 .item{margin-right:40px;margin-bottom:40px;width:calc(25% - 30px);background:#f8fafa;padding:60px 35px 45px;position:relative}
.about-page .box5 .item::after{display:none;content:'';position:absolute;width:100%;height:3px;background:#349811;bottom:0;left:0;}
.about-page .box5 .item:nth-child(4n){margin-right:0}
.about-page .box5 .icon{width:90px;height:90px;border-radius:50%;background:#a8a8a8;overflow:hidden;padding-top:10px;display:flex;justify-content:center;align-items:center}
.about-page .box5 .icon>img{max-width:100%;max-height:100%}
.about-page .box5 .name{font-size:22px;line-height:32px;font-family:'ms-b';padding:20px 0 5px}
.about-page .box5 .note{line-height:26px;color:#666;padding-bottom:35px;font-size: 16px;height:70px}
.about-page .box5 p{font-size:14px;line-height:24px;color:#666}

.about-page .box6{background:#F9FAFB;padding:100px 0}
.about-page .box6 .tit-name{text-align:center}
.about-page .box6 .tit-note{text-align:center}
.about-page .box6 .con{margin-top:40px;display:flex;flex-wrap:wrap}
.about-page .box6 .item{width:calc(16.66% - 12.5px);height:100px;margin-right:15px;margin-bottom:15px;background:#fff;border:1px solid #eee;display:flex;justify-content:center;align-items:center}
.about-page .box6 .item:nth-child(6n){margin-right:0}
.about-page .box6 .item>img{max-width:70%;max-height:70%;transition:.8s}

.about-page .box7{padding:90px 0 60px}
.about-page .box7 .tit-name{text-align:center}
.about-page .box7 .tit-note{text-align:center}
.about-page .box7 ul{display:flex;flex-wrap:wrap;margin-top:50px}
.about-page .box7 li{width:calc(25% - 30px);margin-right:40px;background:#f8fafa;padding:40px 40px 35px;position:relative;margin-bottom:40px}
.about-page .box7 li:nth-child(4n){margin-right:0}
.about-page .box7 li::after{content:'';width:0;height:3px;background:#349811;position:absolute;left:0;bottom:0;transition:.3s}
.about-page .box7 .img-div{width:90px;height:90px;background:#a8a8a8;border-radius:50%;display:flex;justify-content:center;align-items:flex-end;overflow-y:hidden}
.about-page .box7 .img-div>img{max-width:85%;max-height:85%;transition:.3s}
.about-page .box7 li>p:nth-of-type(1){font-family:'ms-b';font-size:20px;line-height:30px;color:#000;margin:20px 0 10px}
.about-page .box7 li>p:nth-of-type(2){font-size:12px;line-height:22px;color:#666}
.about-page .box7 .page{padding:10px 0 40px}
.about-page .box7 .page a{background:#f5f5f5}
.about-page .box7 .page .a_cur{background:#349811}

@media (max-width:750px){
    .about-page .tit-name{font-size:25px;text-align:center}
    .about-page .tit-note{font-size:14px;line-height:24px;text-align:center}
    
    .about-page .box1{padding:10px 0}
    .about-page .box1 .num-animate{white-space:nowrap;overflow-x:auto;margin-top:20px;padding-top:20px}
    .about-page .box1 .num-animate .item{margin-right:50px}
    .about-page .box1 .num-animate .icon{margin-right:10px;width:50px;height:40px}
    .about-page .box1 .num-animate .num>span:first-child{font-size:30px;}
    .about-page .box1 .num-animate .num>span:last-child{font-size:14px;margin:3px 0 0 5px}
    .about-page .box1 .num-animate .note{font-size:14px}
    .about-page .box1 .detail{padding:20px 0;font-size:14px;line-height:24px}
    .about-page .box1 .tit-img{margin-bottom:30px}
    .about-page .box1 .tit-img .txt{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
    .about-page .box1 .play{width:35px;height:35px;background-size:12px;margin-bottom:10px}
    .about-page .box1 .play::after{width:43px;height:43px}
    .about-page .box1 .tit-img span{font-size:12px}
    .about-page .box1 .con{display:block}
    .about-page .box1 .con .item{width:100%;margin-right:0;margin-bottom:20px}
    .about-page .box1 .con .info{padding:25px;}
    .about-page .box1 .con .name{font-size:17px;line-height:27px;margin-bottom:5px}
    .about-page .box1 .con .note{font-size:14px;line-height:24px}
    
    .about-page .box2{padding:50px 0}
    .about-page .box2 .tab{margin-bottom:20px}
    .about-page .box2 .tab>span{font-size:20px;line-height:24px}
    .about-page .box2 .tab>span:first-child{padding-right:10px}
    .about-page .box2 .tab>span:last-child{padding-left:10px}
    .about-page .box2 .con>div{display:block}
    .about-page .box2 .con1-l{width:100%;margin-right:0}
    .about-page .box2 .con1-r{width:100%}
    .about-page .box2 .con1 .item{padding:25px;}
    .about-page .box2 .con1-l .item{height:auto;margin-bottom:20px}
    .about-page .box2 .con1-r .item{height:auto;}
    .about-page .box2 .con1 .icon{width:40px;height:36px;background-size:40px !important}
    .about-page .box2 .con1 .name{font-size:20px;padding:10px 0 5px}
    .about-page .box2 .con1 .note{font-size:14px;line-height:24px;overflow-y:auto}
    .about-page .box2 .con1-l .note{max-height:120px}
    .about-page .box2 .con1-r .note{max-height:120px}
    .about-page .box2 .con2-l{width:100%;margin-right:0;margin-bottom:20px}
    .about-page .box2 .con2-l .item{height:auto;padding-bottom:128%}
    .about-page .box2 .con2-r{width:100%;display:block}
    .about-page .box2 .con2-r .item{width:100%;height:auto}
    .about-page .box2 .con2-r .item:first-child{width:100%;margin-right:0;margin-bottom:20px;padding-bottom:71.6%}
    .about-page .box2 .con2-r .item:nth-child(2){margin-bottom:20px;padding-bottom:56.4%}
    .about-page .box2 .con2-r .item:nth-child(3){margin-bottom:20px;padding-bottom:56.4%}
    .about-page .box2 .con2-r .item:last-child{width:100%;padding-bottom:71.6%}
    .about-page .box2 .con2 .info{padding:25px}
    .about-page .box2 .con2 .icon{width:40px;height:39px;background-size:40px !important}
    .about-page .box2 .con2 .note{font-size:14px;line-height:24px;overflow-y:auto}
    
    .about-page .box3{padding:30px 0}
    .about-page .box3 .pc{display:none}
    .about-page .box3 .m{display:block;margin-top:20px;padding-bottom:40px}
    .about-page .box3 .m .swiper-slide{display:flex;flex-direction:column;align-items:center;background:#f5f5f5;padding:25px}
    .about-page .box3 .m .year{color:#349811;font-size:50px;font-family:'ms-b'}
    .about-page .box3 .m .name{color:#000;font-size:20px;font-family:'ms-b';text-align:center;padding:20px 0 10px}
    .about-page .box3 .m .note{font-size:14px;line-height:24px;max-height:96px;overflow-y:hidden;text-align:center;margin-bottom:20px}
    .about-page .box3 .m .img{width:100%;padding-bottom:69.2%;max-width:260px}
    .about-page .box3 .m .swiper-pagination-bullet{background:#349811}
    
    .about-page .box4{padding:50px 0}
    .about-page .box4 .width{display:block;height:auto}
    .about-page .box4 .img-bg{width:100%;height:auto;margin-bottom:20px}
    .about-page .box4 .img{height:auto;padding-bottom:79.3%}
    .about-page .box4 .icon{width:80px;height:80px;background-size:35px auto !important}
    .about-page .box4 .info{width:100%;padding-left:0}
    .about-page .box4 .name{font-size:25px;text-align:center}
    .about-page .box4 .note{font-size:16px;line-height:26px;padding:5px 0 15px;margin-bottom:15px;text-align:center}
    .about-page .box4 .detail{font-size:14px;line-height:24px;text-align:center}
    
    .about-page .box5{padding:30px 0}
    .about-page .box5 .con{margin-top:20px;display:block}
    .about-page .box5 .item{margin-right:0;margin-bottom:20px;width:100%;padding:25px}
    .about-page .box5 .icon{margin:0 auto}
    .about-page .box5 .name{font-size:18px;line-height:28px;padding:15px 0 5px;text-align:center}
    .about-page .box5 .note{text-align:center;padding-bottom:15px;height:auto}
    .about-page .box5 p{text-align:center}
    
    .about-page .box6{padding:50px 0}
    .about-page .box6 .con{margin-top:20px}
    .about-page .box6 .item{width:calc(33.33% - 6px);height:70px;margin-right:9px;margin-bottom:10px}
    .about-page .box6 .item:nth-child(3n){margin-right:0}
    
    .about-page .box7{padding:50px 0 30px}
    .about-page .box7 ul{display:block;margin-top:30px}
    .about-page .box7 li{width:100%;margin-right:0;padding:30px 20px;margin-bottom:20px}
    .about-page .box7 li>p:nth-of-type(1){font-size:18px;line-height:28px;margin:15px 0 5px}
    .about-page .box7 .page{padding:10px 0 20px}
}

@media (any-hover:hover){
    .about-page .box2 .con .item:hover{color:#fff}
    .about-page .box2 .con2 .item:hover .info{background:none}
    
    .about-page .box3 .arrow:hover{background-color:#349811;background-image:url(../images/arrow1-w.svg)}
    
    .about-page .box5 .item:hover::after{display:block}
    .about-page .box5 .item:hover .name{color:#349811}
    
    .about-page .box6 .item>img:hover{transform:scale(1.1)}
    
    .about-page .box7 li:hover::after{width:100%}
    .about-page .box7 li:hover .img-div>img{transform:scale(1.1)}
    .about-page .box7 li:hover>p:nth-of-type(1){color:#349811;}
    .about-page .box7 .page a:hover{background:#349811}
}

/*市场*/
.market-page .tit{background:#f5f5f5;padding:70px 0 40px;color:#000;}
.market-page .tit-name{font-size:48px;font-family:'ms-b';text-align:center}
.market-page .tit-note{font-size:18px;text-align:center;line-height:36px}

.market-page .list{background:#F5F5F5;padding-bottom:50px}
.market-page .list .item{margin-bottom:50px;position:relative;background:#fff;display:flex;justify-content:flex-end}
.market-page .list .item:nth-child(2n){justify-content:flex-start}
.market-page .list .info{position:absolute;left:0;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 70px}
.market-page .list .item:nth-child(2n) .info{left:auto;right:0}
.market-page .list .name{width:100%;font-size:20px;font-family:'ms-b';border-bottom:2px #ccc solid;padding-bottom:25px;transition:.3s}
.market-page .list .note{line-height:26px;color:#666;margin:25px 0 40px;font-size: 16px;}
.market-page .list .btn{padding-right:35px;font-size:16px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px}
.market-page .list .img-bg{width:50%;}
.market-page .list .img{width:100%;padding-bottom:56.2%}

.market-page .detail{border-top:1px #eee solid}
.market-page .detail .name{font-size:48px;line-height:60px;color:#000;font-family:'ms-b';text-align:center;margin:100px 0 30px}
.market-page .detail .content{padding-bottom:50px;border-bottom:1px #ddd solid}
.market-page .detail .content p{font-size:16px;line-height:30px}
.market-page .detail .content img{max-width:100%;display:block;height:auto !important;margin:20px auto}
.market-page .detail .jump{padding:50px 0;display:flex;justify-content:space-between;align-items:center}
.market-page .detail .jump .btn{padding:20px 0;width:160px;text-align:center;background:#349811;transition:.3s;color:#fff}
.market-page .detail .jump .info{width:calc(90% - 160px)}
.market-page .detail .jump .info>a{font-size:16px;line-height:30px}

@media (max-width:750px){
    .market-page .tit{padding:30px 0 0}
    .market-page .tit-name{font-size:25px;margin-bottom:5px}
    .market-page .tit-note{font-size:14px;line-height:24px}
    
    .market-page .list{padding-top:30px}
    .market-page .list .item{margin-bottom:20px;display:block}
    .market-page .list .info{position:static;width:100%;height:auto;padding:25px}
    .market-page .list .name{font-size:18px;padding-bottom:10px}
    .market-page .list .note{margin:10px 0 20px;font-size: 14px;line-height: 24px;}
    .market-page .list .btn{padding-right:30px;font-size:14px}
    .market-page .list .img-bg{width:100%}
    
    .market-page .detail .name{font-size:25px;line-height:35px;margin:30px 0 20px}
    .market-page .detail .content{padding-bottom:30px}
    .market-page .detail .content p{font-size:14px;line-height:26px}
    .market-page .detail .jump{padding:30px 0;display:block}
    .market-page .detail .jump .btn{padding:12px 0;width:120px}
    .market-page .detail .jump .info{width:100%;margin-bottom:10px}
    .market-page .detail .jump .info>a{font-size:14px;line-height:26px}
}

@media (any-hover:hover){
    .market-page .list .item:hover .name{color:#349811;border-color:#349811}
    .market-page .list .item:hover .btn{color:#349811;background-image:url(../images/arrow-m.svg)}
    
    .market-page .detail .jump .info>a:hover{color:#349811}
    .market-page .detail .jump .btn:hover{background:green}
}

/*解决方案*/
.plan-page .tit{background:#f5f5f5;padding:70px 0 40px;color:#000;}
.plan-page .tit-name{font-size:48px;font-family:'ms-b';text-align:center}
.plan-page .tit-note{font-size:18px;text-align:center;line-height:36px}

.plan-page .list{background:#F5F5F5;padding-bottom:50px}
.plan-page .list .item{margin-bottom:50px;position:relative;background:#fff;display:flex;justify-content:flex-end}
.plan-page .list .item:nth-child(2n){justify-content:flex-start}
.plan-page .list .info{position:absolute;left:0;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 70px}
.plan-page .list .item:nth-child(2n) .info{left:auto;right:0}
.plan-page .list .name{width:100%;font-size:20px;font-family:'ms-b';border-bottom:2px #ccc solid;padding-bottom:25px;transition:.3s}
.plan-page .list .note{line-height:24px;color:#666;margin:25px 0 40px}
.plan-page .list .btn{padding-right:35px;font-size:16px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px}
.plan-page .list .img-bg{width:50%;}
.plan-page .list .img{width:100%;padding-bottom:56.2%}

.plan-page .detail{border-top:1px #eee solid}
.plan-page .detail .name{font-size:48px;line-height:50px;color:#000;font-family:'ms-b';text-align:center;margin:100px 0 30px}
.plan-page .detail .content{padding-bottom:50px;border-bottom:1px #ddd solid}
.plan-page .detail .content p{font-size:16px;line-height:30px}
.plan-page .detail .content img{max-width:100%;display:block;height:auto !important;margin:20px auto}
.plan-page .detail .jump{padding:50px 0;display:flex;justify-content:space-between;align-items:center}
.plan-page .detail .jump .btn{padding:20px 0;width:160px;text-align:center;background:#349811;transition:.3s;color:#fff}
.plan-page .detail .jump .info{width:calc(90% - 160px)}
.plan-page .detail .jump .info>a{font-size:16px;line-height:30px}

.plan-page .detail table{ border:1px solid #eee; border-bottom:0; text-align:center; width:100%; }
.plan-page .detail table .firstRow{  height:80px; font-size:16px; }
.plan-page .detail table .firstRow td{ font-weight:800; }
.plan-page .detail td{  border-right:1px solid #eee; border-bottom:1px solid #eee; height:60px;  }
.plan-page .detail .content td p{   font-size:14px ; color:#666; line-height:40px; }

@media (max-width:750px){
    .plan-page .tit{padding:30px 0 0}
    .plan-page .tit-name{font-size:25px;margin-bottom:5px}
    .plan-page .tit-note{font-size:14px;line-height:24px}
    
    .plan-page .list{padding-top:30px}
    .plan-page .list .item{margin-bottom:20px;display:block}
    .plan-page .list .info{position:static;width:100%;height:auto;padding:25px}
    .plan-page .list .name{font-size:18px;padding-bottom:10px}
    .plan-page .list .note{margin:10px 0 20px}
    .plan-page .list .btn{padding-right:30px;font-size:14px}
    .plan-page .list .img-bg{width:100%}
    
    .plan-page .detail .name{font-size:25px;line-height:35px;margin:30px 0 20px}
    .plan-page .detail .content{padding-bottom:30px}
    .plan-page .detail .content p{font-size:14px;line-height:26px}
    .plan-page .detail .jump{padding:30px 0;display:block}
    .plan-page .detail .jump .btn{padding:12px 0;width:120px}
    .plan-page .detail .jump .info{width:100%;margin-bottom:10px}
    .plan-page .detail .jump .info>a{font-size:14px;line-height:26px}
}

@media (any-hover:hover){
    .plan-page .list .item:hover .name{color:#349811;border-color:#349811}
    .plan-page .list .item:hover .btn{color:#349811;background-image:url(../images/arrow-m.svg)}
    
    .plan-page .detail .jump .info>a:hover{color:#349811}
    .plan-page .detail .jump .btn:hover{background:green}
}

/*物料*/
.materiel-page{background:#F5F5F5}
.materiel-page .tit-name{font-size:48px;font-family:'ms-b';color:#000;text-align:center;margin-bottom:50px}

.materiel-page .box1{padding:70px 0 120px}
.materiel-page .box1 .con{display:flex}
.materiel-page .box1 .con-l{width:32.8%;margin-right:10px;height:470px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 50px}
.materiel-page .box1 .con-r{width:calc(67.2% - 10px);display:flex;flex-wrap:wrap;}
.materiel-page .box1 .con-r .item{width:calc(56% - 10px);height:230px;background:#fff;padding:40px}
.materiel-page .box1 .con-r .item:first-child{margin-right:10px;margin-bottom:10px}
.materiel-page .box1 .con-r .item:nth-child(2){width:44%;margin-bottom:10px}
.materiel-page .box1 .con-r .item:nth-child(3){width:44%;margin-right:10px;}
.materiel-page .box1 .con .icon{width:38px;height:37px}
.materiel-page .box1 .con .name{font-size:20px;font-family:'ms-b';padding:15px 0 10px;display: block;}
.materiel-page .box1 .con .note{font-size:14px;line-height:24px}

.materiel-page .box2{padding-bottom:100px}
.materiel-page .box2 .con{margin-top:40px;display:flex;flex-wrap:wrap}
.materiel-page .box2 .item{width:calc(16.66% - 12.5px);margin-right:15px;margin-bottom:15px;}
.materiel-page .box2 .item:nth-child(6n){margin-right:0}
.materiel-page .box2 .img{height:100px;background:#fff;border:1px solid #eee;display:flex;justify-content:center;align-items:center;}
.materiel-page .box2 .img>img{max-width:70%;max-height:70%;transition:.8s}

.materiel-page.detail{background:#f5f5f5;padding:100px 0}
.materiel-page.detail .width{background:#fff;padding:90px}
.materiel-page.detail .name{font-size:30px;line-height:45px;color:#000;text-align:center;font-family:'ms-b';padding-bottom:30px}
.materiel-page.detail .con{padding:45px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.materiel-page.detail .con p{font-size:16px;line-height:30px}
.materiel-page.detail .con img{max-width:100%;display:block;height:auto !important;margin:20px auto}

@media (max-width:750px){
    .materiel-page .tit-name{font-size:25px;margin-bottom:20px}
    
    .materiel-page .box1{padding:30px 0}
    .materiel-page .box1 .con{display:block}
    .materiel-page .box1 .con-l{width:100%;margin-right:0;height:auto;padding:25px;margin-bottom:20px}
    .materiel-page .box1 .con-r{width:100%;display:block}
    .materiel-page .box1 .con-r .item{width:100%;height:auto;padding:25px;margin-bottom:20px}
    .materiel-page .box1 .con-r .item:first-child{margin-right:0;margin-bottom:20px}
    .materiel-page .box1 .con-r .item:nth-child(2){width:100%;margin-bottom:20px}
    .materiel-page .box1 .con-r .item:nth-child(3){width:100%;margin-right:0;}
    .materiel-page .box1 .con .icon{margin:0 auto}
    .materiel-page .box1 .con .name{font-size:18px;text-align:center}
    .materiel-page .box1 .con .note{text-align:center}
    
    .materiel-page .box2{padding-bottom:30px}
    .materiel-page .box2 .con{margin-top:20px}
    .materiel-page .box2 .item{width:calc(33.33% - 6px);margin-right:9px;margin-bottom:20px}
    .materiel-page .box2 .item:nth-child(3n){margin-right:0}
    .materiel-page .box2 .img{height:70px;}
    .materiel-page .box2 .name{position:static;width:auto;height:auto;background:none;color:#333;font-size:14px;opacity:1;margin-top:10px}
    
    .materiel-page.detail{padding:30px 0}
    .materiel-page.detail .width{padding:30px 25px}
    .materiel-page.detail .name{font-size:25px;line-height:35px}
    .materiel-page.detail .con{padding:20px 0}
    .materiel-page.detail .con p{font-size:14px;line-height:26px}
}

@media (any-hover:hover){
    .materiel-page .box1 .con-l:hover .name{color:#349811}
    .materiel-page .box1 .con-r .item:hover .name{color:#349811}
}

/*产品*/
.goods-page{background:#f5f5f5;padding-bottom:100px}

.goods-page>.width{padding-top: 70px;}
.goods-page .list{display:flex;flex-wrap:wrap;}
.goods-page .list .item.pc{width:calc(50% - 20px);background:#fff;padding:50px 40px;margin-bottom:40px;display:flex;align-items:center}
.goods-page .list .item.pc:nth-child(2n+1){margin-right:40px}
.goods-page .list .item.pc .info{width:63%;padding-right:40px}
.goods-page .list .item.pc .name{font-size:20px;font-family:'ms-b';color:#000;}
.goods-page .list .item.pc .line{height:2px;background:rgba(34,34,35,.15);margin:20px 0;position:relative}
.goods-page .list .item.pc .line::after{position:absolute;content:'';top:0;left:0;width:50px;height:2px;background:#349811;z-index:2}
.goods-page .list .item.pc .note{line-height:24px;color:#666;margin-bottom:20px;}
.goods-page .list .item.pc .img{width:37%;display:flex;justify-content:center;align-items:center}
.goods-page .list .item.pc .img>img{max-width:100%;max-height:100%;}
.goods-page .list .item.pc .btn{padding-right:35px;font-size:16px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px}
.goods-page .list .item.m{display:none}
.goods-page .page{padding-top:15px}

.goods-page .detail{padding-top: 100px;}
.goods-page .detail .base{display:flex;margin-bottom:50px}
.goods-page .detail .base .img{width:50%;background:#fff;border:1px #ddd solid;height:420px;display:flex;justify-content:center;align-items:center}
.goods-page .detail .base .img>img{max-width:80%;max-height:80%}
.goods-page .detail .base .info{width:50%;padding-left:70px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.goods-page .detail .base .name{font-size:36px;line-height:46px;color:#000;font-family:'ms-b'}
.goods-page .detail .base .note{font-size:14px;line-height:24px;color:#666;padding:10px 0 20px;border-bottom:1px #ddd solid;margin-bottom:20px}
.goods-page .detail .base .details{font-size:15px;line-height:30px;color:#666;margin-bottom:20px}
.goods-page .detail .base .btn{padding:15px 45px;border-radius:5px;background:#349811;color:#fff;font-size:16px}
.goods-page .detail .content .tit{font-size:18px;display:inline-block;padding:18px 30px;color:#fff;background:#349811}
.goods-page .detail .content .con{background:#fff;padding:50px 60px}
.goods-page .detail .content p{font-size:16px;line-height:30px}
.goods-page .detail .content img{max-width:100%;display:block;height:auto !important;margin:20px auto}
.goods-page .detail .content table{max-width:100%;border-collapse: collapse;border: 1px #eee solid;}
.goods-page .detail .content td{border-right: 1px #eee solid;border-bottom: 1px #eee solid;padding: 10px 20px;}

@media (max-width:750px){
    .goods-page{padding-bottom: 0;}
    .goods-page>.width{padding:30px 0}
    .goods-page .list{display:block}
    .goods-page .list .item.pc{display:none}
    .goods-page .list .item.m{background:#fff;padding:30px 25px;margin-bottom:20px;display:block}
    .goods-page .list .item.m .img{display:flex;justify-content:center;align-items:center;margin-bottom:20px}
    .goods-page .list .item.m .img>img{max-width:100%;max-height:100%;}
    .goods-page .list .item.m .name{font-size:18px;font-family:'ms-b';color:#000;height: auto;}
    .goods-page .list .item.m .line{height:2px;background:rgba(34,34,35,.15);margin:15px 0;position:relative}
    .goods-page .list .item.m .line::after{position:absolute;content:'';top:0;left:0;width:50px;height:2px;background:#349811;z-index:2}
    .goods-page .list .item.m .note{line-height:24px;color:#666;margin-bottom:20px;height: auto;}
    .goods-page .list .item.m .btn{padding-right:30px;font-size:14px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px}
    .goods-page .page{padding:15px 0 0}
    
    .goods-page .detail .base{display:block;margin-bottom:20px}
    .goods-page .detail .base .img{width:100%;height:250px;margin-bottom:20px}
    .goods-page .detail .base .info{width:100%;padding-left:0;display:block}
    .goods-page .detail .base .name{font-size:25px;line-height:35px;text-align:center}
    .goods-page .detail .base .note{padding:10px 0;margin-bottom:10px;text-align:center}
    .goods-page .detail .base .details{font-size:14px;line-height:26px}
    .goods-page .detail .base .btn{padding:10px 30px;font-size:14px}
    .goods-page .detail .content .tit{font-size:14px;padding:12px 20px}
    .goods-page .detail .content .con{padding:25px}
    .goods-page .detail .content p{font-size:14px;line-height:24px}
    .goods-page .detail .content img{margin:10px auto}
}

@media (any-hover:hover){
    .goods-page .list .item.pc:hover .name{color:#349811}
    .goods-page .list .item.pc:hover .btn{color:#349811;background-image:url(../images/arrow-m.svg)}
    
    .goods-page .detail .base .btn:hover{background:green}
}

/*设备*/
.equipment-page{padding-bottom:100px;background:#f5f5f5}
.equipment-page>.width{display:flex;flex-wrap:wrap;padding-top: 70px;}
.equipment-page .item{width:calc(33.33% - 26px);margin-right:39px;margin-bottom:39px;position:relative}
.equipment-page .item:nth-child(3n){margin-right:0}
.equipment-page .img{width:100%;padding-bottom:75%}
.equipment-page .info{padding:10% 30px 30px;background:linear-gradient(to bottom,transparent 10%,#000 90%);position:absolute;bottom:0;left:0;width:100%}
.equipment-page .name{font-size:16px;color:#fff;margin-bottom:5px}
.equipment-page .note{font-size:14px;line-height:20px;display:none;color:#fff}

@media (max-width:750px){
    .equipment-page{padding-bottom:30px}
    .equipment-page>.width{display:block;padding-top: 30px;}
    .equipment-page .item{width:100%;margin-right:0;margin-bottom:20px}
    .equipment-page .info{padding:10% 25px 25px}
    .equipment-page .note{display:block}
}

@media (any-hover:hover){
    .equipment-page .item:hover .info{opacity:.9;background:linear-gradient(to right,#349811,#a0ce90)}
    .equipment-page .item:hover .note{display:block}
}

/*优势*/
.advantage-page.list{padding-bottom:100px}
.advantage-page.list .con{display:flex;flex-wrap:wrap;padding-top:70px}
.advantage-page.list .item{width:calc(56.25% - 5px);position:relative;height:330px;margin-bottom:10px}
.advantage-page.list .item:nth-child(2n+1){margin-right:10px}
.advantage-page.list .item.small{width:calc(43.75% - 5px)}
.advantage-page.list .img{width:100%;height:100%}
.advantage-page.list .item>.name{position:absolute;width:100%;left:0;bottom:0;padding:10% 30px 25px;font-size:18px;color:#fff;font-family:'ms-b';background:linear-gradient(to bottom,transparent 10%,#000 90%)}
.advantage-page.list .info{position:absolute;top:0;left:0;width:100%;height:100%;display:none;}
.advantage-page.list .txt{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;padding:0 20%}
.advantage-page.list .item.small .txt{padding:0 15%}
.advantage-page.list .info .name{font-size:18px;font-family:'ms-b';text-align:center;margin-bottom:10px}
.advantage-page.list .info .note{line-height:24px;text-align:center}

.advantage-page .tit-name{font-size:48px;font-family:'ms-b';color:#000;margin-bottom:10px;text-align:center}
.advantage-page .tit-note{font-size:18px;color:#000;line-height:28px;text-align:center;max-width:1035px;margin:0 auto}
.advantage-page .tit-detail{max-width:1035px;margin:30px auto 50px;font-size:16px;line-height:30px;padding-top:25px;text-align:center;border-top:1px #eee solid}

.advantage-page .box1{padding:100px 0}
.advantage-page .box1 .content{margin-top:40px}
.advantage-page .box1 .content p{font-size:16px;line-height:30px;color:#666}
.advantage-page .box1 .content img{max-width:100%;display:block;margin:20px auto;height:auto !important}

.advantage-page .box2{padding:100px 0;background:#f5f5f5}
.advantage-page .box2 .con{display:flex;flex-wrap:wrap}
.advantage-page .box2 .item{width:calc(33.33% - 16px);margin-right:24px;margin-bottom:24px;display:flex;align-items:center;padding:40px;background:#fff}
.advantage-page .box2 .item:nth-child(3n){margin-right:0}
.advantage-page .box2 .icon{width:53px;height:53px}
.advantage-page .box2 .name{width:calc(100% - 53px);padding-left:25px;font-size:14px;line-height:20px;transition:.3s}

.advantage-page .box3{padding:100px 0;background:#f5f5f5}
.advantage-page .box3 .con{display:flex;flex-wrap:wrap}
.advantage-page .box3 .con .item{width:calc(25% - 10.5px);margin-right:14px;margin-bottom:50px;}
.advantage-page .box3 .con .item:nth-child(4n){margin-right:0}
.advantage-page .box3 .img{background:#fff;display:flex;justify-content:center;align-items:center;height:230px}
.advantage-page .box3 .name{font-size:18px;line-height:24px;font-family:'ms-b';padding:25px 0 5px}
.advantage-page .box3 .note{font-size:14px;line-height:24px}
.advantage-page .box3 .img>img{max-width:80%;max-height:80%}
.advantage-page .box3 .color{display:flex;justify-content:center;flex-wrap:wrap}
.advantage-page .box3 .color .item{margin-right:70px;margin-bottom:20px;display:flex;align-items:center}
.advantage-page .box3 .color .item:last-child{margin-right:0}
.advantage-page .box3 .color .item>div:first-child{width:70px;height:25px;margin-right:10px}
.advantage-page .box3 .color .item>div:last-child{font-family:'ms-b'}

.advantage-page .box4{padding:100px 0;background:#f5f5f5}
.advantage-page .box4 .con{display:flex;flex-wrap:wrap;margin-top:40px}
.advantage-page .box4 .item{width:calc(33.33% - 16px);margin-right:24px;margin-bottom:24px;display:flex;align-items:center;padding:40px;background:#fff}
.advantage-page .box4 .item:nth-child(3n){margin-right:0}
.advantage-page .box4 .icon{width:54px;height:56px}
.advantage-page .box4 .name{width:calc(100% - 54px);padding-left:25px;font-size:14px;line-height:20px;transition:.3s}

@media (max-width:750px){
    .advantage-page.list{padding-bottom:30px}
    .advantage-page.list .con{display:block;padding-top:30px}
    .advantage-page.list .item{width:100%;height:auto;margin-bottom:20px}
    .advantage-page.list .item:nth-child(2n+1){margin-right:0}
    .advantage-page.list .item.small{width:100%}
    .advantage-page.list .img{height:auto;padding-bottom:45.83%}
    .advantage-page.list .item.small.img{padding-bottom:60%}
    .advantage-page.list .item>.name{padding:10% 25px 20px;font-size:16px}

    .advantage-page .tit-name{font-size:25px}
    .advantage-page .tit-note{font-size:14px;line-height:24px}
    .advantage-page .tit-detail{margin:10px 0;font-size:14px;line-height:24px;padding-top:10px}
    
    .advantage-page .box1{padding:30px 0}
    .advantage-page .box1 .content{margin-top:20px}
    .advantage-page .box1 .content p{font-size:14px;line-height:24px}
    .advantage-page .box1 .content img{margin:10px auto}
    
    .advantage-page .box2{padding:30px 0}
    .advantage-page .box2 .con{margin-top:20px}
    .advantage-page .box2 .item{width:100%;margin-right:0;margin-bottom:20px;display:block;padding:30px}
    .advantage-page .box2 .item:nth-child(3n){margin-right:0}
    .advantage-page .box2 .icon{margin:0 auto;width:40px;height:40px;background-size:40px !important;margin-bottom:10px}
    .advantage-page .box2 .name{width:100%;padding-left:0;text-align:center}
    
    .advantage-page .box3{padding:30px 0}
    .advantage-page .box3 .con{display:block;margin-top:20px}
    .advantage-page .box3 .con .item{width:100%;margin-right:0;margin-bottom:20px}
    .advantage-page .box3 .img{height:200px}
    .advantage-page .box3 .name{padding:15px 0 5px;font-size:16px}
    .advantage-page .box3 .color{justify-content:flex-start;margin-bottom:0}
    .advantage-page .box3 .color .item{margin-right:20px;margin-bottom:20px}
    .advantage-page .box3 .color .item>div:first-child{width:70px;height:25px;margin-right:10px}
    .advantage-page .box3 .color .item>div:last-child{font-family:'ms-b'}
    .advantage-page .box3 .tit-img{padding:30px 15px}
    
    .advantage-page .box4{padding:30px 0}
    .advantage-page .box4 .con{margin-top:20px}
    .advantage-page .box4 .item{width:100%;margin-right:0;margin-bottom:20px;display:block;padding:30px}
    .advantage-page .box4 .item:nth-child(3n){margin-right:0}
    .advantage-page .box4 .icon{margin:0 auto;width:40px;height:40px;background-size:40px !important;margin-bottom:10px}
    .advantage-page .box4 .name{width:100%;padding-left:0;text-align:center}
}

@media (any-hover:hover){
    .advantage-page.list .item:hover>.name{display:none}
    .advantage-page.list .item:hover .info{display:block}
    
    .advantage-page .box2 .item:hover .name{color:#349811;margin-top:-10px}
    
    .advantage-page .box4 .item:hover .name{color:#349811;margin-top:-10px}
}

/*新闻*/
.article-page{padding:100px 0}

.article-page .best{padding-bottom:50px}
.article-page .best .swiper-slide{display:flex}
.article-page .best .img-bg{width:50%;position:relative}
.article-page .best .img{width:100%;padding-bottom:57.6%}
.article-page .best .info{background:#F9F9F9;padding:0 60px;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}
.article-page .best .time{color:#000;font-size:16px}
.article-page .best .name{font-size:18px;line-height:32px;font-family:'ms-b';margin:15px 0 40px}
.article-page .best .btn{padding-right:35px;font-size:16px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px;transition:.3s;}
.article-page .best .swiper-pagination{display:none}
.article-page .best .arrow{width:50px;height:50px;cursor:pointer;position:absolute;bottom:0;z-index:999;}
.article-page .best .prev{right:0;background:#F9F9F9 url(../images/arrow1.svg) no-repeat center center/10px;transform:rotate(180deg)}
.article-page .best .next{left:0;background:#349811 url(../images/arrow1-w.svg) no-repeat center center/10px}

.article-page .list{display:flex;flex-wrap:wrap}
.article-page .list .item{width:calc(33.33% - 16px);height:240px;margin-right:24px;background:#F9F9F9;margin-bottom:24px;padding:40px;cursor:pointer;transition:.3s;}
.article-page .list .item:nth-child(3n){margin-right:0}
.article-page .list .time{color:#000}
.article-page .list .name{font-size:18px;line-height:28px;height:56px;color:#000;font-family:'ms-b';transition:.3s;margin:25px 0 35px}
.article-page .list .btn{padding-right:35px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px;transition:.3s;}
.article-page .page{margin-top:25px}
.article-page .page a{background:#F5F5F5}
.article-page .page .a_cur{background:#349811}

.article-page.detail{background:#f5f5f5}
.article-page.detail .width{background:#fff;padding:90px}
.article-page.detail .name{font-size:30px;line-height:45px;color:#000;text-align:center;font-family:'ms-b'}
.article-page.detail .time{display:flex;justify-content:center;align-items:center;padding:20px 0 50px;border-bottom:1px solid #ddd}
.article-page.detail .time>div:first-child{margin-right:10px;width:22px;height:22px;background:url(../images/time.svg) no-repeat center center/22px}
.article-page.detail .time>div:last-child{font-size:16px}
.article-page.detail .con{padding:45px 0;border-bottom:1px solid #ddd}
.article-page.detail .con p{font-size:16px;line-height:30px}
.article-page.detail .con img{max-width:100%;display:block;height:auto !important;margin:20px auto}
.article-page.detail .jump{padding-top:50px;display:flex;justify-content:space-between;align-items:center}
.article-page.detail .jump .btn{padding:20px 0;width:160px;text-align:center;background:#349811;transition:.3s;color:#fff}
.article-page.detail .jump .info{width:calc(90% - 160px)}
.article-page.detail .jump .info>a{font-size:16px;line-height:30px}

@media (max-width:750px){
    .article-page{padding:30px 0}

    .article-page .best{padding-bottom:40px;margin-bottom:20px}
    .article-page .best .swiper-slide{display:block}
    .article-page .best .img-bg{width:100%}
    .article-page .best .info{padding:25px;width:100%}
    .article-page .best .time{font-size:14px}
    .article-page .best .name{margin:10px 0 20px;line-height:28px}
    .article-page .best .btn{padding-right:30px;font-size:14px}
    .article-page .best .swiper-pagination{display:block}
    .article-page .best .swiper-pagination-bullet{background:#349811}
    .article-page .best .arrow{display:none}
    
    .article-page .list{display:block}
    .article-page .list .item{width:100%;height:auto;margin-right:0;margin-bottom:20px;padding:25px}
    .article-page .list .name{margin:10px 0 20px}
    .article-page .list .btn{padding-right:30px}
    
    .article-page.detail .width{padding:30px 25px}
    .article-page.detail .name{font-size:25px;line-height:35px}
    .article-page.detail .time{padding:20px 0}
    .article-page.detail .time>div:first-child{margin-right:5px;width:18px;height:18px;background-size:18px}
    .article-page.detail .time>div:last-child{font-size:14px}
    .article-page.detail .con{padding:20px 0}
    .article-page.detail .con p{font-size:14px;line-height:26px}
    .article-page.detail .jump{padding-top:20px;display:block}
    .article-page.detail .jump .btn{padding:12px 0;width:120px}
    .article-page.detail .jump .info{width:100%;margin-bottom:10px}
    .article-page.detail .jump .info>a{font-size:14px;line-height:26px}
}

@media (any-hover:hover){
    .article-page .best .prev:hover{background-color:#349811;background-image:url(../images/arrow1-w.svg)}
    .article-page .best .next:hover{background-color:green}
    
    .article-page .list .item:hover .time{color:#fff}
    .article-page .list .item:hover .name{color:#fff}
    .article-page .list .item:hover .btn{color:#fff;background-image:url(../images/arrow-w.svg)}
    .article-page .page a:hover{background:#349811;color:#fff}
    
    .article-page.detail .jump .info>a:hover{color:#349811}
    .article-page.detail .jump .btn:hover{background:green}
}

/*联系*/
.contact-page .tit-name{font-size:48px;font-family:'ms-b';color:#000;text-align:center}
.contact-page .tit-note{font-size:18px;line-height:36px;color:#000;text-align:center}

.contact-page .box1{padding:50px 0 100px}
.contact-page .box1 .con{max-width:1282px;overflow:hidden;margin-top:50px;position:relative}
.contact-page .box1 .con .bg{width:1282px;height:629px;background:url(../images/map.png) no-repeat center center/100%}
.contact-page .box1 .con .icon{width:10px;height:10px;background:#349811;border-radius:50%;position:absolute;cursor:pointer}
.contact-page .box1 .con .item.active .icon{background:#ff9d02}
.contact-page .box1 .con .icon:before{content:'';position:absolute;width:20px;height:20px;background:#349811;border-radius:50%;opacity:.5;top:-5px;left:-5px}
.contact-page .box1 .con .item.active .icon:before{background:#ff9d02}
.contact-page .box1 .con .icon:after{content:'';position:absolute;width:30px;height:30px;background:#349811;border-radius:50%;opacity:.2;top:-10px;left:-10px;animation:map-play .5s infinite alternate}
.contact-page .box1 .con .item.active .icon:after{background:#ff9d02}
.contact-page .box1 .con .info{width:240px;background:url(../images/4.png) no-repeat center top/100%;padding:45px 30px 25px;color:#fff;position:absolute;display:none;z-index:1}
.contact-page .box1 .con .item.active .info{display:block}
.contact-page .box1 .con .name{font-size:18px;font-family:'ms-b';line-height:24px;padding-bottom:5px}
.contact-page .box1 .con .note{line-height:20px}
.contact-page .box1 .con .con .mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{width:100%}
@keyframes map-play{
    from{width:20px;height:20px;top:-5px;left:-5px}
    to{width:30px;height:30px;top:-10px;left:-10px}
}
.contact-page .box1 .swiper{display:none}

.contact-page .box2 .tit-name{color:#fff}
.contact-page .box2 .info{padding:100px 0}
.contact-page .box2 .info .items{display:flex;margin-top:50px}
.contact-page .box2 .info .item{width:calc(100% / 3);display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px rgba(255,255,255,.1) solid;padding:0 20px}
.contact-page .box2 .info .item:last-child{border-right:0}
.contact-page .box2 .info .icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}
.contact-page .box2 .info .icon>img{max-width:100%;max-height:100%}
.contact-page .box2 .info p{color:#fff;font-size:16px;line-height:30px;text-align:center}
.contact-page .box2 .info .qr{max-width:110px;max-height:110px}
.contact-page .box2 .con{padding:80px 0 50px;display:flex;flex-wrap:wrap}
.contact-page .box2 .con .item{width:calc(100% / 3 - 26px);margin-right:39px;margin-bottom:50px}
.contact-page .box2 .con .item:nth-child(3n){margin-right:0}
.contact-page .box2 .con .img{width:100%;padding-bottom:60%}
.contact-page .box2 .con p{color:#666;line-height:24px}
.contact-page .box2 .con .name{color:#349811;font-family:'ms-b';line-height:30px;font-size:20px}
.contact-page .box2 .con .country{padding:35px 0 5px}
.contact-page .box2 .con .address{padding:25px 0;height:120px}
.contact-page .box2 .con .phone{color:#333;margin-bottom:5px}
.contact-page .box2 .con .email{color:#333}

.contact-page .box3{padding:100px 0;background:#f5f5f5}
.contact-page .box3 .form{display:flex;flex-wrap:wrap;margin-top:50px}
.contact-page .box3 .input{width:calc(50% - 15px);font-size:16px;font-family:'ms-b';padding:20px 30px;margin-bottom:30px;background:#fff}
.contact-page .box3 .input:nth-child(2n+1){margin-right:30px}
.contact-page .box3 .content{width:100%;height:230px;padding:20px 30px;font-size:16px;font-family:'ms-b';margin-bottom:50px;background:#fff}
.contact-page .box3 .input::placeholder,.contact-page .box3 .content::placeholder{font-size:16px;font-family:'ms-b'}
.contact-page .box3 .btn{width:100%;text-align:center}
.contact-page .box3 .btn>span{display:inline-block;padding:20px 65px;font-size:16px;background:#349811;cursor:pointer;transition:.3s;color:#fff}

@media (max-width:750px){
    .contact-page .tit-name{font-size:25px;margin-bottom:5px}
    .contact-page .tit-note{font-size:14px;line-height:24px}
    
    .contact-page .box1{padding:20px 0 30px}
    .contact-page .box1 .con{display:none}
    .contact-page .box1 .swiper{display:block;margin-top:20px;padding-bottom:40px;}
    .contact-page .box1 .swiper-slide{background:linear-gradient(to right,#FF9D02,#F9C779);padding:25px 15px 25px 25px;color:#fff;height:auto}
    .contact-page .box1 .swiper .name{font-size:18px;font-family:'ms-b';line-height:24px;padding-bottom:5px}
    .contact-page .box1 .swiper .note{line-height:20px;max-height:120px;overflow-y:hidden}
    .contact-page .box1 .swiper-pagination{display:block}
    .contact-page .box1 .swiper-pagination-bullet{background:#349811}
    .contact-page .box1 .mCSB_inside > .mCSB_container{margin-right:10px}
    
    .contact-page .box2 .info{padding:50px 0}
    .contact-page .box2 .info .items{flex-wrap:wrap;margin-top:20px}
    .contact-page .box2 .info .item{width:50%;justify-content:flex-start}
    .contact-page .box2 .info .item:first-child{padding:0 20px 0 0}
    .contact-page .box2 .info .item:nth-child(2){padding:0 0 0 20px;border:0}
    .contact-page .box2 .info .item:last-child{width:100%;margin-top:20px}
    .contact-page .box2 .info .icon{width:25px;height:25px;margin-bottom:10px}
    .contact-page .box2 .info p{font-size:14px;line-height:24px;word-break:break-word;}
    .contact-page .box2 .con{padding:30px 0;display:block}
    .contact-page .box2 .con .item{width:100%;margin-right:0;margin-bottom:20px}
    .contact-page .box2 .con .name{line-height:28px;font-size:18px}
    .contact-page .box2 .con .country{padding:10px 0 5px}
    .contact-page .box2 .con .address{padding:10px 0;height:auto}
    
    .contact-page .box3{padding:30px 0}
    .contact-page .box3 .form{display:block;margin-top:20px}
    .contact-page .box3 .input{width:100%;font-size:14px;padding:15px 25px;margin-bottom:15px}
    .contact-page .box3 .input:nth-child(2n+1){margin-right:0}
    .contact-page .box3 .content{height:180px;padding:15px 25px;font-size:14px;margin-bottom:15px}
    .contact-page .box3 .input::placeholder,.contact-page .box3 .content::placeholder{font-size:14px}
    .contact-page .box3 .btn>span{padding:15px 30px;font-size:14px;}
}

@media (any-hover:hover){
    .contact-page .box3 .btn>span:hover{background:green}
}

/*qms*/
.qms-page .tit-name{font-size:48px;font-family:'ms-b';color:#000;margin-bottom:10px;text-align:center}
.qms-page .tit-note{font-size:18px;color:#000;line-height:28px;text-align:center;max-width:1035px;margin:0 auto}
.qms-page .tit-detail{ font-size:16px;line-height:30px}

.qms-page .box1{padding:50px 0 100px}
.qms-page .box1 .con{max-width:1475px;position:relative;margin-top:50px}
.qms-page .box1 .swiper{height:500px}
.qms-page .box1 .swiper-slide{display:flex;flex-direction:column;align-items:center;background:#f5f5f5;padding:50px 30px 30px}
.qms-page .box1 .img-div{display: flex;justify-content: center;align-items: center;height: 311px;}
.qms-page .box1 .img{max-width:100%;max-height:100%}
.qms-page .box1 .name{font-size:20px;line-height:30px;text-align:center;font-family:'ms-b';margin-top:50px;padding-top:25px;border-top:1px solid #ddd;width:100%}
.qms-page .box1 .arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(0,0,0,.15) url(../images/arrow1-w.svg) no-repeat center center/12px;cursor:pointer;transition:.3s}
.qms-page .box1 .arrow.prev{left:0;transform:translateY(-50%) rotate(180deg);}
.qms-page .box1 .arrow.next{right:0}
.qms-page .box1 .swiper-pagination{display:none}

.qms-page .box2{background:#f5f5f5;padding:100px 0}
.qms-page .box2 .con{margin-top:40px;display:flex;flex-wrap:wrap}
.qms-page .box2 .item{width:calc(33.33% - 16px);margin-right:24px;margin-bottom:24px;background:#fff;padding:70px 40px 60px;cursor:pointer}
.qms-page .box2 .item:nth-child(3n){margin-right:0}
.qms-page .box2 .icon{width:55px;height:46px}
.qms-page .box2 .name{font-size:18px;font-family:'ms-b';line-height:26px;padding:20px 0}
.qms-page .box2 .note{line-height:24px;opacity:.8}

.qms-page .box3{padding:100px 0}
.qms-page .box3 .tit-name{color:#fff}
.qms-page .box3 .tit-note{color:#fff;font-size: 20px;line-height: 30px;}
.qms-page .box3 .tit-detail{color:rgba(255,255,255,.8);border-top:1px solid rgba(255,255,255,.3);text-align:center;padding-top:25px; overflow-y:hidden;margin:30px auto 50px;font-size: 18px;line-height: 32px;}
.qms-page .box3 .con{display:flex;flex-wrap:wrap}
.qms-page .box3 .item{width:calc(20% - 16px);margin-right:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}
.qms-page .box3 .item:nth-child(5n){margin-right:0}
.qms-page .box3 .icon{width:33px;height:32px;margin:35px 0 15px;transition:.3s}
.qms-page .box3 .name{padding:0 25px 25px;line-height:22px;text-align:center}

.qms-page .box4{padding:100px 0;}
.qms-page .box4 .con{border-top:1px #eee solid;padding-top:40px;margin-top:25px;display:flex;align-items:center}
.qms-page .box4 .img-bg{width:37.5%}
.qms-page .box4 .img{width:100%;padding-bottom:125%}
.qms-page .box4 .detail{width:62.5%;padding-left:5%;font-size:18px;line-height:32px}

@media (max-width:750px){
    .qms-page .tit-name{font-size:25px}
    .qms-page .tit-note{font-size:14px;line-height:24px}
    .qms-page .tit-detail{margin:15px 0;font-size:14px;line-height:24px;padding-top:15px;max-height:90px;}

    .qms-page .box1{padding:20px 0 30px}
    .qms-page .box1 .con{margin-top:20px}
    .qms-page .box1 .swiper{width:100%;height:auto;padding-bottom:50px}
    .qms-page .box1 .swiper-slide{padding:25px}
    .qms-page .box1 .img-div{height: 250px;}
    .qms-page .box1 .name{font-size:16px;line-height:26px;margin-top:15px;padding-top:15px}
    .qms-page .box1 .arrow{display:none}
    .qms-page .box1 .swiper-pagination{display:block}
    .qms-page .box1 .swiper-pagination-bullet{background:#349811}
    
    .qms-page .box2{padding:50px 0 30px}
    .qms-page .box2 .con{margin-top:20px;display:block}
    .qms-page .box2 .item{width:100%;margin-right:0;margin-bottom:20px;padding:25px;display:flex;flex-direction:column;align-items:center}
    .qms-page .box2 .icon{width:45px;height:36px;background-size:45px auto !important}
    .qms-page .box2 .name{padding:10px 0;text-align:center}
    .qms-page .box2 .note{text-align: center;}
    
    .qms-page .box3{padding:50px 0}
    .qms-page .box3 .tit-note{font-size: 14px;line-height: 24px;}
    .qms-page .box3 .tit-detail{margin: 15px 0;font-size: 14px;line-height: 24px;max-height: 100000px;}
    .qms-page .box3 .item{width:calc(50% - 10px);margin-right:20px}
    .qms-page .box3 .item:nth-child(5n){margin-right:20px}
    .qms-page .box3 .item:nth-child(2n){margin-right:0}
    .qms-page .box3 .icon{margin:30px 0 10px}
    .qms-page .box3 .name{padding:0 25px 25px}
    
    .qms-page .box4{padding:30px 0;}
    .qms-page .box4 .con{padding-top:20px;margin-top:20px;display:block}
    .qms-page .box4 .img-bg{width:100%;margin-bottom:20px}
    .qms-page .box4 .detail{width:100%;padding-left:0;font-size:14px;line-height:24px}
}

@media (any-hover:hover){
    .qms-page .box1 .arrow:hover{background-color:#349811}
    
    .qms-page .box2 .item:hover .icon,.qms-page .box2 .item:hover .name,.qms-page .box2 .item:hover .note{opacity: 0;}
    
    .qms-page .box3 .swiper-slide:hover .icon{margin-top:30px}
    .qms-page .box3 .arrow:hover{background-color:#349811}
}

/*搜索*/
.search-page{background:#F5F5F5;padding:100px 0 50px}
.search-page .item{margin-bottom:50px;background:#fff;padding:70px}
.search-page .name{width:100%;font-size:20px;font-family:'ms-b';border-bottom:2px #ccc solid;padding-bottom:25px;transition:.3s}
.search-page .note{line-height:24px;color:#666;margin:25px 0 40px}
.search-page .btn{padding-right:35px;font-size:16px;color:#000;background:url(../images/arrow.svg) no-repeat right center/20px}

@media (max-width:750px){
    .search-page{padding:30px 0}
    .search-page .item{margin-bottom:20px;padding:25px}
    .search-page .name{font-size:18px;padding-bottom:15px}
    .search-page .note{margin:15px 0 20px}
    .search-page .btn{padding-right:30px;font-size:14px}
}

@media (any-hover:hover){
    .search-page .item:hover .name{color:#349811;border-bottom:2px #349811 solid;}
    .search-page .item:hover .btn{color:#349811;background-image:url(../images/arrow-m.svg)}
}