@use "sass:math";.loading-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#3d84c4;z-index:9999;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease, visibility .8s ease;transform:translateZ(0);backface-visibility:hidden}.loading-wrap.hide{opacity:0;visibility:hidden;pointer-events:none}.wave-box{position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:1;transform:translateZ(0);backface-visibility:hidden}.wave-svg{position:absolute;width:200%;height:220px;left:0;bottom:0;transform:translateZ(0);backface-visibility:hidden}.wave1{fill:rgba(70,170,255,0.28);animation:waveScroll 8s linear infinite;bottom:-20px}.wave2{fill:rgba(240,140,200,0.24);animation:waveScroll 10s linear infinite reverse;bottom:10px}.wave3{fill:rgba(255,190,100,0.22);animation:waveScroll 12s linear infinite;bottom:35px}.wave4{fill:rgba(90,220,180,0.2);animation:waveScroll 14s linear infinite reverse;bottom:60px}@keyframes waveScroll{0%{transform:translateX(0) translateZ(0)}100%{transform:translateX(-50%) translateZ(0)}}.text-svg{position:relative;z-index:10;transform:translateZ(0);backface-visibility:hidden}.stroke-text{fill:transparent;stroke:#ffffff;stroke-width:2.2;stroke-dashoffset:0;animation:drawLoop 7.2s linear infinite;font-size:112px;font-weight:900;font-family:"Microsoft YaHei",sans-serif;text-anchor:middle;filter:none !important}@keyframes drawLoop{0%{stroke-dashoffset:var(--text-length);stroke-opacity:1}44.4%{stroke-dashoffset:0;stroke-opacity:1}86.1%{stroke-dashoffset:0;stroke-opacity:1}99.9%{stroke-dashoffset:0;stroke-opacity:0}100%{stroke-dashoffset:var(--text-length);stroke-opacity:0}}.banner{width:100%}.banner{display:block;width:100%;font-size:0;position:relative;z-index:1}.banner .text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:80%}.banner .text h2,.banner .text h3{color:#fff;font-size:6rem;font-weight:600;line-height:1;text-align:center;text-shadow:0 0 0.2rem #000;text-transform:uppercase}@media screen and (min-width: 768px){.banner .text h2,.banner .text h3{transition:all .35s ease-in-out}}.banner .text h3{font-size:2.6rem;line-height:1.5;font-weight:300;margin-top:1em;text-transform:capitalize}@media screen and (min-width: 768px){.banner .text h3{transition:all .6s ease-in-out}}.banner .img{position:relative}.banner .img video{width:100%;height:100%;object-fit:cover;object-position:center center}.banner .img img{width:100%}.banner .swiper-pagination{bottom:4rem}.banner .swiper-pagination span{width:1rem;height:1rem;border-radius:50%;box-sizing:border-box;border:1px solid #000;background:transparent !important;opacity:1 !important}@media screen and (min-width: 768px){.banner .swiper-pagination span{transition:all .35s ease-in-out}}.banner .swiper-pagination span.swiper-pagination-bullet-active{background:#000 !important}.banner .swiper-botton{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:1728px;margin:0 auto;z-index:2;display:flex;justify-content:space-between;align-items:center;display:none}@media screen and (max-width: 1920px) and (min-width: 769px){.banner .swiper-botton{width:90vw}}@media screen and (max-width: 768px){.banner .swiper-botton{width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem}}.banner .swiper-botton .next,.banner .swiper-botton .prev{width:6rem;height:6rem;background:#f3f2f2;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0}@media screen and (min-width: 768px){.banner .swiper-botton .next,.banner .swiper-botton .prev{transition:all .35s ease-in-out}}.banner .swiper-botton .next::before,.banner .swiper-botton .prev::before{content:"\e840";font-family:"iconfont";font-size:3rem;color:#8a8a8a}@media screen and (min-width: 768px){.banner .swiper-botton .next::before,.banner .swiper-botton .prev::before{transition:all .35s ease-in-out}}.banner .swiper-botton .next:hover,.banner .swiper-botton .prev:hover{background:#3d84c4}.banner .swiper-botton .next:hover::before,.banner .swiper-botton .prev:hover::before{color:#fff}.banner .swiper-botton .prev{margin-right:1.3rem;transform:rotate(180deg)}.banner:hover .next,.banner:hover .prev{opacity:1}.i-adv{margin:clamp(50px, 6.45833vw, 124px) 0}.i-adv ul{display:flex;justify-content:space-between;gap:clamp(20px, 2.60417vw, 50px)}.i-adv ul li{width:100%;padding:clamp(18px, 2.29167vw, 44px);padding-top:0;background:#f9f8f8;border-radius:clamp(2px, .3125vw, 6px)}@media screen and (min-width: 768px){.i-adv ul li{transition:all .35s ease-in-out}}.i-adv ul li .ico{width:clamp(32px, 4.16667vw, 80px);height:clamp(32px, 4.16667vw, 80px);display:flex;justify-content:center;align-items:center;background:#3d84c4;border-radius:clamp(2px, .3125vw, 6px);transform:translateY(-50%)}@media screen and (min-width: 768px){.i-adv ul li .ico{transition:all .35s ease-in-out}}.i-adv ul li .ico i{color:#fff;font-size:clamp(17px, 2.1875vw, 42px)}@media screen and (min-width: 768px){.i-adv ul li .ico i{transition:all .35s ease-in-out}}.i-adv ul li .text h3{font-size:clamp(18px, 1.25vw, 24px);font-weight:600;margin-bottom:.85em}@media screen and (min-width: 768px){.i-adv ul li .text h3{transition:all .35s ease-in-out}}.i-adv ul li .text p{font-size:clamp(12px, .83333vw, 16px);line-height:1.5;font-weight:300;margin:0}@media screen and (min-width: 768px){.i-adv ul li .text p{transition:all .35s ease-in-out}}.i-adv ul li:hover{background:#3d84c4;transform:translateY(clamp(-12px, -1.5625vw, -30px))}.i-adv ul li:hover .ico{background:#f9f8f8}.i-adv ul li:hover .ico i{color:#3d84c4}.i-adv ul li:hover .text h3,.i-adv ul li:hover .text p{color:#fff}.i-about{padding:clamp(6px, .78125vw, 15px) 0}.i-about .wrap-box{position:relative}.i-about .wrap-title h2,.i-about .wrap-title h4{color:#fff;text-transform:uppercase}.i-about .wrap-text p{font-size:1.8rem;color:#363a3e;line-height:1.61;margin:0}.i-about .wrap-text p:not(:first-of-type){margin-top:1em}.i-about .wrap-flex{gap:clamp(51px, 6.61458vw, 127px)}.i-about .wrap-img{width:100%;flex-shrink:1;overflow:hidden}.i-about .wrap-img img{width:100%}.i-about .wrap-img:hover img{transform:scale(1.05)}@media screen and (min-width: 768px){.i-about .wrap-img:hover img{transition:all 1.5s ease-in-out}}.i-about .wrap-text{width:clamp(284px, 37.03125vw, 711px);flex-shrink:0;position:relative}.i-about .wrap-text .title{display:flex;justify-content:flex-start;gap:4.4rem;margin-bottom:3rem;padding:clamp(59px, 7.70833vw, 148px) 0 clamp(17px, 2.1875vw, 42px);position:relative}.i-about .wrap-text .title::before{content:"About Us";font-size:clamp(56px, 7.29167vw, 140px);color:#f7f7f8;position:absolute;top:clamp(15px, 1.97917vw, 38px);left:0;font-weight:600;text-transform:uppercase;white-space:nowrap;z-index:-1}.i-about .wrap-text .title span{font-size:clamp(14px, 1.875vw, 36px);line-height:1.5;color:#3d84c4;font-weight:600}.i-about .wrap-text .tab-tit ul{background:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.i-about .wrap-text .tab-tit ul li{display:flex;justify-content:center;align-items:center;width:100%;font-size:clamp(6px, .83333vw, 16px);color:#000;text-align:center;height:5rem;position:relative;cursor:pointer}@media screen and (min-width: 768px){.i-about .wrap-text .tab-tit ul li{transition:all .5s ease-in-out}}.i-about .wrap-text .tab-tit ul li::before{content:"";width:0;height:2.5px;background:#3d84c4;position:absolute;top:0;left:0}@media screen and (min-width: 768px){.i-about .wrap-text .tab-tit ul li::before{transition:all .5s ease-in-out}}.i-about .wrap-text .tab-tit ul li:not(:last-of-type)::after{content:"";width:1px;height:1em;position:absolute;right:0;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.2)}.i-about .wrap-text .tab-tit ul li.active{font-weight:600;text-align:center}.i-about .wrap-text .tab-tit ul li.active::before{width:100%}.i-about .wrap-text .tab-box{width:100%;position:relative;height:clamp(77px, 10vw, 192px)}.i-about .wrap-text .tab-box .box{position:absolute;top:0;left:0;box-sizing:border-box;padding:clamp(10px, 1.25vw, 24px) 0;opacity:0;pointer-events:none}@media screen and (min-width: 768px){.i-about .wrap-text .tab-box .box{transition:all .5s ease-in-out}}.i-about .wrap-text .tab-box .box p{font-size:clamp(6px, .83333vw, 16px)}.i-about .wrap-text .tab-box .box.active{opacity:1;pointer-events:auto}.i-about .wrap-text .more{display:inline-flex;justify-content:center;align-items:center;gap:clamp(14px, 1.875vw, 36px);background:#3d84c4;width:clamp(78px, 10.15625vw, 195px);height:clamp(20px, 2.60417vw, 50px);border-radius:0}@media screen and (min-width: 768px){.i-about .wrap-text .more{transition:all .5s ease-in-out}}.i-about .wrap-text .more span,.i-about .wrap-text .more i{color:#fff;font-size:clamp(6px, .72917vw, 14px)}.i-about .wrap-text .more:hover{background:#000;border-radius:clamp(2px, .3125vw, 6px);gap:clamp(17px, 2.1875vw, 42px)}.i-product{padding:7rem 0 0;font-size:0}.i-product .wrap-title{width:100%;text-align:center}.i-product .wrap-title h2{font-size:clamp(19px, 2.5vw, 48px);font-weight:600;color:#000}.i-product .wrap-list{font-size:0}.i-product .wrap-list .sort{margin-top:6rem}.i-product .wrap-list .sort ul li{width:100%;overflow:hidden}@media screen and (min-width: 768px){.i-product .wrap-list .sort ul li{transition:all .5s ease-in-out}}.i-product .wrap-list .sort ul li a{display:block;width:100%;height:100%;position:relative}.i-product .wrap-list .sort ul li a .img{overflow:hidden}.i-product .wrap-list .sort ul li a .img img{max-width:100%;max-height:100%}@media screen and (min-width: 768px){.i-product .wrap-list .sort ul li a .img img{transition:all .5s ease-in-out}}.i-product .wrap-list .sort ul li a .title{font-size:clamp(9px, 1.14583vw, 22px);width:100%;text-align:center;line-height:1.5;font-weight:600;color:#000;position:absolute;top:clamp(32px, 4.16667vw, 80px);left:50%;transform:translateX(-50%)}@media screen and (min-width: 768px){.i-product .wrap-list .sort ul li a .title{transition:all .5s ease-in-out}}.i-product .wrap-list .sort ul li a button{width:100%;position:absolute;bottom:clamp(-19px, -2.5vw, -48px);left:0;background:#3d84c4;border:none;height:clamp(19px, 2.5vw, 48px);font-size:clamp(12px, .9375vw, 18px);display:flex;justify-content:center;align-items:center;opacity:0;gap:clamp(29px, 3.75vw, 72px)}@media screen and (min-width: 768px){.i-product .wrap-list .sort ul li a button{transition:all .5s ease-in-out}}.i-product .wrap-list .sort ul li a button span{color:#fff}.i-product .wrap-list .sort ul li a button i{color:#fff}.i-product .wrap-list .sort ul li:hover{background:rgba(0,0,0,0.2)}.i-product .wrap-list .sort ul li:hover a .img img{transform:scale(1.05)}.i-product .wrap-list .sort ul li:hover a .title{bottom:4rem}.i-product .wrap-list .sort ul li:hover a button{bottom:0;opacity:1}.i-honor{margin:clamp(40px, 5.20833vw, 100px) 0 clamp(56px, 7.29167vw, 140px)}.i-honor .wrap-box{overflow:hidden}.i-honor .wrap-box .swiper-slide{padding-top:clamp(12px, 1.5625vw, 30px)}.i-honor .wrap-box img{width:100%}@media screen and (min-width: 768px){.i-honor .wrap-box img{transition:all .5s ease-in-out}}.i-honor .wrap-box img:hover{transform:translateY(clamp(-12px, -1.5625vw, -30px))}.i-equipment{background:linear-gradient(176deg, #d0e5f8, #fff 59%, #bedefa);padding:clamp(40px, 5.20833vw, 100px) 0 clamp(36px, 4.6875vw, 90px)}.i-equipment .wrap-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(29px, 3.75vw, 72px)}.i-equipment .swiper{position:relative}.i-equipment .swiper .img{width:100%;height:clamp(240px, 31.25vw, 600px);border-radius:clamp(12px, 1.5625vw, 30px);overflow:hidden}.i-equipment .swiper .img img{width:100%;height:100%;object-fit:cover;object-position:center center}@media screen and (min-width: 768px){.i-equipment .swiper .img img{transition:all 1s ease-in-out}}.i-equipment .swiper .img:hover img{transform:scale(1.05)}.i-equipment .more{display:inline-flex;justify-content:center;align-items:center;gap:clamp(14px, 1.875vw, 36px);background:#3d84c4;width:clamp(78px, 10.15625vw, 195px);height:clamp(20px, 2.60417vw, 50px);border-radius:0}@media screen and (min-width: 768px){.i-equipment .more{transition:all .5s ease-in-out}}.i-equipment .more span,.i-equipment .more i{color:#fff;font-size:clamp(6px, .72917vw, 14px)}.i-equipment .more:hover{background:#000}.i-equipment .wrap-list{position:relative;padding-bottom:clamp(24px, 3.125vw, 60px)}.i-equipment .wrap-list .swiper-next,.i-equipment .wrap-list .swiper-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:clamp(24px, 3.125vw, 60px);height:clamp(24px, 3.125vw, 60px);background:#f3f2f2;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;cursor:pointer}@media screen and (min-width: 768px){.i-equipment .wrap-list .swiper-next,.i-equipment .wrap-list .swiper-prev{transition:all .35s ease-in-out}}.i-equipment .wrap-list .swiper-next::before,.i-equipment .wrap-list .swiper-prev::before{content:"\e706";font-family:"iconfont";font-size:clamp(10px, 1.25vw, 24px);color:#8a8a8a}@media screen and (min-width: 768px){.i-equipment .wrap-list .swiper-next::before,.i-equipment .wrap-list .swiper-prev::before{transition:all .35s ease-in-out}}.i-equipment .wrap-list .swiper-next:hover,.i-equipment .wrap-list .swiper-prev:hover{background:#3d84c4}.i-equipment .wrap-list .swiper-next:hover::before,.i-equipment .wrap-list .swiper-prev:hover::before{color:#fff}.i-equipment .wrap-list .swiper-next{right:clamp(12px, 1.5625vw, 30px)}.i-equipment .wrap-list .swiper-prev{left:clamp(12px, 1.5625vw, 30px);transform:translateY(-50%) rotate(180deg)}.i-equipment .wrap-list:hover .swiper-next{right:clamp(24px, 3.125vw, 60px);opacity:1}.i-equipment .wrap-list:hover .swiper-prev{left:clamp(24px, 3.125vw, 60px);opacity:1}.i-equipment .swiper-pagination{display:flex;justify-content:center;align-items:center;gap:clamp(5px, .625vw, 12px);width:100%;left:50%;bottom:0;transform:translateX(-50%)}.i-equipment .swiper-pagination span{width:clamp(5px, .625vw, 12px);height:clamp(5px, .625vw, 12px);border-radius:50%;box-sizing:border-box;border:none;background:#fff !important;opacity:1 !important}@media screen and (min-width: 768px){.i-equipment .swiper-pagination span{transition:all .35s ease-in-out}}.i-equipment .swiper-pagination span.swiper-pagination-bullet-active{background:#3d84c4 !important}.i-news{padding:clamp(43px, 5.625vw, 108px) 0 clamp(92px, 12.03125vw, 231px)}.i-news .wrap-list{margin-top:clamp(26px, 3.33333vw, 64px)}.i-news .wrap-list ul{display:flex;justify-content:space-between;gap:clamp(14px, 1.875vw, 36px)}.i-news .wrap-list ul li{min-width:0;width:100%}@media screen and (min-width: 768px){.i-news .wrap-list ul li{transition:all .5s ease-in-out}}.i-news .wrap-list ul li a{position:relative;width:100%;display:block}.i-news .wrap-list ul li .pic{overflow:hidden;height:clamp(236px, 30.72917vw, 590px)}.i-news .wrap-list ul li .pic::after{content:"";position:absolute;top:0;left:0;background:#3d84c4;opacity:.5;width:100%;height:100%;z-index:2}@media screen and (min-width: 768px){.i-news .wrap-list ul li .pic::after{transition:all .5s ease-in-out}}.i-news .wrap-list ul li .pic img{width:100%;height:100%;object-fit:cover;object-position:center center}@media screen and (min-width: 768px){.i-news .wrap-list ul li .pic img{transition:all .5s ease-in-out}}.i-news .wrap-list ul li .wrap-text{padding:clamp(24px, 3.125vw, 60px);position:absolute;width:100%;box-sizing:border-box;bottom:0;z-index:3}@media screen and (min-width: 768px){.i-news .wrap-list ul li .wrap-text{transition:all .5s ease-in-out}}.i-news .wrap-list ul li .wrap-text h3{font-size:clamp(12px, 1.5625vw, 30px);color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1em}@media screen and (min-width: 768px){.i-news .wrap-list ul li .wrap-text h3{transition:all .5s ease-in-out}}.i-news .wrap-list ul li .wrap-text time{display:flex;justify-content:flex-start;align-items:center;gap:clamp(7px, .9375vw, 18px);margin:0 0 .5em;font-size:clamp(9px, 1.14583vw, 22px);color:#fff}@media screen and (min-width: 768px){.i-news .wrap-list ul li .wrap-text time{transition:all .5s ease-in-out}}.i-news .wrap-list ul li .wrap-text .des{font-size:clamp(6px, .83333vw, 16px);line-height:1.5;color:#fff}@media screen and (min-width: 768px){.i-news .wrap-list ul li .wrap-text .des{transition:all .5s ease-in-out}}.i-news .wrap-list ul li:hover .pic::after{opacity:.9}.i-news .wrap-list ul li:hover .pic img{transform:scale(1.1)}.i-news .wrap-list ul li:hover .wrap-text h3,.i-news .wrap-list ul li:hover .wrap-text time,.i-news .wrap-list ul li:hover .wrap-text .des{color:#fff}@media screen and (max-width: 768px){.i-adv{margin:7rem 0 3rem}.i-adv ul{flex-wrap:wrap;gap:6rem}.i-adv ul li{padding:4rem;border-radius:.6rem}.i-adv ul li .ico{width:8rem;height:8rem;border-radius:.6rem;margin-top:-4rem}.i-adv ul li .ico i{font-size:4.2rem}.i-adv ul li .text h3{font-size:2.4rem}.i-adv ul li .text p{font-size:1.6rem}.i-adv ul li:hover{transform:translateY(-3rem)}.i-about{padding:3rem 0}.i-about .wrap-text p{font-size:1.6rem}.i-about .wrap-flex{gap:2rem;flex-wrap:wrap}.i-about .wrap-img{order:2}.i-about .wrap-text{width:100%}.i-about .wrap-text .title{gap:4.4rem;margin-bottom:3rem;padding:6.8rem 0 3rem;position:relative}.i-about .wrap-text .title::before{font-size:6rem}.i-about .wrap-text .title span{font-size:2.4rem}.i-about .wrap-text .tab-tit ul li{font-size:1.6rem;height:5rem}.i-about .wrap-text .tab-box{width:100%;position:relative;height:auto}.i-about .wrap-text .tab-box .box{position:relative;display:none;padding:2.4rem 0;opacity:1;pointer-events:auto}.i-about .wrap-text .tab-box .box p{font-size:1.6rem}.i-about .wrap-text .tab-box .box.active{display:block}.i-about .wrap-text .more{gap:1.4rem;width:30vw;height:4rem}.i-about .wrap-text .more span,.i-about .wrap-text .more i{font-size:1.4rem}.i-about .wrap-text .more:hover{border-radius:.6rem;gap:2rem}.i-product{padding:3rem 0 0;font-size:0}.i-product .wrap-title h2{font-size:3.6rem}.i-product .wrap-list .sort{margin-top:3rem}.i-product .wrap-list .sort ul li a .title{font-size:2rem;top:8rem}.i-product .wrap-list .sort ul li a button{bottom:0;height:4.8rem;font-size:1.6rem;opacity:1;gap:3rem}.i-honor{margin:4.8rem 0}.i-honor .wrap-box .swiper-slide{padding-top:0}.i-honor .wrap-box img:hover{transform:translateY(0)}.i-equipment{padding:4.8rem 0}.i-equipment .wrap-title{margin-bottom:4.8rem}.i-equipment .swiper .img{width:100%;height:24rem;border-radius:1.5rem}.i-equipment .more{gap:1.4rem;width:30vw;height:4rem}.i-equipment .more span,.i-equipment .more i{font-size:1.4rem}.i-equipment .more:hover{border-radius:.6rem;gap:2rem}.i-equipment .wrap-list{padding-bottom:4rem}.i-equipment .wrap-list .swiper-next,.i-equipment .wrap-list .swiper-prev{width:4rem;height:4rem;opacity:1}.i-equipment .wrap-list .swiper-next::before,.i-equipment .wrap-list .swiper-prev::before{font-size:1.6rem}.i-equipment .wrap-list .swiper-next{right:3rem}.i-equipment .wrap-list .swiper-prev{left:3rem;transform:translateY(-50%) rotate(180deg)}.i-equipment .wrap-list:hover .swiper-next{right:3rem}.i-equipment .wrap-list:hover .swiper-prev{left:3rem}.i-equipment .swiper-pagination{gap:1.2rem}.i-equipment .swiper-pagination span{width:1.2rem;height:1.2rem}.i-news{padding:3rem 0 6rem}.i-news .wrap-list{margin-top:3rem}.i-news .wrap-list ul{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.i-news .wrap-list ul li{min-width:0;width:100%}}@media screen and (max-width: 768px) and (min-width: 768px){.i-news .wrap-list ul li{transition:all .5s ease-in-out}}@media screen and (max-width: 768px){.i-news .wrap-list ul li .pic{overflow:hidden;height:30rem}.i-news .wrap-list ul li .wrap-text{padding:2rem}.i-news .wrap-list ul li .wrap-text h3{font-size:2.4rem;color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1em}}@media screen and (max-width: 768px) and (min-width: 768px){.i-news .wrap-list ul li .wrap-text h3{transition:all .5s ease-in-out}}@media screen and (max-width: 768px){.i-news .wrap-list ul li .wrap-text time{display:flex;justify-content:flex-start;align-items:center;gap:1.8rem;margin:0 0 .5em;font-size:2rem;color:#fff}}@media screen and (max-width: 768px) and (min-width: 768px){.i-news .wrap-list ul li .wrap-text time{transition:all .5s ease-in-out}}@media screen and (max-width: 768px){.i-news .wrap-list ul li .wrap-text .des{font-size:1.6rem}}
