@charset "utf-8";
@font-face{font-family:"HarmonyOS Sans";src:url(/js/39471/HarmonyOS_Sans_Medium.ttf) format("truetype");font-display:swap}
:root{--fontfamily:"HarmonyOS Sans",arial}
.common-content img{max-width:100%;height:auto !important}
#about .l-wrap{align-items:flex-start}
iframe{max-width:100%}
@media (max-width:768px){.head-top{opacity:1;max-height:none;width:calc(100% - 240px);left:unset;right:65px;z-index:999;height:30px;top:15px;background:#fff}
.head-main .head-logo img{width:140px}
.head-top .l-wrap{height:100%;margin:0}
.head-top .search-box{height:auto}
.head-top .search-wrap input{-ms-flex:inherit;flex:inherit;width:calc(100% - 20px);color:#000}
.head-top .search-wrap i{margin-left:0;color:#000;-ms-flex:inherit;flex:inherit;width:20px;height:30px;display:flex;align-items:center}
.head-icon{display:none}
.head-top{border:1px solid #ccc;border-radius:20px;padding:0 5px}
.head-logo img{max-width:160px}}
#about .about-img img{object-fit:contain}
@media (max-width:768px){#product{padding-top:30px}}
.common-main article p img{max-width:100%}
#ind,#about{padding:0}
#new .new-img{position:relative;padding-bottom:66%;height:0}
#new .new-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;max-width:100%;width:auto}
.pro-detail .pro-detail-content .part-con div.magic-7{width:100%!important;box-sizing:border-box!important}
.advan .advan-item .con{text-align:left}
.foot-main .foot-title img{max-height:80px}
.wmkc-template-42.cer-box .wmkc-item-img img{width:100%}
.inner-banner .inner-content{display:none}
@media screen and (max-width:768px){.inner-banner>img{height:auto;object-fit:initial}
.inner-banner{height:100%;min-height:initial}}
#about .about-con .home-label{font-size:18px}
.siggle-page.oem-odm *{box-sizing:border-box}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-jc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-ac{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flex-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.col-24{width:100%}
.col-23{width:95.8333333333%}
.col-22{width:91.6666666667%}
.col-21{width:87.5%}
.col-20{width:83.3333333333%}
.col-19{width:79.1666666667%}
.col-18{width:75%}
.col-17{width:70.8333333333%}
.col-16{width:66.6666666667%}
.col-15{width:62.5%}
.col-14{width:58.3333333333%}
.col-13{width:54.1666666667%}
.col-12{width:50%}
.col-11{width:45.8333333333%}
.col-10{width:41.6666666667%}
.col-9{width:37.5%}
.col-8{width:33.3333333333%}
.col-7{width:29.1666666667%}
.col-6{width:25%}
.col-5{width:20.8333333333%}
.col-4{width:16.6666666667%}
.col-3{width:12.5%}
.col-2{width:8.3333333333%}
.col-1{width:4.1666666667%}
@media (max-width:768px){
.col-md-24{width:100%}}
.imgbox{overflow:hidden}
.imgbox img{width:100%;-webkit-transition:.3s;transition:.3s;display:block}
.imgbox:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.text-center{text-align:center}
.text-left{text-align:left}
.py-8{padding-top:80px;padding-bottom:80px}
.py-6{padding:60px 0}
.pt-8{padding-top:80px}
.pt-6{padding-top:60px}
.py-5{padding:50px 0}
.my-10{margin:100px 0}
.my-6{margin-top:60px;margin-bottom:60px}
.mb-6{margin-bottom:60px}
.mb-2{margin-bottom:20px}
.mt-2{margin-top:20px}
.mb-4{margin-bottom:40px}
.mt-5{margin-top:50px}
.pr-5{padding-right:50px;}
@media (max-width:1024px){
.mb-lg-3{margin-bottom:30px}
.py-lg-3{padding-top:30px;padding-bottom:30px}
.py-lg-3{padding:30px 0}
.pt-lg-3{padding-top:30px}
.my-lg-3{margin:30px 0}
.mb-lg-1{margin-bottom:10px}
.mb-lg-2{margin-bottom:20px}
.mt-lg-3{margin-top:30px}}
@media (max-width:768px){
.mb-md-2{margin-bottom:20px}
.col-md-12{width:50%}
.col-md-24{width:100%}
.pr-md-0{padding-right:0}}
.color-primary{color:#005cac}
.ab-wrapper{margin-top:-4%}
.ab-wrapper h2{font-size:36px;font-weight:700;margin-bottom:30px;color:#005cac}
@media (max-width:1024px){
.ab-wrapper h2{font-size:24px;margin-bottom:15px}}
.ab-wrapper .title-rect{position:relative;width:140px;margin:0 auto 30px}
@media (max-width:1024px){
.ab-wrapper .title-rect{margin-bottom:15px}}
.ab-wrapper .title-rect .rect1{width:45px;height:8px;background:#005cac;position:relative;margin:0 auto}
.ab-wrapper .title-rect:before{content:"";position:absolute;top:50%;left:0;width:100%;background:#b5b5b5;height:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.ab-wrapper .ab-text{font-size:22px;color:#666}
@media (max-width:1440px){
.ab-wrapper .ab-text{font-size:18px}}
@media (max-width:1024px){
.ab-wrapper .ab-text{font-size:16px}}
.ab-wrapper .oem-title{font-size:40px;font-weight:700;margin-bottom:0;color:var(--color);line-height: 1.4;}
@media (max-width:1440px){
.ab-wrapper .oem-title{font-size:32px}}
@media (max-width:1024px){
.ab-wrapper .oem-title{font-size:24px}}
.ab-con1{background:#f5f5f5}
.ab-con1 .color-primary{font-weight:700}
.ab-con1 .ab-text{width:75%;margin:0 auto}
@media (max-width:1024px){
.ab-con1 .ab-text{width:100%}}
.ab-con2 .ab-con2-top-list li{width:calc((100% - 45px)/ 4);margin-right:15px;background:#f3f3f3}
.ab-con2 .ab-con2-top-list li:nth-child(4n){margin-right:0}
.ab-con2 .ab-con2-top-list li .num{background:#005cac;color:#fff;font-size:60px;font-weight:700;padding:20px 0;text-align:center;line-height:1}
.ab-con2 .ab-con2-top-list li .con{padding:30px 30px 40px}
@media (max-width:768px){
.ab-con2 .ab-con2-top-list li{width:calc((100% - 15px)/ 2);margin-right:15px}
.ab-con2 .ab-con2-top-list li:nth-child(2n){margin-right:0}
.ab-con2 .ab-con2-top-list li .num{font-size:40px}
.ab-con2 .ab-con2-top-list li .con{padding:15px}
.ab-con2 .ab-con2-top-list li:nth-child(-n+2){margin-bottom:15px}}
.ab-con2 .ab-con2-bottom-list li{width:calc((100% - 12px)/ 3);margin-right:6px;margin-bottom:6px}
.ab-con2 .ab-con2-bottom-list li:nth-child(3n){margin-right:0}
@media (max-width:768px){
.ab-con2 .ab-con2-bottom-list li{width:calc((100% - 10px)/ 2);margin-right:10px}
.ab-con2 .ab-con2-bottom-list li:nth-child(2n){margin-right:0}}
.ab-con3 .cert-swiper-box{padding:0 150px;position:relative}
.ab-con3 .cert-swiper-box .swiper-slide img{width:100%}
.ab-con3 .cert-swiper-box .cert-btn>div{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:30px}
.ab-con3 .cert-swiper-box .cert-btn>div em{font-size:50px;color:#005cac;font-weight:700}
.ab-con3 .cert-swiper-box .cert-btn .next{right:30px;left:unset}
@media (max-width:768px){
.ab-con3 .cert-swiper-box{padding:0 50px}
.ab-con3 .cert-swiper-box .cert-btn em{font-size:20px}
.ab-con3 .cert-swiper-box .cert-btn .prev{left:0}
.ab-con3 .cert-swiper-box .cert-btn .next{right:0}}
.ab-con4{background:#f5f5f5}
.ab-con4 ul li{width:calc((100% - 20px)/ 3);margin-right:10px}
.ab-con4 ul li:nth-child(3n){margin-right:0}
.ab-con4 ul li .con{padding:40px 20px}
@media (max-width:768px){
.ab-con4 ul li{width:calc((100% - 0px)/ 1);margin-right:0}
.ab-con4 ul li:nth-child(1n){margin-right:0}
.ab-con4 ul li:nth-child(-n+2){margin-bottom:15px}
.ab-con4 ul li .con{padding:15px}}
.ab-con5 .sub-text{max-width:85%;margin:0 auto}
@media (max-width:768px){
.ab-con5 .sub-text{max-width:100%}}
.ab-con5 ul li{width:calc((100% - 24px)/ 5);margin-right:6px}
.ab-con5 ul li:nth-child(5n){margin-right:0}
@media (max-width:480px){
.ab-con5 ul li{width:calc((100% - 0px)/ 1);margin-right:0;margin-bottom:10px}
.ab-con5 ul li:nth-child(1n){margin-right:0}}
.ab-con5 .ab5-bot .imglist li{width:calc((100% - 15px)/ 2);margin-right:15px;margin-bottom:15px}
.ab-con5 .ab5-bot .imglist li:nth-child(2n){margin-right:0}
@media (max-width:480px){
.ab-con5 .ab5-bot .imglist li{width:calc((100% - 0px)/ 1);margin-right:0;margin-bottom:10px}
.ab-con5 .ab5-bot .imglist li:nth-child(1n){margin-right:0}}
.ab-con6 .design-swiper .swiper-slide img{width:100%}
.ab-con6 .design-swiper .design-btn>div{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:42px;height:42px;z-index:1;border-radius:50%;border:4px solid #005cac;color:#005cac;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
.ab-con6 .design-swiper .design-btn>div em{font-size:20px;font-weight:700}
.ab-con6 .design-swiper .design-btn>div em:before{content:"\e695"}
.ab-con6 .design-swiper .design-btn .prev{left:8%}
.ab-con6 .design-swiper .design-btn .prev em{transform:rotate(180deg)}
.ab-con6 .design-swiper .design-btn .next{right:8%}
@media (max-width:480px){
.ab-con6 .design-swiper .design-btn .prev{left:1%}
.ab-con6 .design-swiper .design-btn .next{right:1%}}
.oem-list{text-align:center}
.oem-list .oem-item{width:calc((100% - 150px)/ 4);margin-right:50px}
.oem-list .oem-item:nth-child(4n){margin-right:0}
.oem-list .oem-item:nth-child(2){margin-right:50px}
.oem-list .oem-item:nth-child(-n+2){margin-bottom:0}
@media (max-width:1024px){
.oem-list .oem-item{width:calc((100% - 10px)/ 2);margin-right:10px}
.oem-list .oem-item:nth-child(2n){margin-right:0}}
@media (max-width:480px){
.oem-list .oem-item{width:calc((100% - 0px)/ 1);margin-right:0;margin-bottom:15px!important}
.oem-list .oem-item:nth-child(1n){margin-right:0}}
.oem-list .oem-item h3{font-size:30px;font-weight:700;position:relative;padding-bottom:30px;margin-bottom:50px}
.oem-list .oem-item h3:after{position:absolute;content:"";width:80px;height:8px;background:#005cac;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
@media (max-width:1024px){
.oem-list .oem-item h3{font-size:24px;padding-bottom:20px;margin-bottom:20px}}
.oem-list p{line-height:1.6}
.oem-bottom{background:#f3f3f3}
.ab-con7 .oem-img{margin-top:0}
.ab-con1 .odm-btn{position:relative;bottom:-84px;text-align:center}
@media (max-width:1024px){
.ab-con1 .odm-btn{position:static;margin-top:20px}}
.ab-con1 .odm-btn a{font-size:30px;font-weight:700;text-align:center;padding:10px 50px;background:#005cac;color:#fff;text-decoration:none}
@media (max-width:1024px){
.ab-con1 .odm-btn a{font-size:20px}}
@media (max-width:480px){
.ab-con1 .odm-btn a{font-size:18px;padding:10px}}
.ab-con8 .oem-img{margin:0}
.fade-left,.fade-right,.fadein,.zoom-in{opacity:0}
.ab-con9{position:relative}
.ab-con9 img{width:100%}
.ab-con9 .ab9-text-box{margin:0;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ab-con9 .ab9-text-box .ab9-text{width:70%}
.ab-con9 .ab9-text-box .ab9-text p{font-size:22px;margin:30px 0 40px}
.ab-con9 .ab9-text-box .ab-btngroup a{background-color:#fff;padding:20px;border-radius:999px;display:inline-block;width:48%;text-align:center;font-size:20px;font-weight:700;text-decoration:none;color:#000;box-sizing: border-box;}
.ab-con9 .ab9-text-box .ab-btngroup a:hover{background-color:var(--color);color:#fff}
@media (max-width:1440px){
.ab-con9 .ab9-text-box .ab9-text p{font-size:18px}
.ab-con9 .ab9-text-box .ab-btngroup a{font-size:16px}}
@media (max-width:1280px){
.ab-con9 .ab9-text-box .ab9-text{width:100%}}
@media (max-width:1024px){
.ab-con9 .ab9-text-box{position:static;-webkit-transform:none;transform:none}
.ab-con9 .ab9-text-box .ab9-text p{margin:15px 0}
.ab-con9 .ab9-text-box .ab-btngroup a{width:100%;background-color:var(--color);color:#fff;margin-bottom:15px}}
.ab-wrapper p{line-height:1.8}
.oem-line{width:80px;height:8px;background:var(--color);margin-bottom:30px}
@media (max-width:768px){
.oem-line{margin-bottom:15px}}
.odm-btn{padding:15px 40px;font-size:24px;background:var(--color);color:#fff!important;text-decoration:none!important;margin-top:40px;display:inline-block}
@media (max-width:768px){
.odm-btn{padding:15px;font-size:16px;margin-top:20px}}
.ab-con10 .video-box{text-align:center;}
.ab-con10 .video-box video{max-width:1000px;}
@media (max-width:900px){
.ab-con10 .video-box{padding-bottom:0}
.ab-con10 .video-box video{height:auto;width:100%;}}
.ab-con10 .static-item{text-align:center;}
.ab-con10 .static-item .top{color:var(--color);min-height:140px;margin-bottom:50px}
.ab-con10 .static-item .top p{color:var(--color);font-size:36px;font-weight:700}
.ab-con10 .static-item .top div{font-size:60px;font-weight:700;display:inline-block}
.ab-con10 .static-item .top div:nth-child(2){font-size:36px}
.ab-con10 .static-item .num{line-height:1}
.ab-con10 .static-item .top div.num.more:after{content:'+';}
.ab-con10 .static-item .top div.num.hour:after{content:'H';}
.ab-con10 .static-item .bot{font-size:22px;color:#747474;}
@media (max-width:1280px){
.ab-con10 .static-item .top{min-height:0}
.ab-con10 .static-item .top div{font-size:32px}
.ab-con10 .static-item .top p{font-size:24px}}
@media (max-width:1024px){
.ab-con10 .static-item{width:50%;margin-bottom:20px}
.ab-con10 .static-item .top{margin-bottom:20px}
.ab-con10 .static-item:last-child{width:100%}}
@media (max-width:480px){
.ab-con10 .static-item{width:100%}}
.row-cols-5 .col{width:20%}
.row-cols-8 .col{width:12.5%}
.g-2{margin-left:-10px;margin-right:-10px}
.g-2 .col{padding:0 10px;box-sizing:border-box}
.g-1{margin-left:-5px;margin-right:-5px}
.g-1 .col{padding:5px;box-sizing:border-box}
.ab13-list .col{width:16.6666%}
@media (max-width:768px){
.row-cols-md-2 .col{width:50%}
.row-cols-md-4 .col{width:25%}}
@media (max-width:480px){
.row-cols-sm-1 .col{width:100%}}
.ab-con11{background:#f8f8f8}
.ab-con11 .ab11-list .item{text-align:center;box-sizing:border-box}
.ab-con11 .ab11-list .item .imgbox{border:1px solid #e6ebef;border-radius:30px}
.ab-con11 .ab11-list .item p{margin:30px 0 50px}
@media (max-width:768px){
.ab-con11 .ab11-list .item p{margin:15px 0}}
.ab-con12 .cate-tab a{font-size:24px;padding:25px 50px;display:inline-block;text-decoration:none;color:#000;position:relative;bottom:-1px}
.ab-con12 .cate-tab a.active{border:1px solid #e6e6e6;border-bottom-color:#fff}
@media (max-width:1440px){
.ab-con12 .cate-tab a{font-size:20px}}
@media (max-width:768px){
.ab-con12 .cate-tab a{font-size:16px;padding:15px}}
@media (max-width:480px){
.ab-con12 .cate-tab{overflow-x:auto}
.ab-con12 .cate-tab a{white-space:nowrap}}
.ab-con12 .cate-list-box{border:1px solid #e6e6e6;padding:30px}
.ab-con12 .cate-list-box .cate-list:not(.active){display:none}
.ab-con12 .cate-list-box .cate-list .item{text-align:center;box-sizing:border-box}
.ab-con12 .cate-list-box .cate-list .item .imgbox{border:1px solid #e6e6e6}
.ab-con12 .cate-list-box .cate-list .item .title{margin:30px 0 20px;font-size:20px;font-weight:700}
.ab-con12 .cate-list-box .cate-list .item>a{display:inline-block;padding:8px 24px;background:var(--color);color:#fff;border-radius:999px;text-decoration:none;font-weight:700}
@media (max-width:1440px){
.ab-con12 .cate-list-box .cate-list .item .title{font-size:20px}}
@media (max-width:1024px){
.ab-con12 .cate-list-box{padding:15px}
.ab-con12 .cate-list-box .cate-list .item .title{margin:10px 0;font-size:15px}}
@media (max-width:768px){
.ab-con12 .cate-list-box .cate-list .item{margin-bottom:15px}}
@media (max-width:480px){
.ab-con13 .ab13-list .item{margin-bottom:15px}}
.ab-con14 .ab14-list .imgbox{border:1px solid #e6e6e6}
.ab-con15{text-align:center}
.ab-con15 .download-catalog{margin:0 auto;padding:28px 110px;font-size:40px;font-weight:700;background:#ededed;border-radius:999px;text-decoration:none;color:#000;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.ab-con15 .download-catalog img{width:80px;margin-right:80px}
@media (max-width:1440px){
.ab-con15 .download-catalog{font-size:36px}}
@media (max-width:1280px){
.ab-con15 .download-catalog{padding:25px;font-size:24px}
.ab-con15 .download-catalog img{width:40px;margin-right:40px}}
@media (max-width:768px){
.ab-con15 .download-catalog{padding:15px;font-size:14px}
.ab-con15 .download-catalog img{width:20px;margin-right:20px}}
.ODM.OEM .l-wrap,.About.Us .l-wrap{max-width:1400px;}
.odm-vr-box{text-align:center;}
.odm-vr-box iframe{width:100%;height:600px;max-width:1000px;}
@media (max-width:1600px){
.ab-con9 .ab9-text-box .ab9-text p{font-size:18px;margin:20px 0;}
.ab-con9 .ab9-text-box .ab-btngroup a{padding:10px;}}
@media (max-width:1440px){.ODM.OEM .l-wrap,.About.Us .l-wrap{max-width:1200px;}}
@media (max-width:768px){.odm-vr-box iframe{height:300px;max-width:90%;}}
.ab-con10 .static-item .top p {font-size:30px;}
.ab-con10 .static-item .top {margin-bottom:20px;}
.ab-con10 .video-box .youtube-wrap{width:100%;height:0;padding-bottom:56.25%;position:relative}
.ab-con10 .video-box .youtube-wrap iframe{position:absolute;width:100%;height:100%;left:0;top:0;}
.ab-con10 .static-item .top{min-height:0;margin-bottom:5px}
.ab-con10{padding-bottom:20px;padding-top:25px}
.odm-vr-box iframe{max-width:1370px;}
.siggle-page.oem-odm  .l-wrap{padding:0 15px;margin-left:auto;margin-right:auto}
.siggle-page.oem-odm >.l-wrap{max-width:100%;padding:0;margin:0}
.inner-banner{min-height:1px;background:#fff}
#certifications {padding:30px 0 50px;}
.certificationslist {display:flex;flex-wrap:wrap;justify-content:space-between;}
.certificationslist li {width:16%;margin-top:12px;}
.certificationslist li img {display:block;}
#news {padding-top:50px;}
@media (max-width:1080px){.certificationslist li {width:32%;}}
@media (max-width:560px){.certificationslist li {width:48%;}}
.ab-con14 .row-cols-8{justify-content:space-between}
.ab-con14 .row-cols-8 .col{width:11%;}
@media (max-width:1080px){.ab-con14 .row-cols-8 .col{width:16%;}}
@media (max-width:640px){.ab-con14 .row-cols-8 .col{width:33.333%;}}
@media (max-width:768px){#about lite-youtube{width:100% !important;height:auto!important}}
@media (max-width:500px){#brand .brand-list li .brand-number{font-size:18px!important}
#brand .brand-list{padding-left:0!important}
#brand .brand-list li .brand-number .text-shadow{font-size:9vw !important}}
#brand .brand-list {background: #f5f8f9;margin-top: 0;background-color: #f5f8f9;padding: 6% 0;padding-left: 0;position: relative;}
#brand .brand-list li .brand-number .text-shadow{display:none}
#brand .brand-list li {align-items: center;flex-wrap: wrap;z-index: 99;width: 25%;}
#brand .brand-list li .brand-number {text-align: center;width: 100%;}
#brand .brand-list li .brand-label {width: 100%;padding: 0;display: flex;justify-content: center;}
#brand .brand-list li .brand-label span {margin-right: 5px;}
#brand .brand-list:after {display: block;content: '';background: url(/Content/uploads/2024778457/20240322144844d5750227879e42acaf676041a505597b.webp);width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: 100%;}
.index #brand .home-title,.index .info-top {display:none;}
.index #brand .brand-list {margin-top:0;}
.index #brand {padding-bottom:0;}
.index #info .info-bottom {margin:0;}
.index #info{background-size:cover;display: none;}
#customer {background:url(/uploads/32633/banner/202411200541262b86e.jpg) no-repeat center;background-size:cover;padding:100px 0;}
#customer .l-wrap {width:50%;text-align:center;background:#fff2ede8;border-radius:30px;padding:30px 40px 50px;margin:0 auto;position:relative;}
#customer .l-wrap:before {content:'';width:88px;height:88px;opacity:.08;position:absolute;top:30px;right:40px;background:url(/js/32633/index/icon.png) no-repeat;background-size:100%;}
#customer .home-title {display:inline-block;background:url(/js/32633/index/tbg.png) no-repeat;background-size:100% 119%;padding:15px 30px;font-size:44px;font-weight:bold;}
.customer-swiper {position:relative;padding:0 70px;}
.customer-swiper .swiper-wrapper {align-items:flex-start;}
.customer-pic img {height:100px;}
.customer-pic {margin-bottom:25px;}
.customer-swiper p {font-style:italic;font-size:20px;}
.customer-list {margin:25px 0;display:flex;justify-content:center;}
.customer-list img {width:25px;margin:0 3px;}
.customer-name {font-size:20px;}
.customer-btn>div {width:50px;height:50px;position:absolute;margin-top:-25px;top:50%;cursor:pointer;}
.customer-btn>div.customer-prev {left:0;}
.customer-btn>div.customer-next {right:0;}
.customer-btn>div:after {content:'';width:24px;height:24px;border:2px solid #000;position:absolute;border-right:none;border-bottom:none;border-radius:4px 0 0 0;transform:rotate(-45deg);top:14px;left:20px;}
.customer-btn>div.customer-next:after {transform:rotate(135deg);left:6px}
.customer-swiper .swiper-slide {height:auto}
.customer-swiper .swiper-pagination {display:none}
@media (max-width:1366px){#customer .l-wrap{width:70%}}
@media (max-width:1024px){#customer .l-wrap{width:90%}
#customer .l-wrap:before{width:60px;height:60px}
#customer .home-title{font-size:32px}}
@media (max-width:768px){#customer .l-wrap:before{width:50px;height:50px}
#customer .home-title{font-size:26px}
.customer-swiper{padding:0}
.customer-btn{display:none}
.customer-swiper .swiper-container{padding-bottom:50px}
.customer-swiper .swiper-pagination {display:block}
.customer-swiper .swiper-pagination-bullet-active{background:var(--color)}
.customer-pic img {height:70px;}
.customer-pic {margin-bottom:15px;}
.customer-swiper p {font-size:17px;}
.customer-list {margin:15px 0;}
.customer-list img {width:20px;}
.customer-name {font-size:18px;}}
@media (max-width:560px){#customer .l-wrap{padding:20px 15px}
#customer .l-wrap:before{right:15px;top:20px;}
#customer .home-title{font-size:20px}}
.head-top {background:#fff;}
.head-top .head-box:after {border-top-color:#fff}
.head-top .head-contact a {color:#000;}
.lang-icon {color:#000;}
.lang-icon span::before,.lang-icon span::after {background:#000}
.foot-main,.foot-right{background:#f7f7f7;color:var(--fontcolor)}
.foot-main a,.foot-main .foot-title{color:var(--fontcolor)}
.foot-right .l-wrap{border-color:#aaa}
.foot-feedback input{background:#fff;color:#555;}
.foot-feedback .feedback-input .iconfont{color:#aaa}
.foot-feedback input::-webkit-input-placeholder{color:#555;}
.foot-feedback input:-moz-placeholder{color:#555;opacity:1;}
.foot-feedback input::-moz-placeholder{color:#555;opacity:1;}
.foot-feedback input:-ms-input-placeholder{color:#555;}
@media (min-width:1025px){.head-top .head-lang{margin-left:100px;}
.head-top .head-contact{margin-right: auto;}}
#certifications .l-wrap{text-align: center;}
#cooperation .py-8{padding-top:0}
@media (max-width:500px){.mt-lg-3{margin-top:10px}}

.index-process{position:relative;margin-top: 50px;}
.process-bd{width:95%;margin:0 auto}
.process-items{display:flex;-webkit-box-pack:justify;justify-content:space-between;padding-bottom:30px;position:relative;z-index:1;flex-wrap:wrap;flex-direction:row}
.process-item{flex:0 0 16%;max-width:16%;width:16%;text-align:center;position:relative}
.item-ico{display:block;width:60px;height:60px;margin:0 auto;position:relative}
.item-ico::after,.item-ico::before{content:'';display:inline-block;width:56px;height:56px;border:2px solid #00729e;border-radius:8px;vertical-align:middle;background-position:center;background-repeat:no-repeat;transition: all .3s ease-in-out;}
.item-ico::after{background-color:#338eb1;border-color:#338eb1;background-image:url(/Content/uploads/2024778457/20241022134347237476bccd28461e94d6c193e00d9894.png);opacity:0;position:absolute;left:0;top:0;-webkit-transform:scale(1) translate3d(20%,0,0);transform:scale(1) translate3d(0,20%,0,0)}
.item-ico::before{background-image:url(/Content/uploads/2024778457/2024102213410244db8c14a4a44543a20979c802b2c4fe.png);transition-delay:.2s}
.process-item::after{content:'';display:block;width:5px;height:5px;background-color:#fff;border:1px solid #878787;position:absolute;left:50%;bottom:-15px;margin-left:-3px;border-radius:50%;outline:3px solid #fff}
.item-name{display:block;margin:12px 5% 0;font-weight:400;height:3em;line-height:1.2em;overflow:hidden}
.process-line{display:block;width:100%;height:1px;background-color:#878787;position:absolute;left:0;bottom:0}
.process-item:hover .item-ico::before{opacity: 0;}
.process-item:hover .item-ico::after{opacity: 1;transform: none;transition-delay: .2s;}
.choose-item{width: 98%;background: #FFFf;box-shadow: 0 6px 13px 0 rgba(19,20,21,.08);padding: 50px 30px;text-align: center;transition: all .2s linear;}
.choose-item .title {color: #000;font-size: 24px;line-height: 24px;margin-bottom: 20px;min-height:49px;}
.choose-item .icon {transition: all .3s linear;line-height: 1;}
.choose-item .info {margin-top: 20px;color: #333;min-height:103px;}
.wmkcproject .swiper-slide{padding: 25px;}
.wmkcproject-btn .project-button-next, .wmkcproject-btn .project-button-prev {position: absolute;bottom: 0;left: calc(50% - 50px);background: var(--color);display: inline-flex;align-items: center;justify-content: center;color: #FFF;width: 40px;height: 40px;cursor: pointer;transition: all .1s linear;}
.wmkcproject-btn .project-button-next {left: auto;right: calc(50% - 50px);}
.wmkcproject-btn .project-button-next.swiper-button-disabled, 
.wmkcproject-btn .project-button-prev.swiper-button-disabled {background: #bababa;}
.wmkcproject{padding-bottom: 80px;}
.project-button-next i{transform: rotateY(180deg);line-height: 1;}
@media (max-width:768px){.process-item{width:32%;flex: inherit;max-width: inherit;}
.wmkcproject{padding-bottom:0;}
.choose-item{padding:10px;}
.choose-item .title{font-size:var(--fontsize18)}
.wmkcproject .swiper-wrapper{flex-wrap:wrap;justify-content:space-between;}
.wmkcproject .swiper-slide{width:49% !important;margin-right:0 !important;padding:0;margin-bottom:10px;}
.wmkcproject-btn,.wmkcproject-btn .project-button-next, .wmkcproject-btn .project-button-prev{display:none;}}
@media (max-width:500px){.choose-item .title{min-height:73px;}
.choose-item .info{min-height:179px;}}
#product{margin-bottom: 0;padding: 4% 0 1% !important;}
#certifications img{width: 100%;}
@media (max-width:768px){.process-item{max-width:100%;flex-shrink: 0;}
.process-items {flex-wrap: nowrap;}}
#cooperation-swiper{overflow:hidden;padding:0 0 40px 0;}
#cooperation-swiper .cooperationSwiper{overflow:hidden;}
.cooperationSwiper .swiper-slide img{aspect-ratio:1/1}
.cooperationSwiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
@media(min-width:1025px){.head-search{margin-right:90px}
.head-search .head-search-btn{margin-left:0}
.head-search .search-box{z-index:11}
.head-nav ul #Quote{display:flex;align-items:center;justify-content:center}
.head-nav ul #Quote a{height:50%;margin:auto 0;color:#fff;background:var(--color);padding:0 20px}}
@media(min-width:1080px) and (max-width:1700px){.head-nav>ul>li a{white-space: nowrap ; font-size: 12px;}}
@media (min-width:1025px){#liproducts .submenu{overflow:inherit;max-width:inherit;}
#liproducts .submenu>li{position:relative;display:flex;flex-wrap:wrap;width:auto;min-width:220px;}
#liproducts .submenu>li>a{width:100%;}
#liproducts .submenu>li ul{position:absolute;left:100%;top:0;display:none}
#liproducts .submenu>li:hover ul{display:block}}
@media (max-width:1024px){#liproducts .submenu>li ul{display:block;position:static;width:100%;padding-left:20px}}
.common-main .sidebar{display:none;}
.common-main .common-content{width:100%;}
 .product-main .pro-list.list1>li{width:25%}
@media (max-width:1024px){.product-main .pro-list.list1>li{width:33.33%}
}@media (max-width:768px){.product-main .pro-list.list1>li{width:50%}}
 .pro-detail .pro-random ul li:nth-of-type(-n+2){display:none}
@media (min-width:768px){.pro-detail .pro-random li{width:25%}}
 @media (min-width:1200px){.product-main .pro-detail-top .pro-preview{width:40%}}
@media (min-width:1470px){.l-wrap{max-width:1440px;}}
.kche-wrap-width,.kche-wrap-width1,.prohome-content,.prolist-bottom{max-width:1440px}
@media (min-width:1025px){#product .pro-list li{width:25% !important}
#product .pro-list li{margin:0 !important}}
@media (min-width: 1200px) { .product-main .pro-detail-top .pro-preview { width: 34%;}}
 .home-project .wmkcproject-btn .project-button-next, .home-project .wmkcproject-btn .project-button-prev{ transform: rotateY(180deg); }

@media (min-width:1025px) {
body.index header{background: initial;position: fixed;width: 100%;z-index: 99999;}
body.index .head-top,body.index .head-info{background: initial;}
header.scrollhead {background: #fff;}
.head-top .head-box:after{border-color: transparent;}
.head-top .head-box,.head-main{background: initial;}
.head-top:after{display: none;}
.head-search .head-search-btn {background: initial;}
.head.is-fixed .head-main{background: #fff;}
header #liproducts .submenu>li:last-child{display:none;}
header #liproducts .submenu>li:nth-last-child(2){display:none;}
}
@media(min-width:1025px){.head-top .head-box{display:none;}}