@import url(https://css02.v15cdn.com/m432/aos.css);
@import url(https://js01.v15cdn.com/single-template/public.css);
.home-title{font-weight:var(--fontbold7)}
.swiper-pagination-bullet{background-color:#8b8c8f;opacity:1}
.swiper-pagination-bullet-active{background-color:#171a20}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.home-banner .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;opacity:0}
.home-banner .banner-animote .p1{font-size:60px;font-weight:var(--fontbold6);line-height:1.3}
.home-banner .banner-animote .p1 span{color:var(--color)}
.home-banner .banner-animote .p2{font-size:var(--fontsize16);margin:10px 0 50px}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:20px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{position:relative;width:36px;height:8px;background:var(--hovercolor);border-radius:var(--borderradius);opacity:1;overflow:hidden}
.home-banner .swiper-pagination-bullet::before{content:"";position:absolute;width:0;height:100%;left:0;top:0;background-color:var(--color);z-index:2}
.home-banner .swiper-pagination-bullet.cur::before{transition:width 6s linear;width:100%}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;color:#fff;background:var(--colorbg);z-index:9;cursor:pointer;transition:all .15s linear;border-radius:var(--borderradius)}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color);color:var(--colorbg)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
.index .l-wrap{max-width:1920px;padding:0 60px}
@keyframes bannerani{
0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
@keyframes bannerimg{
0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}
}
.home-actions{display:flex;flex-wrap:wrap;gap:8px}
.banner-text{opacity:0;position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);color:#fff}
.banner-text .banner-p1{font-size:clamp(18px,2.6vw,50px);max-width:50%;line-height:1;font-weight:var(--fontbold7)}
.banner-text .banner-p1 svg{width:clamp(18px,2.6vw,50px);height:clamp(18px,2.6vw,50px);margin-left:10px;vertical-align:bottom}
.banner-text svg{fill:var(--color)}
.banner-text .banner-adv-list{display:flex;gap:40px;margin:10px 0 40px}
.banner-text .banner-adv-list li{font-size:clamp(14px,1.25vw,24px);display:inline-flex;align-items:center;gap:3px}
.banner-text .banner-adv-list li svg{width:clamp(14px,1.25vw,24px);height:clamp(14px,1.25vw,24px)}
.banner-text .banner-adv-list li .icon-eco{width:clamp(14px,1.66vw,32px);height:clamp(16px,1.66vw,32px)}
.banner-text .banner-btn{background-color:var(--color);border-radius:3px;padding:6px 20px;display:inline-flex;justify-self:center;align-items:center}
.banner-text .banner-btn:hover{opacity:.9}
.home-banner .swiper-slide-active .banner-text{animation:bannerani .5s forwards;animation-delay:.7s}
.home-action{display:inline-flex;align-items:center;justify-content:center;min-width:168px;padding:12px 24px;border:1px solid transparent;font-weight:var(--fontbold6);line-height:1;border-radius:3px;transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease}
.home-action-dark{color:#fff;background:#171a20}
.home-action-green{color:#fff;background:var(--color)}
.home-action-light{color:#292c32;background:#fff;border-color:transparent}
.home-action-dark:hover,.home-action-green:hover{background:var(--color)}
.home-action-light:hover{color:#fff;background:var(--color);border-color:var(--color)}
.lazy-wrap:hover img{transform:scale(1.02)}
.home-about{margin-top:50px}
.home-about-panel{display:grid;grid-template-columns:40.5% 59.5%;overflow:hidden;background:#f4f4f4;border-radius:10px}
.home-about-copy{padding:36px 50px 34px}
.home-about-copy h2{background:linear-gradient(90deg,#000,var(--color) 25%,var(--color) 50%,#000 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:42px;font-weight:var(--fontbold7);line-height:1.08}
.home-about-copy h2 span{color:var(--color)}
.home-about-copy>p{max-width:540px;margin-top:10px;color:#6e6e6e;font-size:16px;line-height:1.45}
.home-about-stats{display:flex;gap:56px;margin-top:19px}
.home-about-stat{display:flex;flex-direction:column}
.home-about-stat strong{color:var(--color);font-size:36px;line-height:1.1}
.home-about-stat strong sub{margin-left:2px;font-size:16px;vertical-align:baseline}
.home-about-stat span{margin-top:4px;color:#000;font-size:18px;line-height:1.25}
.home-about-copy .home-actions{margin-top:55px}
.home-about-copy .home-action{min-width:206px}
.home-about-media,.home-about-media img{width:100%}
.home-about-media img{-o-object-fit:cover;object-fit:cover}
.home-products{margin-top:50px}
.home-products-slider{position:relative;overflow:hidden;padding-bottom:40px}
.home-products-slide{display:grid;grid-template-columns:2fr 1fr;background:0 0}
.products-img-box:nth-child(1){grid-row:1/3}
.products-img-box:first-child{border-right:5px solid #ddd}
.products-img-box:nth-child(2){border-bottom:5px solid #ddd}
.home-products-track{display:flex;width:100%}
.home-products-slide{position:relative;border-radius:10px;box-shadow:0 10px 10px rgba(0,0,0,.3)}
.home-products-slide:after{content:"";position:absolute;background-color:rgba(0,0,0,.15);inset:0;border-radius:10px}
.home-products-slide .lazy-wrap{border-radius:10px}
.home-products-slide img{width:100%}
.home-facility-copy,.home-product-copy{position:absolute;z-index:3;right:40px;bottom:42px;left:40px;color:#fff}
.home-facility-title,.home-product-title{font-size:50px;font-weight:var(--fontbold6);line-height:1.08}
.home-facility-copy>p:not(.home-facility-title),.home-product-copy>p:not(.home-product-title){margin-top:6px;font-size:18px;line-height:1.35}
.home-facility-copy .home-actions,.home-product-copy .home-actions{margin-top:22px}
.home-facility-copy .home-action,.home-product-copy .home-action{min-width:168px}
.home-products-pagination{position:absolute;right:0;bottom:8px;left:0;display:flex;justify-content:center}
.home-capabilities{margin-top:50px}
.home-capabilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.home-capability-card{position:relative;overflow:hidden;background:#f4f4f4;border-radius:10px;display:flex}
.home-capability-copy{position:relative;z-index:2;width:62%;padding:34px 44px}
.home-capability-img{width:38%;display:inline-flex;align-items:center;justify-content:center}
.home-capability-img .lazy-wrap,.home-capability-img img{width:100%}
.home-capability-title{color:#202328;font-size:36px;font-weight:var(--fontbold7);line-height:1.1}
.home-capability-copy>p:not(.home-capability-title){margin-top:7px;color:#585a5f;line-height:1.3}
.home-capability-copy .home-action{margin-top:22px;padding:10px 20px}
.home-facilities{margin-top:50px}
.home-facility-card{position:relative;overflow:hidden;border-radius:10px;background:#171a20}
.home-facilities-pagination{display:flex;justify-content:center;margin-top:22px}
.home-news{margin-top:50px}
.home-news-panel{padding:40px 40px 50px;background:#f4f4f4;border-radius:10px}
.home-news-panel h2{color:#202328;font-size:36px;font-weight:var(--fontbold7);line-height:1.2;text-align:center}
.home-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px}
.home-news-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 8px 10px rgba(0,0,0,.12)}
.home-news-media{aspect-ratio:4/3;overflow:hidden}
.home-news-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.home-news-content{padding:18px 22px 22px}
.home-news-content .time{color:#7b7b7b;line-height:1.4;display:flex;align-items:center;border-bottom:1px solid #ececec;padding-bottom:18px}
.home-news-content .time .icon-box{background-color:#cee1b2;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px}
.home-news-content .time svg{fill:var(--color)}
.home-news-content>p{margin:15px 0 25px;color:#000;font-size:20px;font-weight:700;line-height:1.5}

@media (max-width:1440px){
.home-about-copy{padding:30px}
.home-about-copy h2,.home-facility-title,.home-product-title{font-size:32px}
.home-about-stat strong{font-size:30px}
.home-capability-title{font-size:24px}
.home-capability-copy{padding:20px}
}
@media (max-width:1280px){
.home-about-copy{padding:28px}
.home-about-copy h2,.home-facility-title,.home-product-title{font-size:30px}
.home-about-stats{gap:28px}
.home-about-stat strong{font-size:28px}
.home-about-copy .home-actions{margin-top:28px}
.home-about-copy .home-action,.home-facility-copy .home-action,.home-product-copy .home-action{min-width:100px}
.home-facility-copy,.home-product-copy{right:24px;bottom:26px;left:24px}
.home-card-brand{top:24px;left:24px}
.home-capability-title{font-size:20px}
.home-capability-copy .home-action{margin-top:13px}
.home-news-panel{padding:30px}
.home-news-content{padding:14px 16px 18px}
.home-news-content>p{margin-top:14px;font-size:16px}
}
@media (max-width:1024px){
.index .l-wrap{padding:0 15px}
.banner-text .banner-p1{max-width:100%}
.home-about,.home-capabilities,.home-facilities,.home-news,.home-products{margin-top:32px}
.home-about-panel{grid-template-columns:1fr}
.home-capabilities-grid{grid-template-columns:1fr}
.home-facilities-grid{grid-template-columns:1fr}
.home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
.banner-text{text-align:center}
.banner-text .banner-adv-list{display:none;flex-wrap:wrap;margin:10px 0;gap:5px}
.banner-text .banner-btn{font-size:12px;padding:4px 10px;margin-top:10px}
.banner-text .banner-p1{text-align:center}
.home-about-copy{padding:20px}
.home-facility-title,.home-product-title{font-size:26px}
.home-facility-copy>p:not(.home-facility-title),.home-product-copy>p:not(.home-product-title){font-size:16px}
.home-news-grid{grid-template-columns:1fr}
}
@media (max-width:500px){
.home-about-stats{flex-direction:column;gap:18px}
.home-actions{flex-direction:column}
.home-about-copy .home-action,.home-action{width:100%}
.home-facility-copy,.home-product-copy{right:18px;bottom:20px;left:18px}
.home-card-brand{top:18px;left:18px}
.home-facility-title,.home-product-title{font-size:18px}
.home-facility-copy .home-actions,.home-product-copy .home-actions{gap:6px;margin-top:14px}
.home-facility-copy .home-actions,.home-product-copy .home-actions{flex-direction:row}
.home-facility-copy .home-actions .home-action,.home-product-copy .home-actions .home-action{width:48%;font-size:14px}
.home-capability-card{display:grid;aspect-ratio:auto}
.home-capability-copy,.home-capability-img{width:100%}
.home-news-panel{padding:15px}
.home-news-panel h2{font-size:30px}
.home-news-card{aspect-ratio:auto}
.home-news-media{flex-basis:auto}
.home-news-content{padding:15px}
}
.lazy-wrap::after{display:none}
.home-product .list{margin-top:3em;display:flex;flex-wrap:wrap}
.home-product{margin-top:50px}
.home-product .list li{width:24%;margin-right:1.3%;background:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.07);border-radius:4px;padding:20px;margin-bottom:2em;transition:all .15s linear;position:relative;z-index:1;overflow:hidden}
.home-product .list li::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--color);z-index:-1;opacity:0;transform:translateY(-30px);transition:all .15s linear}
.home-product .list li:nth-child(4n){margin-right:0}
.home-product .list li .img{border-radius:4px}
.home-product .list li .img .pro-meta{display:none}
.home-product .list li .info{padding-top:20px}
.home-product .list li .info .title{font-size:var(--fontsize18);color:var(--titlecolor);font-weight:var(--fontbold5);line-height:1.6;margin-bottom:6px}
.home-product .list li .info .text{color:var(--introcolor);line-height:1.6}
.home-product .list li .info .more{width:30px;height:30px;background:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:10px}
.home-product .list li .info .more em{color:#fff}
.home-product .list li:hover::after{transform:translateX(0);opacity:1}
.home-product .list li:hover .info .title{color:#fff}
.home-product .list li:hover .info .text{color:#fff}
.home-product .list li:hover .info .more{background:#fff}
.home-product .list li:hover .info .more em{background:var(--color);color:transparent;-webkit-background-clip:text;background-clip:text}
@media (max-width:1024px){
.home-product{margin-top:32px}
}
@media (max-width:768px){
.home-product .list{justify-content:space-between;margin-top:2em}
.home-product .list li{width:49%;margin-right:0;margin-bottom:1em;padding:10px}
}
.wmpage116-page3 .page3-top{text-align:center}
.wmpage116-page3 .page3-top-p1{font-size:var(--wmpage-font18);color:var(--color);font-weight:var(--fontbold6)}
.wmpage116-page3 .wmpage-title{margin-top:6px}
.wmpage116-page3 .wmpage116-page3-box{position:relative;padding:0 60px}
.wmpage116-page3 .page3-swiper{margin-top:40px}
.wmpage116-page3 .page3-slide{width:31.2%;position:relative;overflow:hidden;margin-bottom:20px;box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);transition:box-shadow .3s linear;background:#fff;border-radius:8px}
.wmpage116-page3 .page3-slide:hover{box-shadow:0 0 4px 0 rgba(0,0,0,.05)}
.wmpage116-page3 .swiper-wrapper{margin:1%}
.wmpage116-page3 .page3-swiper-btn em{width: var(--wmpage-font16);display: inline-block;font-size: var(--wmpage-font16);line-height: 1;}
.wmpage116-page3 .page3-swiper-btn1,.wmpage116-page3 .page3-swiper-btn2{position:absolute;color:var(--color);background:#fff;border:1px solid var(--color);font-weight:var(--fontbold6);z-index:2;opacity:1;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.1);width:50px;height:50px;line-height:50px;text-align:center;top:50%;transform:translateY(-50%);transition:.5s;cursor:pointer}
.wmpage116-page3 .page3-swiper-btn1{left:0}
.wmpage116-page3 .page3-swiper-btn2{right:0}
.wmpage116-page3 .page3-swiper-btn1:hover,.wmpage116-page3 .page3-swiper-btn2:hover{background:var(--color);color:#fff}
.wmpage116-page3 .page3-slide-img{position:relative;overflow:hidden}
.wmpage116-page3 .page3-slide-img::before{content:'';position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;height:100%;transition:.5s;background:rgba(0,0,0,.5);opacity:0}
.wmpage116-page3 .page3-slide:hover .page3-slide-img::before{opacity:1}
.wmpage116-page3 .page3-slide:hover .page3-slide-img img{transition:all .3s linear}
.wmpage116-page3 .page3-slide:hover .page3-slide-img img{transform:scale(1.2)}
.wmpage116-page3 .page3-slide-text{padding:20px}
.wmpage116-page3 .em{color:var(--color);font-size:var(--wmpage-font18);font-weight:var(--fontbold7);}
.wmpage116-page3 .page3-slide-p1{color:#555;margin-right:4%}
.wmpage116-page3 .page3-slide-p2{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);margin-bottom:10px;transition:color .5s}
.wmpage116-page3 .page3-slide-p3{color:#555;line-height:1.6;margin-bottom:10px}
.wmpage116-page3 .page3-slide-btn a{border-radius:5px;padding:10px 24px;margin-top:12px;transition:border .5s;border:1px solid #ddd;color:#030925;display:inline-block}
.wmpage116-page3 .page3-slide-btn a:hover{border:1px solid var(--color)}
@media (max-width:1440px){.wmpage116-page3 .page3-slide{width:29%}
}
@media (max-width:1200px){.wmpage116-page3 .page3-slide-p2{font-size:var(--wmpage-font20)}
.wmpage116-page3 .page3-slide-p1{margin-bottom:2%}
}
@media (max-width:990px){.wmpage116-page3 .page3-slide{width:44%}
.wmpage116-page3 .page3-slide-p1{margin-bottom:0}
}
@media (max-width:768px){.wmpage116-page3 .wmpage116-page3-box{padding:0}
.wmpage116-page3 .wmpage116-page3-box .page3-swiper-btn{display:none}
.wmpage116-page3 .page3-top-p1{font-size:var(--wmpage-font16)}
.wmpage116-page3 .page3-slide{width:calc(100% - 8px)}
.wmpage116-page3 .page3-slide-text{padding:15px}
}
@media (max-width:500px){.wmpage116-page3 .page3-swiper{margin-top:5%}
.wmpage116-page3 .page3-slide-p2{font-size:var(--wmpage-font18)}
}
@media (max-width:390px){.page3-swiper-btn2,.wmpage116-page3 .page3-swiper-btn1{display:none}
.wmpage116-page3 .page3-slide-p1{margin-bottom:2%}
}
.wmpage116-page3 {padding-top:4%}
.wmpage116-page3 .page3-slide{height:auto;display:flex;flex-direction:column}
.wmpage116-page3 .page3-slide-text{flex:1;display:flex;flex-direction:column}
.wmpage116-page3 .page3-slide-btn{margin-top:auto}
.wmpage116-page3 .page3-swiper-btn em {display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;left:2px}
@media (max-width:768px){.wmpage116-page3 {padding-top:40px}}