main .video_text{position:relative;z-index:9}main .video_text .video{position:relative}main .video_text .video .mask{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column}main .video_text .video .mask .img{position:relative;margin-bottom:.5rem;cursor:pointer;transition:all 0.5s}main .video_text .video .mask:hover .img{transform:scale(1.1)}@-webkit-keyframes changeleft{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(-180deg)}100%{-webkit-transform:rotate(-360deg)}}main .video_text .video .mask p{font-family:'Medium';font-size:.32rem;color:#fff;text-align:center}main .video_text .text .top{margin-top:1rem;margin-bottom:.6rem}main .video_text .text .top h3{font-family:'Medium';color:#003f9c;font-size:.32rem;position:relative;display:inline-block}main .video_text .text .top h3::after{position:absolute;width:10px;height:10px;background-color:#003f9c;content:'';top:50%;transform:translateY(-50%) rotate(45deg);right:-20px}main .video_text .text .title p{font-family:'Medium';color:#333;font-size:.2rem}.about_text{position:relative}.about_text img{width:100%}.about_text .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1200px;width:100%}.about_text .text p{font-size:.32rem;font-family:'Medium';color:#fff;text-align:center}main .technology{padding:1.2rem 0}main .technology .title{align-items:flex-start;max-width:520px;width:100%;margin-bottom:.8rem}main .technology .title h2{text-align:left}main .technology .title p{text-align:left;color:#333}main .technology .cart h3{margin-top:.5rem;margin-bottom:.1rem;font-size:.2rem;font-family:'Medium'}main .technology .arrow{margin-bottom:.4rem}main .technology .arrow .content{position:relative;width:100%;height:30px}.swiper-button-next-technology:after,.swiper-button-prev-technology:after{display:none}.swiper-button-prev-technology{left:auto;right:70px}.swiper-button-next-technology.swiper-button-disabled,.swiper-button-prev-technology.swiper-button-disabled{opacity:1}.swiper-button-next-technology.swiper-button-disabled svg path,.swiper-button-prev-technology.swiper-button-disabled svg path{fill:#BEC4CB}.swiper-button-prev-technology::before{position:absolute;right:-17px;width:1px;height:20px;background-color:#BEC4CB;content:''}main .history{padding:0 .4rem;position:relative}main .history .history_bg{background-repeat:no-repeat;background-size:cover;padding:.8rem 0}main .history .content{max-width:1280px;width:100%;margin:0 auto}main .history .content .title h2{color:#fff}main .history .content .swiper{display:flex;justify-content:center}main .history .content .left{max-width:50%;width:100%}main .history .content .right{padding:.7rem;padding-bottom:.4rem;flex:1;background-color:#FFF;max-width:50%;width:100%}main .history .content .right h3{font-size:.32rem;font-family:'Medium';margin-bottom:.2rem}main .history .content .right p{color:#666}main .history .content .right .line{width:100%;height:1px;background-color:#e5e5e5;margin:.3rem 0}main .history .content .right .arrow{position:relative;width:100%;height:64px}main .history .content .year{margin-top:.3rem;padding:0 .38rem;position:relative}main .history .content .year .swiper-year{padding:0 20px}main .history .content .year::after{position:absolute;width:100%;height:1px;background-color:#F0F3F7;content:'';top:82px;left:0}main .history .content .year .box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px;cursor:pointer}main .history .content .year .box span{font-family:'Medium';color:#F0F3F7;font-size:20px;margin-bottom:20px}main .history .content .year .box .square{width:28px;height:28px;background-color:#F0F3F7;position:relative;transform:rotate(45deg)}main .history .content .year .box .square::after{position:absolute;width:14px;height:14px;background-color:#081838;content:'';top:50%;left:50%;transform:translate(-50%,-50%)}main .history .content .year .swiper-slide-thumb-active .box .square::after{background-color:#003f9c}main .history .content .year .swiper-slide-thumb-active .box span{font-size:32px;margin-top:-15px}.swiper-button-next-history:after,.swiper-button-prev-history:after{display:none}.swiper-button-next-history,.swiper-button-prev-history{width:64px;height:100%;background-color:#F0F3F7}.swiper-button-prev-history{left:auto;right:74px}.swiper-button-next-history:hover,.swiper-button-prev-history:hover{background-color:#003f9c}.swiper-button-next-history:hover svg path,.swiper-button-prev-history:hover svg path{fill:#fff}main .certificate{padding:0 .4rem}main .certificate .content{overflow:visible}main .certificate .content .title{align-items:flex-start}main .certificate .swiper{position:relative;margin-bottom:.4rem}.swiper-certificate .swiper-slide img{width:100%}.swiper-certificate .swiper-slide>p{text-align:center;margin-top:10px}.swiper-button-next-certificate{right:-5%}.swiper-button-prev-certificate{left:-5%}.swiper-button-next-certificate,.swiper-button-prev-certificate{width:auto}.swiper-button-next-certificate::after,.swiper-button-prev-certificate::after{display:none}main .certificate .certificate_btm{width:100%;height:80px;background:#FFF;box-shadow:0 3px 51px 0 rgba(0,0,0,.2);position:relative;z-index:9}main .consumers{padding:1.4rem 0;background-repeat:no-repeat;background-size:contain;background-position:right center}main .consumers .content{display:flex;justify-content:space-between;align-items:center}main .consumers .content .left{max-width:746px;width:100%;margin-right:.3rem}main .consumers .content .left .title{align-items:flex-start}main .consumers .content .left .title h2{text-align:left}main .consumers .content .left .title p{text-align:left;color:#333;max-width:614px;width:100%;margin-top:.5rem}main .consumers .content .left .list{display:flex;flex-wrap:wrap}main .consumers .content .left .list .box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:.6rem;margin-bottom:10px}main .consumers .content .left .list .box p{margin-top:10px}main .consumers .content .right{position:relative}main .consumers .content .right img{position:relative;z-index:9}main .consumers .content .right .bg{position:absolute;right:0;bottom:0;z-index:8}main .contact{display:flex;margin-bottom:1.6rem}main .contact .box{flex:1;position:relative}main .contact .box .mask{position:absolute;width:100%;height:20%;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(21,186,136,.3));opacity:0;transition:all 0.5s}main .contact .box:hover .mask{opacity:1}main .contact .box .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}main .contact .box .text *{color:#fff}main .contact .box .text h4{font-family:'Medium';font-size:.32rem;text-align:center;margin-bottom:.3rem}main .contact .box .text span{font-family:'Medium';display:flex;align-items:center}main .contact .box .text span img{margin-left:20px}.shadow{--tw-shadow:0px 2px 10px 1px rgba(20, 30, 39, 0.15);--tw-shadow-colored:0px 2px 10px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.py-5{padding-top:20px;padding-bottom:20px}.overflow-x-auto{overflow-x:auto}.gap-5{gap:20px}.justify-center{justify-content:center}.flex{display:flex}.py-2{padding-top:8px;padding-bottom:8px}@media (hover:hover) and (pointer:fine){.hover\:underline:hover{text-decoration-line:underline}}@media (hover:hover) and (pointer:fine){.hover\:text-main:hover{--tw-text-opacity:1;color:rgb(2 47 158 / var(--tw-text-opacity,1))}}.p-5{padding:20px}.bg-\[\#F1F4F4\]{--tw-bg-opacity:1;background-color:rgb(241 244 244 / var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.prose h1{font-family:'Medium';font-size:28px;font-weight:400;color:#202020;margin-top:20px}.prose h2{font-family:'Medium';font-size:24px;font-weight:400;color:#202020;margin-top:20px}.prose h3{font-family:'Medium';font-size:20px;font-weight:400;color:#202020;margin-top:20px}.prose h4{font-family:'Medium';font-size:18px;font-weight:400;color:#202020;margin-top:20px}.prose p{margin-top:10px}.prose img{margin-top:20px}.prose a{text-decoration:underline;margin-top:20px}.prose ul{margin-top:20px}.prose ol{margin-top:20px}.prose table{margin-top:20px}.prose ul li{list-style:inside}.sticky .sticky_btm .overview{padding:80px 0}.sticky .sticky_btm .overview.about{background-color:#F1F4F4}.prose.about_child{background-color:#FFF;padding:40px}@media (max-width:1023px){main .video_text{margin-top:-100px}.sticky .sticky_btm .overview{padding:40px 0}}@media (max-width:767px){main .video_text{margin-top:-130px}main .video_text .video>img{height:300px;object-fit:cover}.about_text img{position:absolute;width:100%;height:100%;top:0;left:0}.about_text .text{position:relative;top:0;left:0;transform:none;padding:30px 15px}main .technology .cart{padding:0 10px}main .history .content .swiper{flex-direction:column}main .history .content .left{max-width:100%}main .history .content .right{max-width:100%}main .consumers .content{flex-direction:column}main .consumers .content .left{max-width:100%;margin-right:0;margin-bottom:30px}main .consumers .content .right{width:80%}main .consumers .content .right .bg{width:35%}main .contact{flex-direction:column}main .video_text .text .title p{font-size:.28rem}}