.swiper{height:100vh;position:relative}.swiper .swiper-wrapper{height:100%}.swiper .swiper-wrapper .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}.swiper .swiper-wrapper .swiper-slide video{width:100%;height:100%;object-fit:cover}.swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:all 6s linear;transform:scale(1.2)}.swiper .swiper-wrapper .swiper-slide.swiper-slide-active img,.swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active img{transform:scale(1)}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content{position:absolute;display:flex;flex-direction:column;justify-content:center;inset:0;padding:0 5%;padding-left:5%;z-index:3;color:#fff}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .title{font-size:36px;line-height:88px}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .desc{font-size:60px;line-height:88px}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .btn{margin-top:24px;padding:15px 25px;background:#ffffff;border-radius:50px;cursor:pointer;color:#000;font-size:16px;overflow:hidden;transition:all .3s ease}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .btn::before{background-color:#ff8001}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .btn:hover{color:#fff}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .btn2{margin-left:24px}.swiper .swiper-pagination{width:initial !important;left:initial !important;right:100px;bottom:60px !important}.swiper .swiper-pagination .swiper-pagination-bullet{background:#fff;margin:0 20px !important;position:relative}.swiper .swiper-pagination .swiper-pagination-bullet::before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:4px solid #ff8001;border-left-color:transparent;border-radius:50%;opacity:0;transition:all .3s ease;transform:translate(-50%, -50%)}.swiper .swiper-pagination .swiper-pagination-bullet-active::before{opacity:1;animation:spin 2s linear infinite}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.about-us-wrapper{margin:100px 0 0;background:url('/static/qwh/static/image/about-us.png') no-repeat left;background-size:contain}.about-us-wrapper .about-us{display:flex;justify-content:space-between}.about-us-wrapper .about-us .about-us-left{width:40%}.about-us-wrapper .about-us .about-us-left .title{font-size:48px;line-height:60px}.about-us-wrapper .about-us .about-us-left .content{margin:30px 0 66px;color:#888888;font-size:16px;line-height:24px;text-indent:2em}.about-us-wrapper .about-us .about-us-left .img-wrapper{margin:12px 0}.about-us-wrapper .about-us .about-us-left .img-wrapper img{width:100%}.about-us-wrapper .about-us .about-us-left .btn{display:inline-block;padding:15px 25px;background:#ff8000;border-radius:50px;cursor:pointer;color:#ffffff;font-size:16px;overflow:hidden;transition:all .3s ease}.about-us-wrapper .about-us .about-us-left .btn::before{background:linear-gradient(to right, var(--primary-color), #8E2DE2)}.about-us-wrapper .about-us .about-us-left .btn:hover{color:#fff}.about-us-wrapper .about-us .about-us-right{width:40%;display:flex;justify-content:center;align-items:center}.about-us-wrapper .about-us .about-us-right .middle-wrapper{width:385px;height:385px;border-radius:50%;border:2px dashed #e5e6f9;display:flex;justify-content:center;align-items:center;position:relative}.about-us-wrapper .about-us .about-us-right .middle-wrapper .middle-circle{display:flex;justify-content:center;align-items:center;width:170px;height:170px;background:#1119c5;border-radius:50%;color:#ffffff;font-size:16px;line-height:24px;text-align:center}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle-wrapper{position:absolute;inset:0;border-radius:50%}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle{position:absolute;width:130px;height:130px;background:#f0f0f0;border-radius:50%;font-size:16px;top:calc(-130px / 2);left:calc(50% - 130px / 2);transform-origin:center 257.5px}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(1){transform:rotate(0deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(1) .circle-box{transform:rotate(0deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(2){transform:rotate(72deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(2) .circle-box{--initDeg:calc(-72deg * 1);transform:rotate(-72deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(3){transform:rotate(144deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(3) .circle-box{--initDeg:calc(-72deg * 2);transform:rotate(-144deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(4){transform:rotate(216deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(4) .circle-box{--initDeg:calc(-72deg * 3);transform:rotate(-216deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(5){transform:rotate(288deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle:nth-child(5) .circle-box{--initDeg:calc(-72deg * 4);transform:rotate(-288deg)}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle .circle-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}@keyframes rotate{to{transform:rotate(calc(360deg + var(--initDeg, 0deg)))}}.about-us-wrapper .honors{margin-top:200px;padding-top:60px;height:386px;background:#1119c5}.about-us-wrapper .honors .container{display:flex;height:100%}.about-us-wrapper .honors .honors-left{width:20%;padding-right:24px;flex-shrink:0}.about-us-wrapper .honors .honors-left .title{color:#ffffff;font-size:48px;line-height:60px}.about-us-wrapper .honors .honors-left .btn-wrapper{display:flex;align-items:center;margin-top:40px}.about-us-wrapper .honors .honors-left .btn-wrapper .btn{width:50px;height:50px;background:#ffffff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-right:20px;overflow:hidden}.about-us-wrapper .honors .honors-left .btn-wrapper .btn .iconfont{font-size:18px}.about-us-wrapper .honors .honors-left .btn-wrapper .btn:last-child{margin-right:0}.about-us-wrapper .honors .honors-left .btn-wrapper .btn::before{background:#FF8000}.about-us-wrapper .honors .honors-left .btn-wrapper .btn:hover::before{background:#FF8000}.about-us-wrapper .honors .honors-left .btn-wrapper .btn:hover .iconfont{color:#fff}.about-us-wrapper .honors .honors-right{width:80%;height:366px;padding:0 24px}.about-us-wrapper .honors .honors-right .honors-swiper{width:100%;height:100%;position:relative;overflow:hidden;transform:translateY(-150px)}.about-us-wrapper .honors .honors-right .honors-swiper .swiper-slide{width:calc(25% - 30px);height:100%;cursor:pointer}.about-us-wrapper .honors .honors-right .honors-swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;transition:all .6s ease}.market-services .lattice-diagram-wrapper{margin-left:auto;width:80%;height:100%;position:relative}.market-services .lattice-diagram-wrapper .lattice-diagram-content{position:absolute;left:-25%;bottom:15%}.market-services .lattice-diagram-wrapper .lattice-diagram-content .title{font-size:48px;line-height:60px}.market-services .lattice-diagram-wrapper .lattice-diagram-content .desc{margin:24px 0;color:#888888;font-weight:400;font-size:18px;line-height:24px}.market-services .lattice-diagram-wrapper .lattice-diagram-content .btn{display:inline-block;padding:15px 25px;background:#ff8000;border-radius:50px;cursor:pointer;color:#ffffff;font-size:16px;overflow:hidden;transition:all .3s ease}.market-services .lattice-diagram-wrapper .lattice-diagram-content .btn::before{background:linear-gradient(to right, var(--primary-color), #8E2DE2)}.market-services .lattice-diagram-wrapper .lattice-diagram-content .btn:hover{color:#fff}.market-services .lattice-diagram-wrapper .lattice-diagram{width:100%;height:100%;object-fit:contain;opacity:.2}.market-services .lattice-diagram-wrapper .circle-wrapper{position:absolute;left:20%;top:30%}.market-services .lattice-diagram-wrapper .circle-wrapper:hover .title{color:var(--primary-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.market-services .lattice-diagram-wrapper .circle-wrapper .title{font-size:16px;margin-bottom:24px}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(1){left:18%;top:52%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(2){left:74%;top:38%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(3){left:83%;top:37%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(4){left:68%;top:46%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(5){left:81%;top:55%;display:flex;flex-direction:row-reverse;align-items:center}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(5) .title{margin:0;margin-left:24px}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(6){left:74%;top:57%}.market-services .lattice-diagram-wrapper .circle-wrapper .circle{margin:0 auto;position:relative;width:15px;height:15px;background:#1119c5;border-radius:50%;opacity:.9}.market-services .lattice-diagram-wrapper .circle-wrapper .ring{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#1119c5;border-radius:50%;animation:scale-circle 3s infinite}.market-services .lattice-diagram-wrapper .circle-wrapper .ring:nth-child(1){width:40px;height:40px;opacity:.4}.market-services .lattice-diagram-wrapper .circle-wrapper .ring:nth-child(2){width:60px;height:60px;opacity:.2}@keyframes scale-circle{0%,100%{transform:translate(-50%, -50%) scale(.5)}50%{transform:translate(-50%, -50%) scale(1)}}.product-application .product-wrapper{height:70vh}.product-application .product-wrapper ul{display:flex;height:100%}.product-application .product-wrapper ul li{width:15%;height:100%;cursor:pointer;transition:all .6s ease;overflow:hidden}.product-application .product-wrapper ul li>a{display:block;width:100%;height:100%;position:relative}.product-application .product-wrapper ul li>a>img{width:100%;height:100%;object-fit:cover}.product-application .product-wrapper ul li>a::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.5);transition:all .6s ease;z-index:1}.product-application .product-wrapper ul li .title{position:absolute;left:50%;transform:translateX(-50%);top:10%;z-index:2;color:#ffffff;font-size:48px;line-height:60px}.product-application .product-wrapper ul li .content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:50%;transform:translate(-50%, -50%);top:50%;z-index:2;color:#ffffff;font-size:16px;line-height:24px;text-align:center;padding-bottom:12px}.product-application .product-wrapper ul li .content-wrapper::before{background-color:#ff8000}.product-application .product-wrapper ul li .content-wrapper img{width:60px;height:60px;object-fit:contain}.product-application .product-wrapper ul li .content-wrapper .text{margin-top:12px;white-space:nowrap}.product-application .product-wrapper ul li:nth-child(1){width:40%}.product-application .product-wrapper ul li:nth-child(1)::before{background-color:#1119C5;opacity:.4}.product-application .product-wrapper ul li:nth-child(1) .content-wrapper{transform:translate(-50%, 100%)}.product-application .product-wrapper ul li:hover{width:calc(100vw - 120px * 4)}.product-application .product-wrapper ul li:hover~li{width:120px}.news-center{padding:120px 0}.news-center .title{line-height:60px;font-size:48px}.news-center .news-list{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.news-center .news-list .news-item{width:calc(50% - 10px);background-color:#F3F3FC;aspect-ratio:16 / 9;position:relative;overflow:hidden}.news-center .news-list .news-item img{opacity:0;width:100%;height:100%;object-fit:cover;transition:all .6s ease}.news-center .news-list .news-item .content{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:60px 40px;transition:all .6s ease}.news-center .news-list .news-item .content .date{font-size:16px}.news-center .news-list .news-item .content .title{font-size:24px;line-height:30px}.news-center .news-list .news-item::before{content:'';position:absolute;inset:0;background-color:rgba(0,0,0,0.3);opacity:0;transform:scale(0);transform-origin:center;transition:all .6s ease;z-index:2}.news-center .news-list .news-item.active img{opacity:1;transform:scale(1.05)}.news-center .news-list .news-item.active .content{color:#fff}.news-center .news-list .news-item.active .content .title{color:#fff}.news-center .news-list .news-item.active::before{opacity:1;transform:scale(1)}@media screen and (max-width:768px){.swiper{height:70vh}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .title{font-size:18px;line-height:48px}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .desc{font-size:24px;line-height:48px}.swiper .swiper-wrapper .swiper-slide .swiper-slide-content .btn{padding:10px 20px;font-size:14px}.swiper .swiper-pagination{right:0 !important;left:0 !important;bottom:20px !important;display:flex;justify-content:center}.swiper .swiper-pagination .swiper-pagination-bullet::before{width:20px;height:20px}.about-us-wrapper{margin:0}.about-us-wrapper .about-us{padding:24px;flex-direction:column}.about-us-wrapper .about-us .about-us-left{width:100%}.about-us-wrapper .about-us .about-us-left .title{font-size:24px;line-height:36px;text-align:center}.about-us-wrapper .about-us .about-us-left .content{font-size:14px;line-height:24px;margin:16px 0 33px}.about-us-wrapper .about-us .about-us-left .img-wrapper{display:block}.about-us-wrapper .about-us .about-us-left .btn{text-align:center;width:50%;display:block;margin:0 auto;padding:10px 20px;font-size:14px}.about-us-wrapper .about-us .about-us-right{width:100%;margin-top:24px;padding:48px 0}.about-us-wrapper .about-us .about-us-right .middle-wrapper{width:80vw;height:80vw;aspect-ratio:1 / 1}.about-us-wrapper .about-us .about-us-right .middle-wrapper .middle-circle{width:40%;height:40%;font-size:14px}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle-wrapper{animation-play-state:paused}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle-wrapper .circle{width:80px;height:80px;top:calc(-80px / 2);left:calc(50% - 80px / 2);transform-origin:center calc(80px / 2 + 80vw / 2);font-size:14px}.about-us-wrapper .about-us .about-us-right .middle-wrapper .circle-wrapper .circle .circle-box{animation-play-state:paused}.about-us-wrapper .honors{margin-top:initial;padding-top:24px;height:initial}.about-us-wrapper .honors .container{flex-direction:column}.about-us-wrapper .honors .honors-left{width:100%;text-align:center;padding:0}.about-us-wrapper .honors .honors-left .title{width:100%;font-size:24px;line-height:36px}.about-us-wrapper .honors .honors-left .btn-wrapper{display:none}.about-us-wrapper .honors .honors-right{width:100%;height:260px}.about-us-wrapper .honors .honors-right .honors-swiper{transform:initial}.about-us-wrapper .honors .honors-right .swiper-slide img{height:100%}.market-services .lattice-diagram-wrapper{width:100%;height:100%;padding:24px 24px 0}.market-services .lattice-diagram-wrapper .lattice-diagram-content{display:flex;flex-direction:column;position:initial;text-align:center}.market-services .lattice-diagram-wrapper .lattice-diagram-content .title{font-size:24px;line-height:36px}.market-services .lattice-diagram-wrapper .lattice-diagram-content .desc{font-size:14px;line-height:24px;margin:16px 0}.market-services .lattice-diagram-wrapper .lattice-diagram-content .btn{margin:0 auto;width:50%;padding:10px 20px;font-size:14px}.market-services .lattice-diagram-wrapper .lattice-diagram-box{position:relative}.market-services .lattice-diagram-wrapper .circle-wrapper .title{font-size:12px;margin-bottom:12px;opacity:0;transition:all .3s ease}.market-services .lattice-diagram-wrapper .circle-wrapper .circle{width:10px;height:10px}.market-services .lattice-diagram-wrapper .circle-wrapper .ring:nth-child(1){width:20px;height:20px}.market-services .lattice-diagram-wrapper .circle-wrapper .ring:nth-child(2){width:30px;height:30px}.market-services .lattice-diagram-wrapper .circle-wrapper:hover .title{opacity:1}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(1){left:6%;top:44%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(2){left:66%;top:32%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(3){left:77%;top:33%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(4){left:50%;top:36%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(5){left:80%;top:53%}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(5) .title{margin:0}.market-services .lattice-diagram-wrapper .circle-wrapper:nth-child(6){left:68%;top:50%}.product-application{padding:24px}.product-application .product-wrapper{height:initial}.product-application .product-wrapper ul{flex-direction:column}.product-application .product-wrapper ul li{width:100%;aspect-ratio:16 / 9}.product-application .product-wrapper ul li:nth-child(1){width:initial}.product-application .product-wrapper ul li:nth-child(1) .content-wrapper{transform:translate(-50%, -50%)}.product-application .product-wrapper ul li:hover{width:initial}.product-application .product-wrapper ul li:hover~li{width:initial}.product-application .product-wrapper ul li .title{padding:12px 12px 0;font-size:18px;line-height:30px;left:0;top:0;transform:initial;text-align:center}.product-application .product-wrapper ul li .content-wrapper img{width:40px;height:40px}.product-application .product-wrapper ul li .content-wrapper .text{white-space:normal;font-size:14px}.news-center{padding:48px 24px}.news-center .title{font-size:28px}.news-center .news-list .news-item{width:100%;border-radius:8px}.news-center .news-list .news-item img{opacity:1;transform:scale(1.05)}.news-center .news-list .news-item::before{opacity:1;transform:scale(1)}.news-center .news-list .news-item .content{padding:24px;color:#fff}.news-center .news-list .news-item .content .date{font-size:14px}.news-center .news-list .news-item .content .title{font-size:16px;line-height:24px;color:#fff}}