.banner{display:block;width:100%;font-size:0;overflow:hidden;position:relative;background:#fff}.banner .swiper-slide{position:relative;text-align:center}.banner .swiper-slide .img{width:100%;height:100vh;position:relative}.banner .swiper-slide .img::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(30deg, rgba(1,76,221,0.2), rgba(0,0,0,0.2));z-index:1}.banner .swiper-slide img{width:100%;height:100%;object-fit:cover;object-position:center center}.banner .swiper-slide .text{position:absolute;top:20rem;left:50%;transform:translateX(-50%);max-width:1400px;width:100%;z-index:3;text-align:center}@media screen and (max-width: 1600px) and (min-width: 769px){.banner .swiper-slide .text{width:87.5vw}}@media screen and (max-width: 768px){.banner .swiper-slide .text{max-width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem}}.banner .swiper-slide .text .box>*{opacity:0;transform:translateY(3rem)}@media screen and (min-width: 768px){.banner .swiper-slide .text .box .p1,.banner .swiper-slide .text .box .p2,.banner .swiper-slide .text .box .p3{transition:all .35s ease-in-out}}.banner .swiper-slide .text h2{font-size:4.8rem;line-height:1;color:#fff;text-shadow:0 0 1rem rgba(0,0,0,0.1);font-weight:900;text-transform:uppercase;position:relative;padding-bottom:3rem}.banner .swiper-slide .text h2::after{content:"";width:4rem;height:1px;background:#fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.banner .swiper-slide .text h3{font-size:2.1rem;line-height:1;color:#fff;text-shadow:0 0 1rem rgba(0,0,0,0.1);font-weight:300;margin-top:1.5em}.banner .swiper-slide .text .botton{margin-top:4.8rem;background:none;border-radius:2rem;height:4rem;border:1px solid #fff}.banner .swiper-slide .text .botton span{font-size:1.4rem;color:#fff;text-transform:uppercase;margin:0}.banner .swiper-slide .text .botton i::before{color:#fff}.banner .swiper-slide .text .botton:hover{background:#fff}.banner .swiper-slide .text .botton:hover span{color:#000}.banner .swiper-slide .text .botton:hover i::before{color:#000}.banner .swiper-slide.ani-slide .text .box>*{opacity:1;transform:translateY(0)}.banner .swiper-slide.ani-slide .text .box .p1{transition-delay:.1s}.banner .swiper-slide.ani-slide .text .box .p2{transition-delay:.2s}.banner .swiper-slide.ani-slide .text .box .p3{transition-delay:.3s}.banner .swiper-slide.ani-slide .text .box .p4{transition-delay:.4s}.banner .swiper-slide.ani-slide .text .box .p5{transition-delay:.5s}.banner .swiper-slide.ani-slide .text .box .down{transition-delay:.6s}.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{opacity:1;left:6rem}.banner:hover .swiper-button-next{left:auto;right:6rem}.banner .swiper-button-next,.banner .swiper-button-prev{width:6rem;height:6rem;display:flex;justify-content:center;align-items:center;font-size:6rem;top:50%;opacity:0;margin:0;left:2rem;transform:translateY(-50%);position:absolute;border-radius:50%;border:none;overflow:hidden;box-sizing:border-box;z-index:2;background:none}@media screen and (min-width: 768px){.banner .swiper-button-next,.banner .swiper-button-prev{transition:all .35s ease-in-out}}.banner .swiper-button-next::after,.banner .swiper-button-prev::after{content:"\e681";font-family:"iconfont";color:#fff}.banner .swiper-button-next:hover::before,.banner .swiper-button-prev:hover::before{opacity:.7}.banner .swiper-button-next{transform:translateY(-50%) rotate(180deg);left:auto;right:2rem}.banner .swiper-pagination{bottom:6rem !important;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:.8rem}.banner .swiper-pagination span{background:#fff;opacity:1;width:.8rem;height:.8rem;border-radius:.4rem}@media screen and (min-width: 768px){.banner .swiper-pagination span{transition:all .35s ease-in-out}}.banner .swiper-pagination span.swiper-pagination-bullet-active{width:3.6rem}.wrap-title h2{font-size:4.8rem;line-height:1.125;color:#000;position:relative}.wrap-title h2.l{margin-bottom:.5em;padding-bottom:.5em}.wrap-title h2.l::before{content:"";position:absolute;bottom:0;left:0;background:#014cdd;width:2em;height:.3rem}.wrap-title.text-center{text-align:center}.wrap-title.text-center h2::before{left:50%;transform:translateX(-50%)}.wrap-title h3{font-size:2rem;color:#000;font-weight:400;margin-bottom:.5em;display:block;line-height:1.5}@media screen and (min-width: 768px){.wrap-title h3{transition:all .5s ease-in-out}}.wrap-title h4{font-size:2rem;line-height:1;color:#000}.wrap-title .line{width:10rem;height:2px;background:#000;margin:18px auto 0;display:block}.wrap-main{overflow:hidden;font-size:0}.i-products{padding:4rem 2rem 2rem;box-sizing:border-box}.i-products .wrap-title{position:relative;padding-bottom:2.4rem}.i-products .wrap-title h2{font-size:3rem;font-weight:700}.i-products .wrap-title::after{content:"";width:4.6rem;height:.1rem;background:#014cdd;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.i-products .tab-tit{margin:3rem 0}.i-products .tab-tit ul{display:flex;justify-content:center;align-items:center;gap:.9rem;margin:0}.i-products .tab-tit ul li{background:#eef2f3;padding:1em;box-sizing:border-box;min-width:15rem;text-align:center;font-size:1.4rem;font-weight:600;margin:0;cursor:pointer;border-radius:.6rem}.i-products .tab-tit ul li.active{background:#014cdd;color:#fff}.i-products .tab-box .box{display:none}.i-products .tab-box .box.active{display:block}.i-products .wrap-flex{flex-wrap:wrap;justify-content:flex-start;gap:3rem}.i-products .wrap-flex .items{width:calc(calc(100% - 6rem) / 3);border-radius:1rem;overflow:hidden;position:relative}.i-products .wrap-flex .items a{display:block;padding-top:20rem;background:linear-gradient(to bottom, #eef2f3, rgba(238,242,243,0.5));isolation:isolate}.i-products .wrap-flex .items .img{width:100%;height:42rem}.i-products .wrap-flex .items .img img{width:100%;height:100%;object-fit:contain;object-position:center center}@media screen and (min-width: 768px){.i-products .wrap-flex .items .img img{transition:all .35s ease-in-out}}.i-products .wrap-flex .items .img img.multiply{mix-blend-mode:multiply;-webkit-mix-blend-mode:multiply;filter:brightness(1.5)}.i-products .wrap-flex .items .text{position:absolute;top:12%;left:50%;transform:translateX(-50%);text-align:center;display:flex;justify-content:space-between;flex-direction:column;gap:1rem}.i-products .wrap-flex .items .text .title{font-size:2.4rem;color:#000;position:relative;padding-bottom:.5em}@media screen and (min-width: 768px){.i-products .wrap-flex .items .text .title{transition:all .35s ease-in-out}}.i-products .wrap-flex .items .text .title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:3rem;height:1px;background:#000}@media screen and (min-width: 768px){.i-products .wrap-flex .items .text .title::after{transition:all .35s ease-in-out}}.i-products .wrap-flex .items .text .des{font-size:1.4rem;color:#666;margin-bottom:1em}@media screen and (min-width: 768px){.i-products .wrap-flex .items .text .des{transition:all .35s ease-in-out}}.i-products .wrap-flex .items .text button{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;border-radius:4rem;border:1px solid #000;padding:1rem 2rem;background:rgba(255,255,255,0);margin:0 auto;order:3}@media screen and (min-width: 768px){.i-products .wrap-flex .items .text button{transition:all .35s ease-in-out}}.i-products .wrap-flex .items .text button span{color:#000;font-size:1.4rem}@media screen and (min-width: 768px){.i-products .wrap-flex .items .text button span{transition:all .35s ease-in-out}}.i-products .wrap-flex .items .text button i::after{display:inline-block;content:"\e681";font-family:"iconfont";line-height:1;color:#000;transform:rotate(180deg)}@media screen and (min-width: 768px){.i-products .wrap-flex .items .text button i::after{transition:all .35s ease-in-out}}.i-products .wrap-flex .items .text button:hover{background:#000}.i-products .wrap-flex .items .text button:hover span,.i-products .wrap-flex .items .text button:hover i::after{color:#fff}.i-products .wrap-flex .items:hover .img img{transform:scale(1.05)}.i-products .wrap-flex .items:hover .text .title{color:#014cdd}.i-products .wrap-flex .items:hover .text .title::after{width:6rem}.i-products .wrap-flex .items:hover .text .des{color:#000}.i-products .button{margin:3rem auto;display:flex;justify-content:center;align-items:center}.i-products .button a{background:none;border-radius:2rem;height:4rem;border:1px solid #000}.i-products .button a span{font-size:1.4rem;color:#000;text-transform:uppercase;margin:0}.i-products .button a i::before{color:#000}.i-products .button a:hover{background:#014cdd}.i-products .button a:hover span{color:#fff}.i-products .button a:hover i::before{color:#fff}.i-about .img{width:100%}.i-about .img img{width:100%}.i-service{width:100%;padding:10rem 0;font-size:0;box-sizing:border-box;position:relative;z-index:2;background:#f7f9fa}.i-service .wrap-title{width:100%}.i-service .wrap-title h4{font-size:1.6rem;color:#666;line-height:1;text-transform:uppercase;position:relative;padding-bottom:1em;margin-bottom:1em}.i-service .wrap-title h4::after{content:"";width:4rem;height:1px;background:#000;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.i-service .wrap-title h2{font-size:4.4rem;text-transform:uppercase}.i-service .wrap-flex{align-items:center}.i-service .wrap-list{overflow:hidden;width:100%;position:relative;margin-top:6rem}.i-service .wrap-list ul{display:flex;justify-content:center;gap:6rem}.i-service .wrap-list ul li{border:1px solid rgba(0,0,0,0.1);border-radius:2rem;text-align:center;width:25%;height:30rem;box-sizing:border-box;padding:6rem 2rem;position:relative;z-index:1;overflow:hidden}@media screen and (min-width: 768px){.i-service .wrap-list ul li{transition:all .35s ease-in-out}}.i-service .wrap-list ul li::before{content:"";position:absolute;top:0;left:0;background:linear-gradient(to top, #2c3e50, #3498db);width:100%;height:100%;opacity:0;z-index:-1}@media screen and (min-width: 768px){.i-service .wrap-list ul li::before{transition:all .35s ease-in-out}}.i-service .wrap-list ul li img,.i-service .wrap-list ul li svg{width:8rem;height:auto}.i-service .wrap-list ul li img.w-24,.i-service .wrap-list ul li svg.w-24{width:2.4rem}@media screen and (min-width: 768px){.i-service .wrap-list ul li img path,.i-service .wrap-list ul li svg path{transition:all .35s ease-in-out}}.i-service .wrap-list ul li .title{font-size:2rem;color:#666;margin:2em 0 .5em}@media screen and (min-width: 768px){.i-service .wrap-list ul li .title{transition:all .35s ease-in-out}}.i-service .wrap-list ul li:hover::before{opacity:1}.i-service .wrap-list ul li:hover .title{color:#fff}.i-service .wrap-list ul li:hover svg path{fill:#fff}@media screen and (max-width: 1600px) and (min-width: 769px){.banner .swiper-slide .text{top:12.5vw}.banner .swiper-slide .text .box>*{transform:translateY(1.875vw)}}@media screen and (max-width: 1600px) and (min-width: 769px) and (min-width: 768px){.banner .swiper-slide .text .box .p1,.banner .swiper-slide .text .box .p2,.banner .swiper-slide .text .box .p3{transition:all .35s ease-in-out}}@media screen and (max-width: 1600px) and (min-width: 769px){.banner .swiper-slide .text h2{font-size:3vw;text-shadow:0 0 0.625vw rgba(0,0,0,0.1);padding-bottom:1.875vw}.banner .swiper-slide .text h2::after{width:2.5vw}.banner .swiper-slide .text h3{font-size:1.3125vw;text-shadow:0 0 0.625vw rgba(0,0,0,0.1)}.banner .swiper-slide .text .botton{margin-top:3vw;border-radius:1.25vw;height:2.5vw}.banner .swiper-slide .text .botton span{font-size:.875vw}.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{left:3.75vw}.banner:hover .swiper-button-next{left:auto;right:3.75vw}.banner .swiper-button-next,.banner .swiper-button-prev{width:3.75vw;height:3.75vw;font-size:3.75vw;left:1.25vw}.banner .swiper-button-next{left:auto;right:1.25vw}.banner .swiper-pagination{bottom:3.75vw !important;gap:.5vw}.banner .swiper-pagination span{width:.5vw;height:.5vw;border-radius:.25vw}.banner .swiper-pagination span.swiper-pagination-bullet-active{width:2.25vw}.wrap-title h2{font-size:3vw}.wrap-title h2.l::before{height:.1875vw}.wrap-title h3{font-size:1.25vw}.wrap-title h4{font-size:1.25vw}.wrap-title .line{width:6.25vw;height:.125vw;margin:1.125vw auto 0}.i-products{padding:2.5vw 1.25vw 1.25vw}.i-products .wrap-title{position:relative;padding-bottom:1.5vw}.i-products .wrap-title h2{font-size:1.875vw}.i-products .wrap-title::after{width:2.875vw}.i-products .tab-tit{margin:1.875vw 0}.i-products .tab-tit ul{gap:.5625vw}.i-products .tab-tit ul li{min-width:9.375vw;font-size:.875vw;border-radius:.375vw}.i-products .wrap-flex{gap:1.875vw}.i-products .wrap-flex .items{width:calc(calc(100% - 3.75vw) / 3);border-radius:.625vw}.i-products .wrap-flex .items a{padding-top:12.5vw}.i-products .wrap-flex .items .img{height:26.25vw}.i-products .wrap-flex .items .text{gap:.625vw}.i-products .wrap-flex .items .text .title{font-size:1.5vw}.i-products .wrap-flex .items .text .title::after{width:1.875vw}.i-products .wrap-flex .items .text .des{font-size:.875vw}.i-products .wrap-flex .items .text button{gap:.75vw;border-radius:2.5vw;padding:.625vw 1.25vw}.i-products .wrap-flex .items .text button span{font-size:.875vw}.i-products .button{margin:1.875vw auto}.i-products .button a{border-radius:1.25vw;height:2.5vw}.i-products .button a span{font-size:.875vw}.i-service{padding:6.25vw 0}.i-service .wrap-title h4{font-size:1vw}.i-service .wrap-title h4::after{width:2.5vw}.i-service .wrap-title h2{font-size:2.75vw}.i-service .wrap-list{margin-top:3.75vw}.i-service .wrap-list ul{gap:3.75vw}.i-service .wrap-list ul li{border-radius:1.25vw;height:18.75vw;padding:3.75vw 1.25vw}.i-service .wrap-list ul li img,.i-service .wrap-list ul li svg{width:5vw}.i-service .wrap-list ul li img.w-24,.i-service .wrap-list ul li svg.w-24{width:1.5vw}.i-service .wrap-list ul li .title{font-size:1.25vw}}@media screen and (max-width: 768px){.banner .swiper-slide .text h2{font-size:3rem}.banner .swiper-slide .text h3{font-size:1.6rem}.banner .swiper-slide .text .botton{margin-top:3rem}.banner .swiper-slide .text .botton span{font-size:1.2rem}.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{opacity:1;left:6rem}.banner:hover .swiper-button-next{left:auto;right:6rem}.banner .swiper-button-next,.banner .swiper-button-prev{width:6rem;height:6rem;display:flex;justify-content:center;align-items:center;font-size:6rem;top:50%;opacity:0;margin:0;left:2rem;transform:translateY(-50%);position:absolute;border-radius:50%;border:none;overflow:hidden;box-sizing:border-box;z-index:2;background:none}}@media screen and (max-width: 768px) and (min-width: 768px){.banner .swiper-button-next,.banner .swiper-button-prev{transition:all .35s ease-in-out}}@media screen and (max-width: 768px){.banner .swiper-button-next::after,.banner .swiper-button-prev::after{content:"\e681";font-family:"iconfont";color:#fff}.banner .swiper-button-next:hover::before,.banner .swiper-button-prev:hover::before{opacity:.7}.banner .swiper-button-next{transform:translateY(-50%) rotate(180deg);left:auto;right:2rem}.banner .swiper-pagination{bottom:6rem !important;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:.8rem}.banner .swiper-pagination span{background:#fff;opacity:1;width:.8rem;height:.8rem;border-radius:.4rem}}@media screen and (max-width: 768px) and (min-width: 768px){.banner .swiper-pagination span{transition:all .35s ease-in-out}}@media screen and (max-width: 768px){.banner .swiper-pagination span.swiper-pagination-bullet-active{width:3.6rem}.wrap-title h2{font-size:3.6rem;line-height:1.125;color:#000;position:relative}.wrap-title h2.l{margin-bottom:.5em;padding-bottom:.5em}.wrap-title h2.l::before{content:"";position:absolute;bottom:0;left:0;background:#014cdd;width:2em;height:.3rem}.wrap-title.text-center{text-align:center}.wrap-title.text-center h2::before{left:50%;transform:translateX(-50%)}.wrap-title h3{font-size:2rem;color:#000;font-weight:400;margin-bottom:.5em;display:block;line-height:1.5}}@media screen and (max-width: 768px) and (min-width: 768px){.wrap-title h3{transition:all .5s ease-in-out}}@media screen and (max-width: 768px){.wrap-title h4{font-size:2rem;line-height:1;color:#000}.wrap-title .line{width:10rem;height:2px;background:#000;margin:18px auto 0;display:block}.wrap-main{overflow:hidden;font-size:0}.i-products .tab-tit{margin:3rem 0}.i-products .tab-tit ul li{min-width:0;width:100%;padding:1em .5em;font-size:1.2rem}.i-products .wrap-flex{gap:1.6rem}.i-products .wrap-flex .items{width:100%}.i-products .wrap-flex .items a{padding-top:16rem}.i-products .wrap-flex .items .img{width:100%;height:30rem}.i-products .wrap-flex .items .text{width:100%;top:8%}.i-products .wrap-flex .items .text .title{font-size:2rem}.i-products .wrap-flex .items .text .title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:3rem;height:1px;background:#000}}@media screen and (max-width: 768px) and (min-width: 768px){.i-products .wrap-flex .items .text .title::after{transition:all .35s ease-in-out}}@media screen and (max-width: 768px){.i-products .wrap-flex .items .text .des{font-size:1.2rem}.i-products .wrap-flex .items .text button{padding:1rem 2rem}.i-products .wrap-flex .items .text button span{font-size:1.2rem}.i-products .button{margin:2rem auto 0}.i-products .button a span{font-size:1.2rem}.i-service{padding:3rem 0}.i-service .wrap-title{width:100%}.i-service .wrap-title h4{font-size:1.2rem}.i-service .wrap-title h4::after{width:3rem}.i-service .wrap-title h2{font-size:3rem}.i-service .wrap-list{margin-top:3rem}.i-service .wrap-list ul{flex-wrap:wrap;gap:3rem}.i-service .wrap-list ul li{width:100%;height:24rem;padding:4.8rem 2rem}.i-service .wrap-list ul li img,.i-service .wrap-list ul li svg{width:6rem;height:auto}.i-service .wrap-list ul li img.w-24,.i-service .wrap-list ul li svg.w-24{width:2.4rem}.i-service .wrap-list ul li .title{font-size:1.8rem}}