.header-nav-wrapper{display:block !important}.about-us .about-us-wrapper .company-info{padding:80px 0;overflow:hidden}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content{display:flex}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-left{width:50%;padding-right:48px;position:relative}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-left .title{color:var(--primary-color)}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-left .desc{line-height:2;color:#777}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-left::after{position:absolute;content:'';right:0;top:0;width:1px;height:100%;background:#e6e6e6;z-index:1}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-right{width:50%;padding-left:48px;overflow:hidden}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-right img{width:100%;object-fit:cover;transition:all .5s}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-right:hover img{transform:scale(1.1)}.about-us .about-us-wrapper .core-business{padding-bottom:80px}.about-us .about-us-wrapper .core-business .core-business-wrapper .core-business-content{display:flex}.about-us .about-us-wrapper .core-business .core-business-wrapper .core-business-content .content-left{width:50%;background:#f5f5f5;aspect-ratio:4 / 3;padding:24px}.about-us .about-us-wrapper .core-business .core-business-wrapper .core-business-content .content-left .desc{line-height:1.5;color:var(--primary-color)}.about-us .about-us-wrapper .core-business .core-business-wrapper .core-business-content .content-right{width:50%;overflow:hidden}.about-us .about-us-wrapper .core-business .core-business-wrapper .core-business-content .content-right img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:all .5s}.about-us .about-us-wrapper .core-business .core-business-wrapper .core-business-content .content-right:hover img{transform:scale(1.1)}.about-us .about-us-wrapper .application .application-wrapper{padding:0 0 80px;overflow:hidden}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper{height:620px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list{display:flex;flex-wrap:wrap;height:100%;color:#fff}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item{width:25%;height:50%;position:relative;border-bottom:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3);overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:2}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item:nth-last-child(-n + 4) .application-item-content{top:initial;bottom:100%}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item .title-wrapper{display:flex;flex-direction:column}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item .title-wrapper .line{margin:12px 0;width:100%;height:1px;background:rgba(255,255,255,0.5)}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item .application-item-content{position:absolute;width:100%;height:100%;left:0;top:100%;z-index:2;background-color:var(--primary-color);transition:all .5s;padding:24px;display:flex;flex-direction:column;justify-content:center}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item .application-item-content .desc{line-height:1.5}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item:hover .application-item-content{top:0}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item:hover:nth-last-child(-n + 4) .application-item-content{top:initial;bottom:0}.about-us .about-us-wrapper .title-wrapper{display:flex;justify-content:space-between;align-items:center}.about-us .about-us-wrapper .title-wrapper .swiper-operation{display:flex;align-items:center}.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-progressbar{width:400px;position:relative;height:3px;background:#e6e6e6}.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-progressbar .swiper-pagination-progressbar-fill{background:var(--primary-color)}.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn{margin-left:48px;display:flex;align-items:center;gap:0 24px}.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn .prev-btn,.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn .next-btn{width:44px;height:44px;border-radius:50%;background:#fff;transition:all .4s ease;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#666}.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn .prev-btn .iconfont,.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn .next-btn .iconfont{font-size:24px}.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn .prev-btn:hover,.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn .next-btn:hover{background:var(--primary-color);color:#fff}.about-us .about-us-wrapper .img-link-icon{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:2;color:#fff;transition:all .5s ease .2s;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center}.about-us .about-us-wrapper .img-link-icon .iconfont{font-size:26px}.about-us .about-us-wrapper .swiper-slide:hover .img-link-icon{transform:translate(-50%, -50%) scale(1)}.about-us .about-us-wrapper .swiper{overflow:hidden;position:relative}.about-us .about-us-wrapper .swiper .swiper-wrapper .swiper-slide{position:relative;width:calc(100% / 4);height:initial;border:1px solid #f0f0f0;padding:12px}.about-us .about-us-wrapper .swiper .swiper-wrapper .swiper-slide .img-link{width:100%;aspect-ratio:4 / 3}.about-us .about-us-wrapper .swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:contain}.about-us .about-us-wrapper .swiper .swiper-wrapper .swiper-slide .name{display:flex;justify-content:center;font-size:18px;text-align:center;margin-top:12px;line-height:1.2}.about-us .about-us-wrapper .swiper .swiper-wrapper .swiper-slide .name div{line-height:1.2}.about-us .about-us-wrapper .swiper .swiper-scrollbar{bottom:0}.about-us .about-us-wrapper .swiper .swiper-scrollbar .swiper-scrollbar-drag{background:linear-gradient(to right, var(--primary-color), var(--primary-color-light))}.about-us .about-us-wrapper .environment{padding:80px 0;background-color:#f8f8f8;overflow:hidden}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper{height:400px;overflow:hidden;position:relative}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper{height:100%}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide{width:auto;height:100%;position:relative}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide .img-link{height:100%}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide .img-link img{height:100%;object-fit:cover}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide .title-name{position:absolute;bottom:0;left:0;right:0;padding:12px;background-color:rgba(110,185,44,0.8);color:#fff;font-size:16px;display:flex;justify-content:center;transform:translateY(100%);transition:all .3s ease}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide:hover .title-name{transform:translateY(0)}.about-us .about-us-wrapper .cooperative-customer{overflow:hidden;padding:48px 0 80px}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .title-wrapper{text-align:left}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list{display:flex;flex-wrap:wrap;gap:27px}.about-us .about-us-wrapper .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}.about-us .about-us-wrapper .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}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item .image-wrapper img{width:100%;height:100%;object-fit:contain}.about-us .about-us-wrapper .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}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item .image-wrapper.behind{transform:rotateY(180deg);z-index:9}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item:hover .image-wrapper.front{transform:rotateY(180deg)}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item:hover .image-wrapper.behind{transform:rotateY(0deg)}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item:hover .image-wrapper.behind .content{transform:translateY(0)}@media screen and (max-width:992px){.about-us .about-us-wrapper .company-info{padding:24px 0}.about-us .about-us-wrapper .company-info .company-info-wrapper{padding:0 12px}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content{flex-direction:column}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-left{width:100%;padding-right:0;position:static}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-left::after{display:none}.about-us .about-us-wrapper .company-info .company-info-wrapper .company-info-content .content-right{width:100%;padding-left:0;position:static}.about-us .about-us-wrapper .application .application-wrapper{padding:12px 12px 24px}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper{height:initial}.about-us .about-us-wrapper .application .application-wrapper .application-list-wrapper .application-list .application-item{width:100%;aspect-ratio:4 / 2}.about-us .about-us-wrapper .title-wrapper{margin-bottom:24px}.about-us .about-us-wrapper .title-wrapper .title{text-align:left;margin:0}.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-progressbar{display:none}.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn .prev-btn,.about-us .about-us-wrapper .title-wrapper .swiper-operation .swiper-btn .next-btn{width:36px;height:36px;font-size:20px}.about-us .about-us-wrapper .swiper .swiper-wrapper .swiper-slide{width:100%}.about-us .about-us-wrapper .swiper .swiper-wrapper .swiper-slide img{width:100%}.about-us .about-us-wrapper .swiper .swiper-wrapper .swiper-slide .name{font-size:16px;margin-top:12px}.about-us .about-us-wrapper .environment{padding:24px 12px}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper{height:200px}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper{height:100%}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide{width:100%;height:100%}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide .img-link{width:100%;height:100%}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide .img-link img{width:100%;height:100%;object-fit:cover}.about-us .about-us-wrapper .environment .environment-wrapper .environment-swiper .swiper-wrapper .swiper-slide .title-name{transform:translateY(0);font-size:14px}.about-us .about-us-wrapper .cooperative-customer{padding:24px 12px}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list{gap:16px}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item{width:calc(100% / 2 - (16px * 1) / 2)}.about-us .about-us-wrapper .cooperative-customer .cooperative-customer-wrapper .cooperative-customer-list .cooperative-customer-item .image-wrapper{padding:12px}}