footer{text-align:center;padding:3rem 5rem;background:#000;height:240px;line-height:240px}footer p{padding:1em 0;border-top:2px solid #828282;border-bottom:2px solid #828282;text-align:center;color:#fff;line-height:2em}footer p a{color:#fff!important}.header-container{height:unset!important}.nav-container{position:fixed;top:0;width:100vw;height:var(--nav-height);box-sizing:border-box;z-index:99;background-color:rgba(0,0,0,.33)}.nav-container .content-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1rem}.nav-container .content-wrap .left-wrap{height:100%;display:flex;align-items:center;justify-content:center}.nav-container .content-wrap .left-wrap .logo{width:5rem;height:100%;margin-right:10px}.nav-container .content-wrap .left-wrap .logo img{width:100%;height:100%;object-fit:contain}.nav-container .content-wrap .left-wrap h1{margin:0;color:#fff;font-size:1.35rem;font-weight:600;word-break:keep-all}.nav-container .content-wrap .nav-list{display:flex;height:100%}.nav-container .content-wrap .nav-list .nav-item{display:flex;align-items:center;justify-content:center;position:relative;font-size:.65rem;color:#606060;cursor:pointer}.nav-container .content-wrap .nav-list .nav-item .arrow-down{transition:transform .2s}.nav-container .content-wrap .nav-list .nav-item:hover .nav-child{display:block}.nav-container .content-wrap .nav-list .nav-item.active a{color:var(--main-color)}.nav-container .content-wrap .nav-list .nav-item.active a:before{visibility:visible;top:100%;background:#fff}.nav-container .content-wrap .nav-list .nav-item.active a:after{visibility:visible;top:0;background:#fff}.nav-container .content-wrap .nav-list .nav-item a{display:block;padding:.5rem .25rem;color:#fff;font-size:.5rem;font-weight:700;position:relative}.nav-container .content-wrap .nav-list .nav-item a:before{height:2px;width:100%;background:#ccc;content:"";position:absolute;left:0;top:0;visibility:hidden;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}.nav-container .content-wrap .nav-list .nav-item a:after{height:2px;width:100%;content:"";position:absolute;left:0;top:100%;visibility:hidden;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}.nav-container .content-wrap .nav-list .nav-item a:hover{color:var(--main-color)}.nav-container .content-wrap .nav-list .nav-item a:hover:before{visibility:visible;top:100%;background:#fff}.nav-container .content-wrap .nav-list .nav-item a:hover:after{visibility:visible;top:0;background:#fff}.nav-container .content-wrap .nav-list .nav-item:not(:last-child){margin-right:1.25rem}@media screen and (max-width:850px){.nav-container .content-wrap .nav-list .nav-item:not(:last-child){margin-right:.05rem}}.nav-container .content-wrap .nav-list .nav-item .nav-child{position:absolute;display:none;top:100%;background:#fff}.nav-container .content-wrap .nav-list .nav-item .nav-child a{display:block;white-space:nowrap;padding:.5rem .25rem;width:100%}.nav-container .content-wrap .nav-list .nav-item.active .arrow-down{transform:rotate(180deg)}#components-reconnect-modal{display:none!important}*{-webkit-user-drag:none;font-family:"PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif"}#app,#root,app,body,html{height:100%}.fix-width{width:calc(100% - 17px)!important}canvas{display:block}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ol,ul{list-style:none}body,html{color:#000;margin:0}img{display:block;max-width:100%}a{text-decoration:none;color:#000}a:hover{color:var(--main-color);text-decoration:none}a:visited{color:#000}a:link{color:#000}p{margin:0}.ant-image{display:block}.mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2;background-color:rgba(0,0,0,.7)}.header-container{height:var(--nav-height)}.footer-container{height:240px}:root{--main-color:#0082c8;--animate-delay:0.2s;--animate-duration:0.6s;--nav-height:3rem;--content-gap-width:3.5rem;font-size:clamp(1rem,1.728rem,3rem);font-family:'Open Sans',sans-serif;-webkit-tap-highlight-color:transparent}*{-webkit-user-drag:none}body,html{color:#000;margin:0}img{display:block;max-width:100%}a{text-decoration:none;color:#000}a:hover{color:var(--main-color);text-decoration:none}a:visited{color:#000}a:link{color:#000}p{margin:0}.content-wrap{width:calc(100% - 2rem);max-width:40rem;margin:0 auto}@media screen and (max-width:750px){.content-wrap{max-width:100vw}}.mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2;background-color:rgba(0,0,0,.7)}.learn-more{display:flex;box-sizing:border-box;width:6rem;height:2rem;border:1px solid #606060;font-size:.65rem;color:#606060;cursor:pointer;justify-content:center;align-items:center}.learn-more:hover{background-color:var(--main-color);color:#fff;border-color:transparent}.swiper-container .swiper-pagination{display:flex;justify-content:flex-end;bottom:1.5rem;padding:0 var(--content-gap-width);box-sizing:border-box;text-align:right}.swiper-container .swiper-pagination .swiper-pagination-bullet{width:1.5rem;height:.2rem;background-color:#fff;border-radius:0;margin:0 .1rem}.main{padding-top:var(--nav-height)}.container section{box-sizing:border-box}.container .right-icon{display:flex;overflow:hidden;width:.5rem;height:1rem}.container .right-icon .icon-arrow-right{flex-shrink:0;font-size:1.5rem}.container .section-title .tit{position:relative;z-index:2;width:fit-content;color:#000;margin:0 auto;font-size:1.5rem;line-height:1.5rem;padding-bottom:.35rem}.container .section-title .subtit{position:relative;transform:translateY(-1px);font-size:.7rem;padding-top:.65rem;color:#000;text-align:center;white-space:pre-line}.content-wrap .title h1{letter-spacing:.15rem}.content-wrap .title h1 span{color:var(--main-color)}.content-wrap .title h1:after,.content-wrap .title h1:before{position:absolute;background:#ffb262;height:2px;content:''}.content-wrap .title h1:before{width:11%;bottom:6%;left:44.5%}.content-wrap .title h1:after{width:18%;right:41%;bottom:0}.banner{width:100%;height:calc(22rem + var(--nav-height));overflow:hidden}.banner .banner-image{width:100%;height:calc(22rem + var(--nav-height));background-repeat:no-repeat;background-size:cover;background-position-y:center;position:relative}.banner .banner-image a{display:block;width:100%;height:100%}.banner .banner-image div{text-align:right;position:relative;top:50%;transform:translateY(-50%)}.banner .banner-image div p{font-size:.75rem;line-height:1.5rem;color:#fff;padding:0 0 20px;white-space:pre-line}.banner .banner-image div h3{font-size:1rem;text-transform:capitalize;color:#fff;line-height:2em}.contact .contact-container{padding-top:1.5rem;padding-bottom:1.5rem;background:no-repeat center;background-size:cover;background-color:#fff}.contact .contact-container .title{text-align:center}.contact .contact-container .title h1{font-size:1.5rem;line-height:2rem;font-weight:600;position:relative;padding-bottom:1rem}.contact .contact-container .title h2{font-size:.5rem;line-height:1rem;white-space:pre-line;text-align:left}.contact .contact-container .title .bg{height:300px;overflow:hidden;width:100%;background:no-repeat center;background-size:cover}.contact .contact-container img{width:100%}.contact .contact-container .content{display:flex;justify-content:space-between;margin-top:1rem;flex-wrap:wrap}.contact .contact-container .content .content-item{width:32.5%;border-top:none;margin-top:1rem}.contact .contact-container .content .content-item img{width:100%}.contact .contact-container .content .content-item .item-content{background-color:#fff;padding:.5rem 1rem .7rem 1rem;overflow:hidden}.contact .contact-container .content .content-item .item-content h1{font-size:.7rem}.contact .contact-container .content .content-item .item-content p{font-size:.5rem;line-height:1rem;white-space:pre-line}.customers .customers-container{padding-top:1.5rem;padding-bottom:1.5rem;background:no-repeat center;background-size:cover;background-color:#fff}.customers .customers-container .title{text-align:center}.customers .customers-container .title h1{font-size:1.5rem;line-height:2rem;font-weight:600;position:relative;padding-bottom:1rem}.customers .customers-container .title h2{font-size:.5rem;line-height:1rem;white-space:pre-line;text-align:left}.customers .customers-container .title .bg{height:300px;overflow:hidden;width:100%;background:no-repeat center;background-size:cover}.customers .customers-container img{width:100%}.customers .customers-container .content{display:flex;justify-content:space-between;margin-top:1rem;flex-wrap:wrap}.customers .customers-container .content .content-item{width:49%;border-top:none;margin-top:.5rem}.customers .customers-container .content .content-item img{width:100%}.home .home-container{padding-top:1.5rem;padding-bottom:1.5rem;background:no-repeat center;background-size:cover;background-color:#fff}.home .home-container.gray{background-color:#f5f5fa}.home .home-container.bg{background-size:100% 150%}.home .home-container.bg .title h1{color:var(--main-color)}.home .home-container .title{text-align:center}.home .home-container .title h1{font-size:1.5rem;line-height:2rem;font-weight:600;position:relative;padding-bottom:1rem}.home .home-container .title h2{font-size:.65rem;line-height:1.25rem;white-space:pre-line;text-align:left}.home .home-container img{width:100%}.home .home-container .content1{padding-top:2rem;display:none}.home .home-container .content1 .content-top{display:flex;flex-wrap:wrap;justify-content:space-between}.home .home-container .content1 .content-top .content-left{width:50%}.home .home-container .content1 .content-top .content-left h3{font-size:1.2rem;color:#ffb262}.home .home-container .content1 .content-top .content-left p{font-size:.5rem;margin:0;color:#777;font-weight:400;line-height:1rem}.home .home-container .content1 .content-bottom{display:flex;padding:1rem 0;margin-top:1rem;justify-content:space-between}.home .home-container .content1 .content-bottom>div{width:30%;text-align:center}.home .home-container .content1 .content-bottom>div>div{font-size:1.2rem;background-color:var(--main-color);display:inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem}.home .home-container .content1 .content-bottom>div>div span{background:var(--main-color);border-radius:50%;color:#fff}.home .home-container .content1 .content-bottom>div h4{margin-top:.5rem;font-size:.75rem;font-weight:600}.home .home-container .content1 .content-bottom>div p{font-size:.45rem;margin:0;color:#777;font-weight:400;line-height:1rem}.home .home-container .content2{padding-top:2rem;display:flex;justify-content:space-between;flex-wrap:wrap}.home .home-container .content2>div{width:50%;display:flex}.home .home-container .content2>div:nth-child(4n+1),.home .home-container .content2>div:nth-child(4n+2){flex-direction:row-reverse}.home .home-container .content2>div>div{width:50%}.home .home-container .content2>div>div:nth-child(1){background:#fff;padding:1.5rem 1rem}.home .home-container .content2>div>div:nth-child(1) h3{color:var(--main-color);font-size:1rem;position:relative}.home .home-container .content2>div>div:nth-child(1) h3:after{content:'';background:var(--main-color);width:30%;padding:1px;position:absolute;top:1.6rem;left:0}.home .home-container .content2>div>div:nth-child(1) p{color:#555}.parts .parts-container{padding-top:1.5rem;padding-bottom:1.5rem;background:no-repeat center;background-size:cover;background-color:#fff}.parts .parts-container .title{text-align:center}.parts .parts-container .title h1{font-size:1.5rem;line-height:2rem;font-weight:600;position:relative;padding-bottom:1rem}.parts .parts-container .title h2{font-size:.5rem;line-height:1rem;white-space:pre-line;text-align:left}.parts .parts-container .title .bg{height:300px;overflow:hidden;width:100%;background:no-repeat center;background-size:cover;margin-top:1rem}.parts .parts-container img{width:100%}.parts .parts-container .content{display:flex;justify-content:space-between;margin-top:1rem;flex-wrap:wrap}.parts .parts-container .content .content-item{width:22.5%;margin-top:1rem}.parts .parts-container .content .content-item>div{border:1px #dcdcdc solid;position:relative;cursor:pointer;height:100%;width:100%}.parts .parts-container .content .content-item>div .ant-image{height:100%;width:100%}.parts .parts-container .content .content-item>div img{width:100%;height:100%;object-fit:cover}.parts .parts-container .content .content-item>div:hover .item-content{opacity:1}.parts .parts-container .content .content-item>div .item-content{background-color:rgba(0,0,0,.5);transition:opacity .3s;padding:0 .5rem;overflow:hidden;position:absolute;top:0;width:100%;height:100%;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0}.parts .parts-container .content .content-item>div .item-content:hover{opacity:1}.parts .parts-container .content .content-item>div .item-content h1{font-size:.7rem;color:#fff}.parts .parts-container .content .content-item>div .item-content p{font-size:.5rem;line-height:1rem;color:#fff;white-space:pre-line}.parts .parts-container .other-content .other-item{display:flex;justify-content:space-between;padding-top:24px;padding-bottom:24px;border-top:1px solid #eee}.parts .parts-container .other-content .other-item:nth-child(1){border-top:none}.parts .parts-container .other-content .other-item>div{width:32%}.parts .parts-container .other-content .other-item>div:nth-child(1){border:1px solid #eee;padding:5px}.parts .parts-container .other-content .other-item>div:nth-child(2) p{font-size:.6rem}.parts .parts-container .other-content .other-item>div:nth-child(3){display:flex;flex-direction:column;justify-content:center;align-items:center}.parts .parts-container .other-content .other-item>div:nth-child(3) a{font-size:.55rem;display:flex;justify-content:center;align-items:center}.parts .parts-container .other-content .other-item>div:nth-child(3) a .anticon-file-pdf{font-size:1.5rem}.parts-detail .detail-content{text-align:left;padding-bottom:.75rem;white-space:pre-line}.parts-detail .detail-image{display:flex;flex-wrap:wrap;justify-content:space-between}.parts-detail .detail-image>div{width:32%}.parts-detail .detail-image>div>div{height:100%;border:1px solid #eee}.parts-detail .detail-image>div>div .ant-image{height:100%}.parts-detail .detail-image>div>div img{width:100%;height:100%;object-fit:cover}.products .products-container{padding-top:1.5rem;padding-bottom:1.5rem;background:no-repeat center;background-size:cover;background-color:#fff}.products .products-container .title{text-align:center}.products .products-container .title h1{font-size:1.5rem;line-height:2rem;font-weight:600;position:relative;padding-bottom:1rem}.products .products-container .title h2{font-size:.5rem;line-height:1rem;white-space:pre-line;text-align:left}.products .products-container .title .bg{height:300px;overflow:hidden;width:100%;background:no-repeat center;background-size:cover;margin-top:1rem}.products .products-container img{width:100%}.products .products-container .content{display:flex;justify-content:space-between;margin-top:1rem;flex-wrap:wrap}.products .products-container .content .content-item{width:31.5%}.products .products-container .content .content-item>div{border:1px #dcdcdc solid;position:relative;height:100%;width:100%;cursor:pointer}.products .products-container .content .content-item>div .ant-image{height:100%;width:100%}.products .products-container .content .content-item>div img{width:100%;height:100%;object-fit:cover}.products .products-container .content .content-item>div:hover .item-content{opacity:1}.products .products-container .content .content-item>div .item-content{background-color:rgba(0,0,0,.5);transition:opacity .3s;padding:0 .5rem;overflow:hidden;position:absolute;top:0;width:100%;height:100%;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0}.products .products-container .content .content-item>div .item-content:hover{opacity:1}.products .products-container .content .content-item>div .item-content h1{font-size:.7rem;color:#fff}.products .products-container .content .content-item>div .item-content p{font-size:.5rem;line-height:1rem;color:#fff;white-space:pre-line}.product-detail .detail-content{text-align:left;padding-bottom:.75rem;white-space:pre-line}.product-detail .detail-image{display:flex;flex-wrap:wrap;justify-content:space-between}.product-detail .detail-image>div{width:32%}.product-detail .detail-image>div>div{height:100%;border:1px solid #eee}.product-detail .detail-image>div>div .ant-image{height:100%}.product-detail .detail-image>div>div img{width:100%;height:100%;object-fit:cover}