.diy_button0{padding:.7rem 2rem;background:#367ed4;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover{background:#222;color:#fff}.diy_button1{padding:.7rem calc(1rem + 1vw);background:#367ed4;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.diy_button1 i{display:inline-flex;width:1rem;height:1rem;margin:0 0 0 1rem;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;background-size:contain}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#222;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}main,footer{background:#fff}.BANNER{background:#eee}.BANNER .swiper-wrapper .swiper-slide{background:#fff}.BANNER .swiper-slide{position:relative}.BANNER .swiper-slide .pic{width:100%;height:100vh}.BANNER .swiper-slide .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.BANNER .swiper-slide .info{position:absolute;top:31%;left:0%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.BANNER .swiper-slide .info .ms{font-size:1.5rem;letter-spacing:.1rem;text-transform:uppercase;text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}.BANNER .swiper-slide .info .hhh{margin:calc(1rem + 1vw) 0 0 0;text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);font-size:calc(4rem + 1.4vw);font-weight:bold}.BANNER .swiper-slide .info a{margin:calc(1rem + 1vw) 0 0 0;display:inline-block;padding:1rem calc(1rem + 1vw);background:#367ed4;border-radius:4px;color:#fff;font-size:1rem;letter-spacing:.1rem;font-weight:bold}.D0{background:url("../images/home_d0_bg.jpg") no-repeat center;background-size:cover}.D0 .card{display:flex;justify-content:space-between;align-items:center;padding:calc(1rem + 1vw) 0;color:#fff}.D0 .card .item{text-align:center;display:flex;flex-direction:column;gap:6px}.D0 .card .item .num{font-size:2rem;font-weight:700;line-height:1}.D0 .card .item .num .unit{font-size:1rem;font-weight:400;margin-left:4px}.D0 .card .item .text{font-size:.9rem;font-weight:500;opacity:.9;text-transform:uppercase}.D1{background:#fbfafe url("../images/home_d1_bg.jpg") center top no-repeat;background-size:cover;padding:calc(2rem + 2vw) 0}.D1 .about{display:flex;align-items:stretch}.D1 .about .media{position:relative;flex:1;display:flex;justify-content:center;align-items:center}.D1 .about .media img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.D1 .about .media .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;border-radius:50%;border:2px solid #367ed4;background-color:rgba(255,255,255,.8);color:#367ed4;cursor:pointer;display:flex;justify-content:center;align-items:center}.D1 .about .media .play-btn .icon{content:"";aspect-ratio:1/1;display:inline-flex;width:100%;height:100%;transform:scale(0.9);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath fill='%23367ED4' d='M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.D1 .about .content{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center;background:#f0f0f5}.D1 .about .content .tag{display:inline-block;background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;margin-bottom:24px;align-self:flex-start}.D1 .about .content .title{font-size:4rem;font-weight:800;color:#000;line-height:1.1;margin:0 0 24px}.D1 .about .content .desc{font-size:1.1rem;line-height:1.8;color:#333;margin:0 0 32px}.D1 .about .content .btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-end;background-color:#367ed4;color:#fff;font-size:13px;font-weight:700;padding:14px 28px;border-radius:4px;text-decoration:none}.D1 .about .content .btn .arrow{font-size:14px}.D1 .features{display:flex;justify-content:space-between;gap:4rem;position:relative;margin:4rem 0 0 0}.D1 .features .item{flex:1;position:relative;padding-top:20px}.D1 .features .item .bg-num{position:absolute;top:-30px;left:-8%;font-size:6rem;font-weight:900;color:rgba(0,0,0,0);-webkit-text-stroke:1px #e5e5e5;z-index:1;letter-spacing:-2px}.D1 .features .item .title{position:relative;z-index:2;font-size:1.4rem;font-weight:bold;color:#000;text-transform:uppercase;margin:0 0 20px 0;letter-spacing:1px}.D1 .features .item .desc{position:relative;z-index:2;font-size:1.1rem;line-height:1.7;color:#333;margin:0}.D1 .badge-container{position:absolute;width:7rem;height:7rem;right:0;top:-40%;z-index:10;border-radius:50%;display:flex;justify-content:center;align-items:center}.D1 .text-ring{position:absolute;width:100%;height:100%;animation:rotateText 18s linear infinite}.D1 .text-ring text{font-size:1.2rem;font-weight:800;fill:#111;letter-spacing:2px}.D1 .center-arrow{position:absolute;width:3rem;height:3rem;z-index:10}@keyframes rotateText{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.D2{background:#fff url("../images/home_d2_bg.jpg") no-repeat center;background-size:cover}.D2 .products{padding:80px 0}.D2 .products .header{text-align:center;margin-bottom:60px}.D2 .products .header .tag{display:inline-block;background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;margin-bottom:24px;letter-spacing:1px}.D2 .products .header .title{font-size:4rem;font-weight:800;color:#000;line-height:1.2;margin:0 0 20px}.D2 .products .header .desc{font-size:16px;color:#555;margin:0}.D2 .products .product-swiper{overflow:initial;position:relative;padding-bottom:20px;width:88%;margin:0 0 0 auto}.D2 .products .product-swiper .item{display:flex;flex-direction:column}.D2 .products .product-swiper .item .pic{width:100%;aspect-ratio:4/3;overflow:hidden;margin-bottom:1rem;border-radius:4px}.D2 .products .product-swiper .item .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.D2 .products .product-swiper .item:hover .pic img{transform:scale(1.05)}.D2 .products .product-swiper .item .name{font-size:20px;font-weight:600;color:#000;margin:0 0 8px}.D2 .products .product-swiper .item .name a{color:#000}.D2 .products .product-swiper .item .text{font-size:14px;color:#555;margin:0}.D2 .products .product-swiper .nav{position:absolute;top:-60px;right:3%;display:flex;gap:12px}.D2 .products .product-swiper .nav .swiper-button-disabled{opacity:.3}.D2 .products .product-swiper .nav .btn{width:44px;height:44px;background-color:#000;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s}.D2 .products .product-swiper .nav .btn:hover{background-color:#333}.D3{background:#fff url("../images/home_d3_bg.jpg") no-repeat center;background-size:cover}.D3 .clients{padding:100px}.D3 .clients .header{text-align:center;margin-bottom:60px}.D3 .clients .header .tag{display:inline-block;background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;margin-bottom:24px;letter-spacing:1px}.D3 .clients .header .title{font-size:42px;font-weight:bold;color:#000;margin:0}.D3 .clients .logo-swiper{max-width:1200px;margin:0 auto}.D3 .clients .logo-swiper .item{display:flex;justify-content:center;align-items:center}.D3 .clients .logo-swiper .item .pic{background:#fff;border-radius:5px;height:calc(3rem + 3vw);width:100%;overflow:hidden}.D3 .clients .logo-swiper .item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(0.7)}.D31{position:relative;background:url(../images/home_d31_bg.jpg) no-repeat bottom left;background-size:contain;background-attachment:fixed}.D31 .strengths{display:flex;gap:60px;position:relative;z-index:2}.D31 .strengths .left{flex:0 0 40%;position:relative;padding:10vh 0 10vh 0;display:flex;flex-direction:column;align-items:center;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.D31 .strengths .left .bg-drawing{position:absolute;top:-50px;left:-100px;width:150%;height:150%;opacity:.1;z-index:-1;pointer-events:none}.D31 .strengths .left .content{position:relative;z-index:2}.D31 .strengths .left .content .tag{display:inline-block;background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:24px;letter-spacing:1px}.D31 .strengths .left .content .title{font-size:4rem;font-weight:800;color:#000;line-height:1.1;margin:0 0 24px}.D31 .strengths .left .content .desc{font-size:16px;line-height:1.6;color:#555;margin:0 0 40px}.D31 .strengths .left .content .btn{display:inline-flex;align-items:center;gap:10px;background-color:#2469d6;color:#fff;font-size:13px;font-weight:700;padding:16px 28px;border-radius:4px;text-decoration:none;letter-spacing:1px;transition:background-color .3s}.D31 .strengths .left .content .btn .arrow{font-size:16px;transition:transform .3s}.D31 .strengths .left .content .btn:hover{background-color:#1a52a8}.D31 .strengths .right{flex:1;display:flex;flex-direction:column;gap:120px;padding:10vh 0 10vh 0}.D31 .strengths .right .item{display:flex;flex-direction:column}.D31 .strengths .right .item .pic{width:100%;aspect-ratio:16/9;overflow:hidden;margin-bottom:50px;border-radius:8px}.D31 .strengths .right .item .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}.D31 .strengths .right .item .pic:hover img{transform:scale(1.03)}.D31 .strengths .right .item .info{position:relative}.D31 .strengths .right .item .info .num{position:absolute;top:-40px;left:-10px;font-size:100px;font-weight:900;color:rgba(0,0,0,0);-webkit-text-stroke:1px #e0e0e0;z-index:-1;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.D31 .strengths .right .item .info .name{font-size:32px;font-weight:700;color:#000;margin:0 0 16px;position:relative;z-index:2}.D31 .strengths .right .item .info .text{font-size:16px;line-height:1.7;color:#555;margin:0;max-width:90%}.D4{background:#fff url("../images/home_d4_bg.jpg") center top no-repeat;background-size:contain;margin:0 0 calc(1rem + 1vw) 0}.D4 .news{padding:calc(4rem + 4vw) 0 50px 0;overflow:hidden;flex-direction:column}.D4 .news .intro{width:34%;display:flex;flex-direction:column;justify-content:center}.D4 .news .intro .tag{display:inline-block;background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:24px;align-self:flex-start;letter-spacing:1px}.D4 .news .intro .title{font-size:4rem;font-weight:bold;color:#fff;margin:0 0 16px;line-height:1.1}.D4 .news .intro .desc{font-size:15px;font-weight:500;color:#fff;margin:0 0 40px}.D4 .news .intro .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background-color:#2469d6;color:#fff;font-size:13px;font-weight:700;padding:16px 24px;border-radius:4px;text-decoration:none;align-self:flex-start;letter-spacing:1px;transition:background-color .3s}.D4 .news .intro .btn .arrow{font-size:16px}.D4 .news .intro .btn:hover{background-color:#1a52a8}.D4 .news .list{width:100%;display:flex;gap:calc(2rem + 2vw);margin-top:calc(-3rem - 3vw)}.D4 .news .list .item{flex:1;display:flex;flex-direction:column;align-self:flex-end}.D4 .news .list .item.down{margin-bottom:0}.D4 .news .list .item.center{margin-bottom:80px}.D4 .news .list .item.up{margin-bottom:160px}.D4 .news .list .item .pic{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:6px;margin-bottom:24px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.D4 .news .list .item .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.D4 .news .list .item:hover .pic img{transform:scale(1.05)}.D4 .news .list .item .name{font-size:22px;font-weight:500;color:#000;margin:0 0 10px}.D4 .news .list .item .text{font-size:14px;line-height:1.6;color:#333;margin:0}.D5{background:#fff url("../images/home_d5_bg.jpg") no-repeat center;background-size:cover}.D5 .cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px;max-width:1920px;overflow:hidden}.D5 .cta .title{font-size:4rem;font-weight:bold;color:#fff;line-height:1.2;margin:0 0 50px 0;letter-spacing:1px;text-shadow:4px 4px 4px rgba(0,0,0,.2509803922)}.D5 .cta .desc{font-size:16px;font-weight:400;color:#fff;line-height:1.6;margin:0 0 60px 0;text-shadow:4px 4px 4px rgba(0,0,0,.2509803922)}.D5 .cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background-color:#367ed4;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;text-decoration:none;padding:16px 32px;border-radius:6px;transition:all .3s ease}.D5 .cta .btn .icon{font-size:18px;transition:transform .3s ease}.D5 .cta .btn:hover{background-color:#135cb8;box-shadow:0 10px 20px rgba(24,117,232,.3)}.D5 .cta .btn:hover .icon{transform:rotate(-135deg)}.D6 .contact{width:60%;margin:calc(4rem + 4vw) auto}.D6 .contact .header{text-align:center;margin-bottom:60px}.D6 .contact .header .tag{display:inline-block;background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:24px;letter-spacing:1px}.D6 .contact .header .title{font-size:48px;font-weight:800;color:#000;line-height:1.1;margin:0}.D6 .contact .form{display:flex;flex-direction:column;gap:32px}.D6 .contact .form .field{display:flex;flex-direction:column;gap:12px}.D6 .contact .form .field label{font-size:16px;font-weight:600;color:#000}.D6 .contact .form .field input,.D6 .contact .form .field select,.D6 .contact .form .field textarea{box-sizing:border-box;width:100%;padding:16px 20px;border:1px solid #000;border-radius:0;font-size:15px;color:#333;background-color:#fff;outline:none;transition:border-color .3s,box-shadow .3s;font-family:inherit}.D6 .contact .form .field input::-moz-placeholder, .D6 .contact .form .field select::-moz-placeholder, .D6 .contact .form .field textarea::-moz-placeholder{color:#888}.D6 .contact .form .field input::placeholder,.D6 .contact .form .field select::placeholder,.D6 .contact .form .field textarea::placeholder{color:#888}.D6 .contact .form .field input:focus,.D6 .contact .form .field select:focus,.D6 .contact .form .field textarea:focus{border-color:#367ed4;box-shadow:0 0 0 3px rgba(24,117,232,.1)}.D6 .contact .form .field .select-wrap{position:relative;width:100%}.D6 .contact .form .field .select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.D6 .contact .form .field .select-wrap::after{content:"▼";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:10px;color:#000;pointer-events:none}.D6 .contact .form .field textarea{height:calc(5rem + 5vw);resize:vertical}.D6 .contact .form .row{display:flex;gap:30px}.D6 .contact .form .row .field{flex:1}.D6 .contact .form .field.full{width:100%}.D6 .contact .form .row.footer{align-items:flex-end;margin-top:20px;display:flex;justify-content:space-between}.D6 .contact .form .row.footer .note{display:flex;gap:10px;font-size:14px;width:45%;color:#333;line-height:1.6}.D6 .contact .form .row.footer .note .icon{font-size:16px;color:#888}.D6 .contact .form .row.footer .note p{margin:0}.D6 .contact .form .row.footer .note a{color:#000;text-decoration:underline}.D6 .contact .form .row.footer .btn{flex-shrink:0;background-color:#000;color:#fff;font-size:14px;font-weight:700;padding:18px 40px;border:none;border-radius:4px;cursor:pointer;letter-spacing:1px;transition:background-color .3s}.D6 .contact .form .row.footer .btn:hover{background-color:#333}.D7 .contact-info{display:flex;justify-content:space-between;gap:40px;background-color:#fff;padding:0 0 calc(4rem + 4vw) 0}.D7 .contact-info .item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.D7 .contact-info .item .icon{width:60px;height:60px;background-color:#367ed4;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:24px}.D7 .contact-info .item .icon svg{width:28px;height:28px;color:#fff;stroke:currentColor}.D7 .contact-info .item .title{font-size:14px;font-weight:800;color:#000;text-transform:uppercase;letter-spacing:1px;margin:0 0 20px 0}.D7 .contact-info .item .text{font-size:16px;line-height:1.6;color:#333;margin:0;font-weight:500}.D7 .contact-info .item .text a{color:#333;text-decoration:none;transition:color .3s ease}.D7 .contact-info .item .text a:hover{color:#367ed4}@media screen and (max-width: 1200px){.BANNER .swiper-slide .info .ms{font-size:1.3rem}.BANNER .swiper-slide .info .hhh{font-size:calc(3rem + 1.2vw)}.BANNER .swiper-slide .info a{padding:.9rem 2rem;font-size:.95rem}.D0 .card{padding:1.2rem 1.5rem}.D0 .card .item .num{font-size:1.8rem}.D0 .card .item .num .unit{font-size:.95rem}.D0 .card .item .text{font-size:.85rem}.D1{padding:calc(2rem + 2vw) 1.5rem}.D1 .about .content{padding:40px}.D1 .about .content .title{font-size:3rem}.D1 .about .content .desc{font-size:1rem}.D1 .features{gap:3rem}.D1 .features .item .bg-num{font-size:5rem}.D1 .features .item .title{font-size:1.25rem}.D1 .features .item .desc{font-size:1rem}.D1 .badge-container{width:6rem;height:6rem;top:-30%}.D1 .text-ring text{font-size:1rem}.D2 .products{padding:60px 0}.D2 .products .header{margin-bottom:40px}.D2 .products .header .title{font-size:3rem}.D2 .products .product-swiper{width:92%}.D3 .clients{padding:70px 40px}.D3 .clients .header{margin-bottom:40px}.D3 .clients .header .title{font-size:34px}.D31 .strengths{gap:40px}.D31 .strengths .left{padding:8vh 0}.D31 .strengths .left .content .title{font-size:3rem}.D31 .strengths .left .content .desc{font-size:15px}.D31 .strengths .right{padding:8vh 0;gap:90px}.D31 .strengths .right .item .pic{margin-bottom:40px}.D31 .strengths .right .item .info .num{font-size:80px}.D31 .strengths .right .item .info .name{font-size:26px}.D31 .strengths .right .item .info .text{font-size:15px}.D4 .news .intro{width:40%}.D4 .news .intro .title{font-size:3rem}.D4 .news .list{gap:calc(1.5rem + 1.5vw)}.D4 .news .list .item .name{font-size:20px}.D5 .cta{padding:100px 40px}.D5 .cta .title{font-size:3rem}.D5 .cta .desc{font-size:15px}.D6 .contact{width:75%;margin:calc(3rem + 3vw) auto}.D6 .contact .header{margin-bottom:40px}.D6 .contact .header .title{font-size:40px}.D7 .contact-info{gap:30px;padding-bottom:calc(3rem + 3vw)}}@media screen and (max-width: 992px){.BANNER .swiper-slide .pic{height:70vh}.BANNER .swiper-slide .info .ms{font-size:1.1rem}.BANNER .swiper-slide .info .hhh{font-size:calc(2.2rem + 1vw)}.BANNER .swiper-slide .info a{padding:.8rem 1.6rem;font-size:.9rem}.D0 .card{flex-wrap:wrap;justify-content:space-around;gap:1.5rem}.D0 .card .item{flex:0 0 22%}.D1{padding:calc(2rem + 2vw) 1rem}.D1 .about{flex-direction:column}.D1 .about .media{width:100%}.D1 .about .content{padding:30px}.D1 .about .content .title{font-size:2.4rem}.D1 .about .content .desc{font-size:.95rem;margin-bottom:24px}.D1 .about .content .btn{align-self:flex-start}.D1 .features{flex-direction:column;gap:3.5rem;margin-top:3rem}.D1 .features .item .bg-num{font-size:4.5rem;top:-20px;left:-5%}.D1 .features .item .title{font-size:1.15rem}.D1 .features .item .desc{font-size:.95rem}.D1 .badge-container{width:5rem;height:5rem;top:-20%}.D1 .text-ring text{font-size:1.6rem}.D1 .center-arrow{width:2.5rem;height:2.5rem}.D2 .products{padding:50px 0}.D2 .products .header{margin-bottom:30px}.D2 .products .header .title{font-size:2.4rem}.D2 .products .header .desc{font-size:15px}.D2 .products .product-swiper{width:95%}.D2 .products .product-swiper .nav{top:-50px;right:2%}.D2 .products .product-swiper .nav .btn{width:38px;height:38px;font-size:16px}.D2 .products .product-swiper .item .name{font-size:17px}.D3 .clients{padding:50px 20px}.D3 .clients .header{margin-bottom:30px}.D3 .clients .header .title{font-size:26px}.D3 .clients .logo-swiper .item .pic{height:calc(2.5rem + 2.5vw)}.D31 .strengths{flex-direction:column;gap:0}.D31 .strengths .left{position:relative;top:0;padding:60px 20px 30px 20px;flex:1;align-items:flex-start}.D31 .strengths .left .bg-drawing{display:none}.D31 .strengths .left .content .title{font-size:2.4rem}.D31 .strengths .left .content .desc{font-size:14px}.D31 .strengths .right{padding:30px 20px 60px 20px;gap:60px}.D31 .strengths .right .item .pic{margin-bottom:30px}.D31 .strengths .right .item .info .num{font-size:70px;top:-30px}.D31 .strengths .right .item .info .name{font-size:22px}.D31 .strengths .right .item .info .text{font-size:14px;max-width:100%}.D4 .news{padding:calc(3rem + 3vw) 20px 40px 20px}.D4 .news .intro{width:100%}.D4 .news .intro .title{font-size:2.4rem}.D4 .news .intro .desc{font-size:14px;margin-bottom:24px}.D4 .news .list{gap:1.5rem;margin-top:2rem}.D4 .news .list .item.center,.D4 .news .list .item.up{margin-bottom:0}.D4 .news .list .item .pic{margin-bottom:16px}.D4 .news .list .item .name{font-size:17px}.D4 .news .list .item .text{font-size:13px}.D5 .cta{padding:70px 20px}.D5 .cta .title{font-size:2.2rem;margin-bottom:30px}.D5 .cta .desc{font-size:14px;margin-bottom:40px}.D5 .cta .btn{padding:14px 26px;font-size:12px}.D6 .contact{width:85%;margin:calc(2.5rem + 2.5vw) auto}.D6 .contact .header{margin-bottom:30px}.D6 .contact .header .title{font-size:32px}.D6 .contact .form{gap:24px}.D6 .contact .form .field{gap:8px}.D6 .contact .form .field label{font-size:15px}.D6 .contact .form .field input,.D6 .contact .form .field select,.D6 .contact .form .field textarea{padding:14px 16px;font-size:14px}.D6 .contact .form .row{flex-direction:column;gap:20px}.D6 .contact .form .row.footer{flex-direction:column;align-items:stretch;gap:20px}.D6 .contact .form .row.footer .note{width:100%;font-size:13px}.D6 .contact .form .row.footer .btn{width:100%;padding:14px 20px}.D7 .contact-info{flex-wrap:wrap;gap:30px 20px}.D7 .contact-info .item{flex:1 1 40%}}@media screen and (max-width: 768px){.BANNER .swiper-slide .pic{height:60vh}.BANNER .swiper-slide .info{top:35%}.BANNER .swiper-slide .info .ms{font-size:1rem}.BANNER .swiper-slide .info .hhh{font-size:calc(1.8rem + 1vw)}.BANNER .swiper-slide .info a{padding:.7rem 1.4rem;font-size:.85rem}.D0 .card{padding:1rem}.D0 .card .item{flex:0 0 44%}.D0 .card .item .num{font-size:1.5rem}.D0 .card .item .num .unit{font-size:.85rem}.D0 .card .item .text{font-size:.75rem}.D1 .about .content{padding:24px}.D1 .about .content .tag{font-size:11px;padding:5px 12px;margin-bottom:18px}.D1 .about .content .title{font-size:2rem;margin-bottom:16px}.D1 .about .content .desc{font-size:.9rem;margin-bottom:20px}.D1 .about .content .btn{padding:10px 20px;font-size:12px}.D1 .features .item .bg-num{font-size:3.5rem;top:-15px;left:-2%}.D1 .features .item .title{font-size:1rem;margin-bottom:14px}.D1 .features .item .desc{font-size:.88rem;line-height:1.6}.D1 .badge-container{width:4rem;height:4rem;top:-15%}.D1 .text-ring text{font-size:.75rem;letter-spacing:1.5px}.D1 .center-arrow{width:2rem;height:2rem}.D2 .products{padding:40px 0}.D2 .products .header{margin-bottom:24px}.D2 .products .header .tag{font-size:11px;padding:5px 12px;margin-bottom:18px}.D2 .products .header .title{font-size:1.9rem;margin-bottom:14px}.D2 .products .header .desc{font-size:13px}.D2 .products .product-swiper{width:100%;padding-bottom:10px}.D2 .products .product-swiper .item .name{font-size:15px;margin-bottom:6px}.D2 .products .product-swiper .item .text{font-size:13px}.D2 .products .product-swiper .nav{top:-45px;right:3%;gap:8px}.D2 .products .product-swiper .nav .btn{width:34px;height:34px;font-size:14px}.D3 .clients{padding:40px 16px}.D3 .clients .header{margin-bottom:24px}.D3 .clients .header .tag{font-size:11px;padding:5px 12px;margin-bottom:18px}.D3 .clients .header .title{font-size:22px}.D3 .clients .logo-swiper .item .pic{height:calc(2rem + 2vw)}.D31 .strengths .left{padding:40px 16px 20px 16px}.D31 .strengths .left .content .tag{font-size:11px;padding:5px 12px;margin-bottom:16px}.D31 .strengths .left .content .title{font-size:1.9rem;margin-bottom:16px}.D31 .strengths .left .content .desc{font-size:13px;margin-bottom:24px}.D31 .strengths .left .content .btn{padding:12px 22px;font-size:12px}.D31 .strengths .right{padding:20px 16px 40px 16px;gap:40px}.D31 .strengths .right .item .pic{margin-bottom:20px;border-radius:6px}.D31 .strengths .right .item .info .num{font-size:54px;top:-22px;left:-5px}.D31 .strengths .right .item .info .name{font-size:18px;margin-bottom:12px}.D31 .strengths .right .item .info .text{font-size:13px;line-height:1.6}.D4 .news{padding:calc(2rem + 2vw) 16px 30px 16px}.D4 .news .intro .tag{font-size:11px;padding:5px 12px;margin-bottom:16px}.D4 .news .intro .title{font-size:1.9rem;margin-bottom:12px}.D4 .news .intro .desc{font-size:13px;margin-bottom:20px}.D4 .news .intro .btn{padding:12px 20px;font-size:12px;gap:12px}.D4 .news .list{flex-direction:column;gap:30px;margin-top:1.5rem}.D4 .news .list .item .pic{margin-bottom:14px;border-radius:6px}.D4 .news .list .item .name{font-size:16px;margin-bottom:8px}.D4 .news .list .item .text{font-size:12px}.D5 .cta{padding:50px 16px}.D5 .cta .title{font-size:1.7rem;margin-bottom:24px;letter-spacing:0}.D5 .cta .desc{font-size:13px;margin-bottom:30px}.D5 .cta .btn{padding:12px 22px;font-size:12px;gap:8px}.D5 .cta .btn .icon{font-size:15px}.D6 .contact{width:90%;margin:calc(2rem + 2vw) auto}.D6 .contact .header{margin-bottom:24px}.D6 .contact .header .tag{font-size:11px;padding:5px 12px;margin-bottom:16px}.D6 .contact .header .title{font-size:26px}.D6 .contact .form{gap:20px}.D6 .contact .form .field{gap:6px}.D6 .contact .form .field label{font-size:14px}.D6 .contact .form .field input,.D6 .contact .form .field select,.D6 .contact .form .field textarea{padding:12px 14px;font-size:13px}.D6 .contact .form .field textarea{height:calc(4rem + 4vw)}.D6 .contact .form .row.footer{margin-top:12px}.D6 .contact .form .row.footer .note{font-size:12px;gap:8px}.D6 .contact .form .row.footer .note .icon{font-size:14px}.D6 .contact .form .row.footer .btn{padding:12px 24px;font-size:13px}.D7 .contact-info{flex-direction:column;gap:30px;padding-bottom:calc(2.5rem + 2.5vw)}.D7 .contact-info .item .icon{width:50px;height:50px;margin-bottom:16px}.D7 .contact-info .item .icon svg{width:24px;height:24px}.D7 .contact-info .item .title{font-size:13px;margin-bottom:14px}.D7 .contact-info .item .text{font-size:14px}}@media screen and (max-width: 576px){.BANNER .swiper-slide .pic{height:55vh}.BANNER .swiper-slide .info{top:32%}.BANNER .swiper-slide .info .ms{font-size:.9rem;letter-spacing:.05rem}.BANNER .swiper-slide .info .hhh{font-size:calc(1.5rem + 1vw);margin-top:.6rem}.BANNER .swiper-slide .info a{margin-top:.6rem;padding:.6rem 1.2rem;font-size:.8rem}.D0 .card{padding:.8rem;gap:1rem}.D0 .card .item{flex:0 0 44%}.D0 .card .item .num{font-size:1.3rem}.D0 .card .item .num .unit{font-size:.75rem;margin-left:2px}.D0 .card .item .text{font-size:.7rem}.D1{padding:calc(1.5rem + 1.5vw) .8rem}.D1 .about .content{padding:20px}.D1 .about .content .tag{font-size:10px;padding:4px 10px}.D1 .about .content .title{font-size:1.6rem}.D1 .about .content .desc{font-size:.85rem}.D1 .about .content .btn{padding:9px 16px;font-size:11px;gap:6px}.D1 .about .content .btn .arrow{font-size:12px}.D1 .features{gap:2.5rem}.D1 .features .item .bg-num{font-size:3rem;top:-12px}.D1 .features .item .title{font-size:.92rem;margin-bottom:10px;letter-spacing:0}.D1 .features .item .desc{font-size:.82rem;line-height:1.5}.D1 .badge-container{width:3.2rem;height:3.2rem;top:-12%}.D1 .text-ring text{font-size:1.6rem;letter-spacing:1px}.D1 .center-arrow{width:1.6rem;height:1.6rem}.D2 .products{padding:30px 0}.D2 .products .header{margin-bottom:20px}.D2 .products .header .tag{font-size:10px;padding:4px 10px}.D2 .products .header .title{font-size:1.5rem}.D2 .products .header .desc{font-size:12px}.D2 .products .product-swiper .nav{top:-40px}.D2 .products .product-swiper .nav .btn{width:30px;height:30px;font-size:13px}.D2 .products .product-swiper .item .name{font-size:14px}.D2 .products .product-swiper .item .text{font-size:12px}.D3 .clients{padding:30px 12px}.D3 .clients .header .tag{font-size:10px;padding:4px 10px}.D3 .clients .header .title{font-size:18px}.D3 .clients .logo-swiper .item .pic{height:45px}.D31 .strengths .left{padding:30px 12px 16px 12px}.D31 .strengths .left .content .tag{font-size:10px;padding:4px 10px}.D31 .strengths .left .content .title{font-size:1.5rem}.D31 .strengths .left .content .desc{font-size:12px}.D31 .strengths .left .content .btn{padding:10px 18px;font-size:11px;gap:6px}.D31 .strengths .left .content .btn .arrow{font-size:13px}.D31 .strengths .right{padding:16px 12px 30px 12px;gap:30px}.D31 .strengths .right .item .pic{margin-bottom:16px}.D31 .strengths .right .item .info .num{font-size:42px;top:-18px}.D31 .strengths .right .item .info .name{font-size:16px}.D31 .strengths .right .item .info .text{font-size:12px;line-height:1.5}.D4 .news{padding:calc(1.5rem + 1.5vw) 12px 20px 12px}.D4 .news .intro .tag{font-size:10px;padding:4px 10px}.D4 .news .intro .title{font-size:1.5rem}.D4 .news .intro .desc{font-size:12px}.D4 .news .intro .btn{padding:10px 16px;font-size:11px;gap:8px}.D4 .news .intro .btn .arrow{font-size:13px}.D4 .news .list{gap:24px}.D4 .news .list .item .pic{margin-bottom:12px}.D4 .news .list .item .name{font-size:15px}.D4 .news .list .item .text{font-size:11px}.D5 .cta{padding:40px 12px}.D5 .cta .title{font-size:1.4rem;margin-bottom:18px}.D5 .cta .desc{font-size:12px;margin-bottom:24px;line-height:1.5}.D5 .cta .btn{padding:10px 18px;font-size:11px}.D5 .cta .btn .icon{font-size:13px}.D6 .contact{width:95%;margin:calc(1.5rem + 1.5vw) auto}.D6 .contact .header{margin-bottom:20px}.D6 .contact .header .tag{font-size:10px;padding:4px 10px}.D6 .contact .header .title{font-size:20px}.D6 .contact .form{gap:16px}.D6 .contact .form .field label{font-size:13px}.D6 .contact .form .field input,.D6 .contact .form .field select,.D6 .contact .form .field textarea{padding:10px 12px;font-size:12px}.D6 .contact .form .field textarea{height:100px}.D6 .contact .form .row.footer .note{font-size:11px;line-height:1.5}.D6 .contact .form .row.footer .btn{padding:10px 18px;font-size:12px;letter-spacing:.5px}.D7 .contact-info{gap:24px;padding-bottom:calc(2rem + 2vw)}.D7 .contact-info .item .icon{width:44px;height:44px;margin-bottom:12px}.D7 .contact-info .item .icon svg{width:20px;height:20px}.D7 .contact-info .item .title{font-size:12px;margin-bottom:10px}.D7 .contact-info .item .text{font-size:13px;line-height:1.5}}