.banner .swiper-container .swiper-button-next,.banner .swiper-container .swiper-button-prev{transition:all 0.3s ease-in-out}@media screen and (max-width: 768px){.main{width:100%}}.wrap-box{box-sizing:border-box;padding-left:11vw;padding-right:11vw;width:100%}@media screen and (max-width: 1600px){.wrap-box{padding-left:7.5vw;padding-right:7.5vw}}@media screen and (max-width: 1440px){.wrap-box{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.wrap-box{padding-left:80px;padding-right:80px}}@media screen and (max-width: 768px){.wrap-box{max-width:100%;box-sizing:border-box;padding-left:.2rem;padding-right:.2rem}}.main{box-sizing:border-box;padding-left:11vw;padding-right:11vw;width:100%}@media screen and (max-width: 1600px){.main{padding-left:7.5vw;padding-right:7.5vw}}@media screen and (max-width: 1440px){.main{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.main{padding-left:80px;padding-right:80px}}@media screen and (max-width: 768px){.main{max-width:100%;box-sizing:border-box;padding-left:.2rem;padding-right:.2rem}}.banner{width:100%;display:block;overflow:hidden;font-size:0;box-sizing:border-box;position:relative;z-index:3;margin-top:165px}.banner .swiper-container{position:relative;z-index:4;overflow:hidden;height:100%}.banner .swiper-container .swiper-slide{position:relative;width:100%}.banner .swiper-container img{width:100%;height:100%;object-position:center;object-fit:cover}.banner .swiper-container .swiper-button-next,.banner .swiper-container .swiper-button-prev{font-family:"common";font-size:.24rem;width:.6rem;text-align:center;height:.6rem;line-height:.6rem;color:#017b32;top:50%;background:none;opacity:1;margin:0;left:1rem;transform:translateY(-50%);position:absolute;display:inline-block;border-radius:50%;border:1px solid #017b32;box-sizing:border-box;padding-right:.05rem;display:none}.banner .swiper-container .swiper-button-next:hover,.banner .swiper-container .swiper-button-prev:hover{background:#017b32;color:#fff}.banner .swiper-container .swiper-button-next{transform:translateY(-50%) rotate(180deg);left:auto;right:1rem;background:#017b32;color:#fff}.banner .swiper-container .swiper-button-next:hover{opacity:.5}.banner .container{width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;z-index:5;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.banner .container{flex-wrap:wrap}}.banner .container .text{position:relative;width:100%}.banner .container .text h2{font-size:48px;font-weight:900;color:#017b32;display:block;line-height:1;position:relative;padding-left:.34rem;margin-bottom:.75rem}.banner .container .text h2::before{content:attr(data-content);text-stroke:2px #fff;-webkit-text-stroke:2px #fff;position:absolute;left:.34rem;top:0;z-index:-1}.banner .container .text h2 .line{width:1px;height:50vh;position:absolute;left:5px;bottom:0;border-left:2px dotted #fff;background:none}.banner .container .text h2 .line::before{content:"";position:absolute;bottom:0;left:-4px;width:6px;height:6px;border-radius:50%;background:#fff}.banner .container .text p{margin:0;font-size:60px;font-weight:300;line-height:1.66667;color:#fff}.banner .container .text p span{display:block;color:#017b32}.banner .container .text a{font-size:.36rem;line-height:.6rem;color:#fff;margin-top:70px;display:inline-block;position:relative;border-bottom:2px dotted #fff}.banner .container .text a::before{content:"";position:absolute;top:0;left:0;width:4px;height:calc(100% - 6px);border:4px solid #fff;border-right-width:0}.banner .container .text a::after{content:"";position:absolute;top:0;right:0;width:4px;height:calc(100% - 6px);border:4px solid #fff;border-left-width:0}.banner .container .text a span{display:block;padding:0 .9rem;position:relative;z-index:1}.banner .container .text a span::before{content:"";z-index:-1;background:rgba(255,255,255,0.2);width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (min-width: 768px){.banner .container .text a span::before{transition:all .2s ease-in-out}}.banner .container .text a:hover span::before{height:0}.banner .container .text .m-d-none{display:block}.banner .swiper-pagination{left:50%;bottom:60px;transform:translateX(-50%)}.banner .swiper-pagination span{margin:0 .1rem 0 0;width:.1rem;height:.1rem;background:rgba(1,123,50,0.5);opacity:1;border-radius:.05rem}@media screen and (min-width: 768px){.banner .swiper-pagination span{transition:all .5s ease-in-out}}.banner .swiper-pagination span.swiper-pagination-bullet-active{background:#017b32;width:.5rem}.wrap-title{display:flex;justify-content:space-between;align-items:flex-end}@media screen and (max-width: 768px){.wrap-title{flex-wrap:wrap}}.wrap-title .en{font-size:.14rem;color:#5c6f76}.wrap-title h2{font-size:.36rem;color:#5c6f76;font-weight:600}.wrap-title h2 span{color:#017b32;margin-left:.35rem;position:relative}.wrap-title h2 span::before{content:"";width:.1rem;height:.1rem;border-radius:50%;background:#017b32;position:absolute;left:-.21rem;top:50%;transform:translateY(-50%)}.wrap-title a{border-bottom:2px dotted #017b32;font-size:.16rem;line-height:1.65;padding:0 .08rem;color:#017b32;position:relative}.wrap-title a i{font-family:"common";position:absolute;right:-.12rem;top:50%;transform:translateY(-50%)}.wrap-title a i::before{content:"\e61c"}.i-about{font-size:0;display:block;background:url(../images/i-about.jpg) no-repeat bottom center;overflow:hidden;padding:1.38rem 0 2.25rem}.i-about .wrap-box{display:flex;justify-content:space-between;flex-direction:column;justify-content:center}@media screen and (max-width: 768px){.i-about .wrap-box{flex-wrap:wrap}}.i-about .wrap-text{text-align:center}.i-about .wrap-text p{font-size:.36rem;color:#017b32;margin:0;line-height:1.75}.i-about .wrap-text .img{margin:.34rem 0 .66rem}.i-about ul{position:relative;width:100%;display:flex;justify-content:space-between}@media screen and (max-width: 768px){.i-about ul{flex-wrap:wrap}}.i-about ul::before{content:"";position:absolute;top:1.12rem;left:50%;transform:translateX(-50%);width:100vw;height:1px;border-bottom:2px dotted #fff}.i-about ul li{width:100%}.i-about ul li a{display:flex;justify-content:space-between;align-items:center;flex-direction:column}@media screen and (max-width: 768px){.i-about ul li a{flex-wrap:wrap}}.i-about ul li a h2{color:#fff;text-align:center;font-size:.96rem;font-weight:900;line-height:1;position:relative}.i-about ul li a h2::before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-.21rem;width:.06rem;height:.06rem;border-radius:50%;background:#fff}.i-about ul li a span{font-size:.18rem;color:#fff;text-align:center;display:block;margin-top:.32rem}.i-about ul li:not(:first-of-type) a h2::after{content:"+"}.i-box{overflow:hidden;font-size:0}.i-box .wrap-box{display:flex;justify-content:space-between;padding-right:0}@media screen and (max-width: 768px){.i-box .wrap-box{flex-wrap:wrap}}.i-box .wrap-box .service-box{width:100%;box-sizing:border-box;padding:.4rem 0;padding-right:.8rem}.i-box .wrap-box .service-box .list{display:grid;grid-template-columns:repeat(2, 1fr);gap:.32rem;margin-top:.35rem;width:100%}.i-box .wrap-box .service-box .list li{width:100%}.i-box .wrap-box .service-box .list li a{position:relative;width:100%}.i-box .wrap-box .service-box .list li a .img{width:100%;height:3.2rem;overflow:hidden}.i-box .wrap-box .service-box .list li a .img img{width:100%;height:100%;object-fit:cover;object-position:center}.i-box .wrap-box .service-box .list li a .text{position:absolute;left:0;bottom:0;height:100%;width:100%;z-index:1}@media screen and (min-width: 768px){.i-box .wrap-box .service-box .list li a .text{transition:all .3s ease-in-out}}.i-box .wrap-box .service-box .list li a .text::before{content:"'";position:absolute;bottom:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.6);z-index:-1}.i-box .wrap-box .service-box .list li a .text span{font-size:.16rem;color:#fff;position:absolute;bottom:.16rem;left:0;box-sizing:border-box;padding:0 .2rem;opacity:0}@media screen and (min-width: 768px){.i-box .wrap-box .service-box .list li a .text span{transition:all .3s ease-in-out}}.i-box .wrap-box .service-box .list li a:hover .text{height:.54rem}.i-box .wrap-box .service-box .list li a:hover .text span{opacity:1}.i-box .wrap-box .products-box{width:36%;flex-shrink:0;box-sizing:border-box;padding:.4rem .6rem;background:linear-gradient(to right, #cee7f1, #fff)}.i-box .wrap-box .products-box .box{margin-top:.44rem}.i-box .wrap-box .products-box .box ul li{display:inline-block;margin-right:.4rem;position:relative}.i-box .wrap-box .products-box .box ul li::before{content:"";border-right:2px dotted #666;height:.16rem;position:absolute;right:-.2rem;top:50%;transform:translateY(-50%)}.i-box .wrap-box .products-box .box ul li a{font-size:.18rem;color:#666}.i-box .wrap-box .products-box .box ul li.cur a{color:#017b32}.i-box .wrap-box .products-box .box ul li:nth-of-type(3)::before{display:none}.i-box .wrap-box .products-box .pr-list{margin-top:.52rem}.i-box .wrap-box .products-box .pr-list ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:.24rem}.i-box .wrap-box .products-box .pr-list ul img{max-width:100%}.i-news{background:linear-gradient(to bottom, #d3eaf2, #5db1d0);font-size:0;padding:.66rem 0}.i-news .newlist{margin-top:.64rem;width:100%}.i-news .newlist ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:.32rem;width:100%}.i-news .newlist ul li a .img{width:100%;height:1.9rem;overflow:hidden}.i-news .newlist ul li a .img img{width:100%;height:100%;object-fit:cover;object-position:top center}.i-news .newlist ul li a .text{padding:.16rem 0 0;width:100%}.i-news .newlist ul li a .text .tit{font-size:.16rem;line-height:1.75;color:#fff;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}@media screen and (max-width: 1440px){.banner{margin-top:145px}.banner .container .text h2{font-size:40px;margin-bottom:60px}.banner .container .text p{font-size:50px}.banner .container .text a{margin-top:60px;font-size:30px}.i-about{padding-bottom:1.5rem}.i-about .wrap-text p{font-size:.3rem;line-height:1.5}.i-about ul li a h2{font-size:.8rem;line-height:1.2}.i-box .wrap-box .service-box .list li a .img{height:2.6rem}.i-box .wrap-box .products-box .box{margin-top:.3rem}.i-box .wrap-box .products-box .box ul li{margin-right:.3rem;margin-bottom:.05rem}.i-box .wrap-box .products-box .box ul li a{font-size:.14rem}.i-news .newlist ul li a .text .tit{font-size:.14rem}}@media screen and (max-width: 768px){.banner{margin-top:.6rem}.banner .container .text h2{font-size:.2rem;margin-bottom:.1rem}.banner .container .text p{font-size:.14rem}.banner .container .text a{margin-top:.1rem;font-size:.14rem}.banner .container .text a span{padding:0 .3rem;line-height:3}.wrap-title h2{font-size:.24rem}.i-about{background-size:cover;padding:.5rem 0 .3rem}.i-about .wrap-text p{font-size:.16rem}.i-about .wrap-text .img{margin:.2rem 0 .4rem}.i-about .wrap-text .img img{max-width:1rem}.i-about ul{flex-wrap:nowrap}.i-about ul li a h2{font-size:.24rem}.i-about ul li a span{font-size:.14rem}.i-about ul::before{top:.45rem}.i-box .wrap-box{padding:0}.i-box .wrap-box .service-box{padding:.3rem .2rem}.i-box .wrap-box .service-box .wrap-title a{display:none}.i-box .wrap-box .service-box .list{display:grid;grid-template-columns:repeat(1, 1fr);gap:.2rem;margin-top:.2rem}.i-box .wrap-box .service-box .list li a .text{height:.54rem;width:calc(100vw - .4rem)}.i-box .wrap-box .service-box .list li a .text span{opacity:1;font-size:.15rem;display:block}.i-box .wrap-box .products-box{padding:.3rem .2rem;width:100%}.i-box .wrap-box .products-box .wrap-title{margin-bottom:.2rem}.i-box .wrap-box .products-box .box{margin-top:0}.i-box .wrap-box .products-box .pr-list{margin:.2rem 0 0}.i-box .wrap-box .products-box .pr-list ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:.16rem}.i-news .newlist{margin-top:.3rem}.i-news .newlist ul{display:grid;grid-template-columns:repeat(1, 1fr);gap:.24rem}}