.btn-wrapper{display:flex}.btn-wrapper .btn{display:flex;align-items:center;height:50px;border-radius:25px;padding:17px 37px;color:#fff;border:1px solid #fff;overflow:hidden}.btn-wrapper .btn .iconfont{font-size:12px}.btn-wrapper .btn:hover{border-color:transparent}.swiper{height:100vh;overflow:hidden}.swiper .swiper-wrapper .swiper-slide{position:relative;background-color:#D1D1D1}.swiper .swiper-wrapper .swiper-slide::before{display:none;content:"";position:absolute;inset:0;background:linear-gradient(0deg, #6db7e6, #255d80);z-index:1;opacity:.5}.swiper .swiper-wrapper .swiper-slide img,.swiper .swiper-wrapper .swiper-slide video{width:100%;height:100%;object-fit:cover}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content{position:absolute;inset:0;z-index:2}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .container{height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}@keyframes scale{0%{transform:scale(1)}100%{transform:scale(1.2)}}.swiper .swiper-wrapper .swiper-slide.swiper-slide-active img{animation:scale 6s linear alternate infinite}.swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-slide-content .title{animation:indjsText 1s ease both .2s}.swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-slide-content .title2{animation:indjsText 1s ease both .4s}.swiper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-slide-content .btn-wrapper{animation:indjsText 1s ease both .4s}.swiper .swiper-pagination{bottom:100px;left:var(--container-margin);text-align:left;width:initial}.swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;opacity:.5;background:#ffffff;margin-left:40px}.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}@keyframes indjsText{0%{opacity:0;transform:translateY(60px)}100%{opacity:1;transform:translateY(0)}}.title-wrapper{text-align:center}.title-wrapper .title-en{opacity:.55;color:#6DB7E6;-webkit-mask-image:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 100%);transform:translateY(1vw)}.about-us .about-us-wrapper{display:flex;overflow-x:hidden}.about-us .about-us-wrapper .title-wrapper{text-align:left}.about-us .about-us-wrapper .about-us-left{width:55%;padding-top:83px}.about-us .about-us-wrapper .about-us-left .line{width:60px;height:2px;background-color:var(--primary-color)}.about-us .about-us-wrapper .about-us-left .desc{width:80%;line-height:24px}.about-us .about-us-wrapper .about-us-left img{width:100%;height:300px}.about-us .about-us-wrapper .about-us-right{width:45%;background-size:cover;background-position:center right;background-repeat:no-repeat;padding-top:83px;display:flex;flex-direction:column}.about-us .about-us-wrapper .about-us-right .title-wrapper{opacity:0}.about-us .about-us-wrapper .about-us-right .line{width:60px;height:2px;background-color:var(--primary-color)}.about-us .about-us-wrapper .about-us-right .content-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-between}.about-us .about-us-wrapper .about-us-right .content-wrapper .icon-wrapper{margin-left:20%;width:50px;height:50px;border-radius:50%;border:1px solid #888888;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.about-us .about-us-wrapper .about-us-right .content-wrapper .icon-wrapper .iconfont{font-size:14px;color:#888888}.about-us .about-us-wrapper .about-us-right .content-wrapper .icon-wrapper:hover{border-color:var(--primary-color);background-color:var(--primary-color)}.about-us .about-us-wrapper .about-us-right .content-wrapper .icon-wrapper:hover .iconfont{color:#fff}.about-us .about-us-wrapper .about-us-right .name-wrapper,.about-us .about-us-wrapper .about-us-right .desc{width:calc(100% - var(--container-margin));padding-left:20%;line-height:24px}.about-us .about-us-wrapper .about-us-right .company-name-wrapper{width:calc(100% - var(--container-margin));background-color:var(--primary-color);height:300px;display:flex;justify-content:center;align-items:center}.about-us .about-us-wrapper .about-us-right .company-name-wrapper .image-wrapper{display:flex;align-items:center;border-bottom:1px solid #fff;padding-bottom:24px}.about-us .about-us-wrapper .about-us-right .company-name-wrapper .image-wrapper .company-name-content{padding-left:12px}.about-us .about-us-wrapper .about-us-right .company-name-wrapper .image-wrapper .company-name,.about-us .about-us-wrapper .about-us-right .company-name-wrapper .image-wrapper .company-name-en{color:#fff}.product .product-wrapper .product-top-wrapper{background-color:#F8F8F8;padding-top:120px}.product .product-wrapper .product-nav-list{display:flex;justify-content:center;position:relative;width:70%;margin-left:auto;margin-right:auto}.product .product-wrapper .product-nav-list::before{content:"";position:absolute;top:0;left:var(--left-sliding-block);width:25%;height:100%;background-color:var(--primary-color);z-index:1;transition:all .3s ease}.product .product-wrapper .product-nav-list .product-nav-item{padding:24px 0;position:relative;z-index:2;width:25%;text-align:center;cursor:pointer}.product .product-wrapper .product-nav-list .product-nav-item.active{color:#fff}.product .product-wrapper .product-swiper-wrapper{position:relative}.product .product-wrapper .product-swiper-wrapper .swiper-button-next,.product .product-wrapper .product-swiper-wrapper .swiper-button-prev{width:70px;height:70px;background-color:var(--primary-color);top:calc((var(--image-wrapper-height) / 2) - 35px);margin-top:initial}.product .product-wrapper .product-swiper-wrapper .swiper-button-next:after,.product .product-wrapper .product-swiper-wrapper .swiper-button-prev:after{font-size:24px;color:#fff}.product .product-wrapper .product-swiper-wrapper .swiper-button-prev{left:0;transform:translateX(-50%)}.product .product-wrapper .product-swiper-wrapper .swiper-button-next{right:0;transform:translateX(50%)}.product .product-wrapper .product-swiper{overflow:hidden}.product .product-wrapper .product-swiper .swiper-slide{border:1px solid #E8E8E8}.product .product-wrapper .product-swiper .swiper-slide .image-wrapper{width:100%;aspect-ratio:1 / 1;background-color:#fff;overflow:hidden}.product .product-wrapper .product-swiper .swiper-slide .image-wrapper img{width:100%;height:100%;object-fit:contain;transition:all .3s ease}.product .product-wrapper .product-swiper .swiper-slide .content{padding:24px;text-align:center;background-color:#F0F0F0}.product .product-wrapper .product-swiper .swiper-slide:hover .image-wrapper img{transform:scale(1.1)}.product .product-wrapper .product-bottom-wrapper{display:flex;flex-direction:column;height:260px;background-color:#6DB7E6;transform:translateY(-81.5938px)}.product .product-wrapper .product-bottom-wrapper .placeholder-title{opacity:0;padding:24px}.product .product-wrapper .product-bottom-wrapper .btn-wrapper{flex:1;justify-content:center;align-items:center}.product .product-wrapper .product-bottom-wrapper .btn-wrapper .btn::before{background-color:#fff}.product .product-wrapper .product-bottom-wrapper .btn-wrapper .btn:hover{color:#000}.cooperative-customer .cooperative-customer-wrapper{padding:60px 0 120px}.cooperative-customer .cooperative-customer-wrapper .title-wrapper{text-align:left}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list{display:flex;flex-wrap:wrap;gap:27px}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item{width:calc(100% / 4 - (27px * 3) / 4);aspect-ratio:16 / 9;background-color:#fff;position:relative}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item .image-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 4px 20px 0 rgba(40,49,67,0.08);transition:transform 2s cubic-bezier(.34, 1.56, .64, 1);overflow:hidden;backface-visibility:hidden;border-radius:8px;padding:24px}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item .image-wrapper img{width:100%;height:100%;object-fit:contain}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item .image-wrapper .content{position:absolute;width:100%;left:0;bottom:0;transform:translateY(100%);padding:12px;background-color:var(--primary-color);text-align:center;color:#fff;transition:transform .3s ease .4s}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item .image-wrapper.behind{transform:rotateY(180deg);z-index:9}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item:hover .image-wrapper.front{transform:rotateY(180deg)}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item:hover .image-wrapper.behind{transform:rotateY(0deg)}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item:hover .image-wrapper.behind .content{transform:translateY(0)}.industry-trends{background-color:#F8F8F8}.industry-trends .industry-trends-wrapper{padding:120px 0}.industry-trends .industry-trends-wrapper .industry-trends-swiper{position:relative;overflow:hidden}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide{padding-top:22px}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide:before{content:"";position:absolute;top:0;left:0;width:10%;height:3px;background-color:var(--primary-color);z-index:1;transition:all .3s linear}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide .img-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide .img-wrapper img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide .swiper-slide-content .date{color:#888888}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide .swiper-slide-content .icon-wrapper{width:50px;height:50px;border-radius:50%;border:1px solid #888888;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide .swiper-slide-content .icon-wrapper .iconfont{font-size:14px;color:#888888}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide:hover:before{width:100%}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide:hover img{transform:scale(1.1)}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide:hover .swiper-slide-content .title{color:var(--primary-color)}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide:hover .swiper-slide-content .icon-wrapper{border:1px solid var(--primary-color);background-color:var(--primary-color)}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide:hover .swiper-slide-content .icon-wrapper .iconfont{color:#fff}.industry-trends .industry-trends-wrapper .btn-wrapper{justify-content:center}.industry-trends .industry-trends-wrapper .btn-wrapper .btn{background-color:var(--primary-color);border:1px solid var(--primary-color)}.industry-trends .industry-trends-wrapper .btn-wrapper .btn::before{background-color:#fff}.contact-us{color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}.contact-us .contact-us-wrapper{padding:100px 0}@media screen and (max-width:992px){.btn-wrapper .btn{height:30px;border-radius:25px;padding:12px 18px}.swiper{height:60vh}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content{padding:24px}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .container{align-items:center;text-align:center}.swiper .swiper-pagination{bottom:24px;left:0;text-align:center;width:100%}.swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin-left:20px}.product .product-wrapper .product-top-wrapper{padding-top:48px}.product .product-wrapper .product-nav-list{width:100%;font-size:14px}.product .product-wrapper .product-nav-list .product-nav-item{padding:12px 0}.product .product-wrapper .product-swiper-wrapper .swiper-button-next,.product .product-wrapper .product-swiper-wrapper .swiper-button-prev{display:none}.product .product-wrapper .product-swiper-wrapper .product-swiper{padding:0 12px}.product .product-wrapper .product-bottom-wrapper{height:180px}.about-us .about-us-wrapper{flex-direction:column}.about-us .about-us-wrapper .about-us-left{width:100%;padding-top:24px}.about-us .about-us-wrapper .about-us-left .title-wrapper,.about-us .about-us-wrapper .about-us-left .title-2{padding:0 12px}.about-us .about-us-wrapper .about-us-left .line{width:40px;margin-left:12px}.about-us .about-us-wrapper .about-us-left .desc{width:100%;padding:0 12px}.about-us .about-us-wrapper .about-us-right{width:100%;padding-top:0}.about-us .about-us-wrapper .about-us-right .content-wrapper .icon-wrapper{margin:12px;margin-left:auto;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.about-us .about-us-wrapper .about-us-right .content-wrapper .icon-wrapper .iconfont{font-size:16px;color:#888888}.about-us .about-us-wrapper .about-us-right .name-wrapper,.about-us .about-us-wrapper .about-us-right .desc{width:100%;padding:0 12px}.about-us .about-us-wrapper .about-us-right .company-name-wrapper{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.about-us .about-us-wrapper .about-us-right .company-name-wrapper .image-wrapper{display:flex;align-items:center;border-bottom:none;padding-bottom:0;padding:6px}.cooperative-customer .cooperative-customer-wrapper{padding:0 12px 48px}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list{gap:16px}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item{width:calc(100% / 2 - (16px * 1) / 2)}.cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item .image-wrapper{padding:12px}.industry-trends .industry-trends-wrapper{padding:24px 12px}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide{padding-top:12px}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide .swiper-slide-content .icon-wrapper{width:40px;height:40px;margin:0 auto;color:#888888}.industry-trends .industry-trends-wrapper .industry-trends-swiper .swiper-slide .swiper-slide-content .icon-wrapper .iconfont{font-size:14px;color:#888888}.contact-us .contact-us-wrapper{padding:48px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.contact-us .contact-us-wrapper .desc{width:70%}}