@charset "utf-8";
.highpro-r .home-title{font-weight:600}
.small-box{border:0 solid #e5e5e5}
.latestnews-img img{max-height:100%}
.pdshow-r-btn>a,.pdshow-r-btn>div{width:51%}
.about-r li{width:50%;border:none;position:relative;padding:1px}
.about-r li:nth-child(3n){border:none}
.about-r li p{position:absolute;right:10px;bottom:10px;color:#fff;font-size:20px}
.about-r li img{display:block;width:100%}
.writetous{background:url(/js/35149/writebg.jpg)}
.write-text,.writetous h5{color:#fff}
.btn-group a{width:49%;border:1px solid #fff;color:#fff;text-align:center;margin-bottom:5px}
.btn-group{display:flex;flex-wrap:wrap;justify-content:space-between}
.btn-group a:hover{color:var(--color);background:#fff}
.location .home-title,.location .picbox{text-align:center}
.location .home-title span{color:var(--color)}
.location .sub-title{font-size:18px;text-align:center;margin:5px 0 10px 0}
.highpro-l img{object-fit:cover}
.aboutus-box p{margin-bottom:5px}
.page-r video{max-height:560px}
.picbox img{width:100%}
@media (max-width:1365px){.top-email{display:none}}
.highpro-text,body{font-size:17px}
.home-title{font-size:37px}
.about-l-text{display:block;max-height:none}
.news-title,.pdshow-r-text,.prodetails-bref,.sf-menu .LiLevel1>a{font-size:18px}
header .container{position:relative}
.top-email{position:absolute;right:20px;top:4px}
ul.localist{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:25px}
ul.localist li{margin-bottom:15px;width:calc(33.333% - 10px)}
ul.localist li img{width:100%;display:block}
.pages-turn a,.pages-turn span{width:auto;min-width:50px;padding:0 5px}
.nydetailvideo{position:relative;width:100%;padding-bottom:55%}
.nydetailvideo iframe{width:100%;height:100%;position:absolute;top:0;left:0;display:block}
.products-ninelist-1 li .products-list-img a{height:auto;padding-bottom:150%}
.products-ninelist-1 li .products-list-img a img{height:100%;position:absolute;top:0;left:0;object-fit:contain;max-height:inherit}
.common-width{width:1200px;margin:0 auto}
.banner-downBox{display:flex;justify-content:center;align-items:center;background:#000}
.banner-downBox div{transform:translateY(3px)}
.banner-downBox p{color:#fff;font-size:19px;padding:20px 0;text-transform:uppercase;letter-spacing:6px;font-weight:100;margin-left:20px}
.product{margin:50px 0}
.common-title{font-size:53px;color:#1b1b1b;text-transform:capitalize;font-weight:700;text-align:center}
.common-stitle{font-size:17px;color:#494949;width:44%;margin:10px auto;text-align:center}
.pro-aBox{display:flex;justify-content:center;margin-top:30px}
.pro-aBox a{border:1px solid #000;padding:5px 20px;color:#1b1b1b;font-size:18px;font-weight:700;margin:0 10px}
.pro-ul{display:flex;justify-content:space-between;margin:50px 0;flex-wrap:wrap}
.pro-item{width:24%;margin:8px 0}
.pro-img{overflow:hidden}
.pro-img img{display:block;width:100%}
.pro-down{padding:20px 20px;background:#000;display:flex;flex-direction:column;text-align:center;justify-content:space-around;min-height:130px}
.pro-title a{color:#fff;font-size:20px;text-transform:uppercase;line-height:1}
.pro-more a{display:flex;justify-content:center}
.pro-more p{color:#fff;font-size:14px;text-transform:uppercase;font-weight:100;letter-spacing:3px;padding:5px 20px 5px 10px;border:1px solid #4e4e4e;transform:translateX(0);background:0 0;transition:all .5s}
.pro-more a:hover p{background:#4e4e4e}
.pro-more a div{background:#4e4e4e;padding:0 5px}
.pro-item:hover .pro-img img{transform:scale(1.1)}
.compUp{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.comp-l{width:33%}
.comp-l-up{display:flex;justify-content:space-between;align-items:center}
.comp-l-more a{color:#1b1b1b;font-size:14px;padding:8px 20px;border:1px solid #1b1b1b;text-transform:uppercase;font-weight:700;letter-spacing:3px;transition:all .5s;margin-right:20px}
.comp-l-more a:hover{color:#fff;background:#1b1b1b}
.comp-word{color:#969696;font-size:18px}
.comp-r{width:65%}
.comp-r lite-youtube{max-width:100%}
.compDown{margin:30px 0}
.comp-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.comp-item{width:19%;margin:8px 0}
.comp-item>div{overflow:hidden}
.comp-item>div img{width:100%;display:block}
.comp-item>div img:hover{transform:scale(1.1)}
.why{background:url(/js/35149/img/why-bg.jpg) no-repeat;background-position:center;background-size:cover;padding:50px 0}
.why-inner{background:url(/js/35149/img/why-white-bg.png) no-repeat;background-position:center;margin-top:30px}
.why-inner>div{display:flex;justify-content:center;align-items:center;text-align:center}
.why-l{width:27%;transform:translateX(-6px)}
.why-l-item{display:flex;align-items:center;margin:60px 0;justify-content:end;box-sizing:border-box}
.why-l-item p{color:#5b5b5b;font-size:20px;font-weight:700;width:38%;text-align:end}
.why-l-item div{width:50px;height:50px;background:#6ad8e3;border-radius:50%;position:relative;margin-left:50px}
.why-l-item div img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.why-l .why-l-item:first-child,.why-l .why-l-item:last-child{margin-right:-35px}
.why-m{width:38%}
.why-m img{transform:translate(5px,-25px)}
.why-r{margin-right:0;transform:translateX(20px)}
.why-r-item{flex-direction:row-reverse;justify-content:start}
.why-r .why-r-item:first-child,.why-r .why-r-item:last-child{margin-left:-35px}
.why-r-item div{margin-right:50px;margin-left:0}
.why-r-item p{text-align:left}
.order{margin:50px 0}
.order-ul{display:flex;justify-content:space-between;margin-top:30px}
.order-item{background:#000;width:32%;border-top-left-radius:20px;overflow:hidden;padding:30px 20px 0}
.order-art-t{display:flex;align-items:center}
.order-num{margin-right:20px;color:#000;font-size:18px;background:#fff;border-radius:50%;font-weight:700;padding:5px 5px;line-height:1.2}
.ordr-t{color:#fff;font-size:26px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.order-w{margin:20px 0;color:#99998f;font-weight:100;line-height:1.2;min-height:61px}
.bulk,.samples{background:#fff;padding:10px}
.bulk .bu-t,.samples .sam-t{color:#000;font-size:18px;font-weight:700;text-transform:capitalize}
.bulk .bu-dw,.bulk .bu-w,.samples .sam-w{color:#000;font-size:14px;font-weight:400;margin-top:5px}
.bulk{margin:10px 0}
.bulk .bu-dw{margin-top:10px}
.order-more a{text-align:center;display:flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid #fff;width:60%;margin:50px auto;transition:all .5s}
.order-more a div{line-height:1}
.order-more a p{font-size:14px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-left:10px}
.order-more a:hover{background:#494949}
.customer{background:#f0f0f0;padding:50px 0}
.cus-box{display:flex;justify-content:space-between;align-items:center;background:#fff;margin:50px 0 20px}
.cus-l{width:65%}
.cus-l lite-youtube{max-width:100%}
.cus-r{width:35%;background:#fff;text-align:end;padding-right:30px}
.cus-t{color:#1b1b1b;font-size:41px;font-weight:700;text-transform:capitalize;line-height:1;margin:20px 0}
.cus-mores{display:flex;flex-wrap:wrap;justify-content:flex-end}
.cus-mores a{padding:8px 25px;border:1px solid #1b1b1b;color:#1b1b1b;font-size:18px;font-weight:700;margin:5px 6px}
.cus-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.cus-li{width:49%;margin:10px 0;background:#fff;padding:20px 25px}
.cus-li-t{color:#000;font-size:18px;font-weight:700}
.starbox{margin:10px 0 5px}
.starbox i{color:#ff6a00}
.cus-li-w{color:#4e4e4e;font-size:14px;font-weight:500;display:flex;align-items:center}
.cus-li .cus-li-w span{position:relative}
.cus-li .cus-li-w span::after{content:'';width:100%;height:2px;background:red;display:block;position:absolute;bottom:-3px;left:0}
@media (max-width:1600px){.why-inner{background-size:contain}
.why-m img{width:90%}
.why-l-item{margin:45px 0}
.why-l{transform:translateX(8px)}
.why-r{transform:translateX(8px)}
.why-l-item p{width:50%}}
@media (max-width:1440px){.common-title{font-size:48px}
.why-l-item{margin:25px 0}
.why-l-item div{margin-left:45px}
.why-l-item p{font-size:18px}
.why-r-item div{margin-left:0;margin-right:45px}
.why-r{transform:translateX(3px)}}
@media (max-width:1024px){.common-width{width:100%;padding:0 20px;box-sizing:border-box}
.common-title{font-size:42px}
.common-stitle{width:70%}
.banner-downBox p{font-size:14px;padding:15px 0}
.pro-down{padding:10px;min-height:auto}
.pro-title a{font-size:13px}
.pro-more{margin-top:10px}
.pro-more p{font-size:13px}
.comp-word{font-size:14px}
.comp-logo a img{width:75%}
.comp-l-more a{padding:5px 15px}
.why-m img{transform:translate(5px,-15px)}
.why-l-item{margin:23px 0}
.why-l-item div{width:40px;height:40px}
.why-l-item div img{width:50%}
.why-l-item p{font-size:14px}
.why-l-item div{margin-left:35px}
.why-r-item div{margin-left:0;margin-right:35px}
.order-num{font-size:14px;margin-right:10px}
.ordr-t{font-size:18px}
.order-w{font-size:14px}
.order-w{margin:15px 0 10px}
.bulk .bu-t,.samples .sam-t{font-size:16px}
.bulk .bu-dw{margin-top:7px}
.order-more a{margin:30px auto}
.order-more a p{font-size:12px}
.cus-t{font-size:26px;margin:10px 0}
.cus-r-img img{max-width:30%}
.cus-mores a{padding:8px 15px;font-size:14px}
.cus-li-t{font-size:16px}
.cus-li-w{font-size:12px}
.cus-li6 .cus-li-w{display:block}}
@media (max-width:768px){.banner-downBox p{font-size:12px;padding:10px 0}
.pro-aBox{margin-top:15px}
.common-title{font-size:38px}
.common-stitle{width:100%;font-size:15px}
.pro-ul{margin:20px 0}
.product{margin:20px 0}
.pro-down{min-height:110px}
.pro-item{width:49%}
.compUp{flex-wrap:wrap}
.comp-l,.comp-r{width:100%}
.comp-l{margin-bottom:10px}
.comp-item{width:49%}
.why{padding:15px 0}
.why-inner{margin-top:10px}
.why-inner{background-size:cover}
.why-m img{transform:translate(0,0)}
.why-l-item{margin:10px 0}
.why-l{transform:translateX(-30px)}
.why-r{transform:translateX(0);transform:translateX(30px)}
.why-l-item p{width:62%}
.order{margin:20px 0}
.order-w{min-height:70px}
.bulk .bu-dw,.bulk .bu-w,.samples .sam-w{font-size:12px}
.order-more a{margin:15px auto;width:100%}
.customer{padding:20px 0}
.cus-box{margin:15px 0}
.cus-r{padding-right:10px}
.cus-t{font-size:20px}
.cus-mores a{font-size:12px}
.cus-li-t{font-size:14px}
.cus-li-w{display:block}}
@media (max-width:640px){.common-width{padding:0 15px}
.common-title{font-size:30px}
.banner-downBox p{letter-spacing:1px;margin-left:10px}
.pro-aBox a{padding:5px 7px;font-size:12px;margin:0 5px}
.pro-title a{font-size:14px}
.pro-more p{font-size:12px;padding:5px}
.pro-title{min-height:50px}
.comp-logo a img{width:60%}
.comp-word{text-align:justify}
.compDown{margin:10px 0}
.why-inner{background:0 0}
.why-m{display:none}
.why-l,.why-r{width:49%;transform:translateX(0)}
.why-l-item{flex-direction:row-reverse;justify-content:flex-end}
.why-l-item div{margin-left:0}
.why-l-item p{text-align:left;margin-left:10px}
.why-r .why-r-item:first-child,.why-r .why-r-item:last-child{margin-left:0}
.why-r-item div{margin-right:0}
.cus-box,.order-ul{flex-wrap:wrap}
.order-item{width:100%;margin:5px 0}
.order-ul{margin-top:10px}
.order-item{padding:15px 15px 0}
.order-w{min-height:auto}
.cus-l,.cus-r{width:100%}
.cus-r{text-align:left;padding:10px}
.cus-mores{justify-content:flex-start}
.cus-mores a{padding:6px 7px}
.cus-r-img img{max-width:25%}
.cus-li{width:100%}
.cus-li{width:100%;margin:5px 0;padding:10px 15px}}
@media (max-width:320px){.pro-more a div img{transform:translateY(50%)}
.why-l-item p{font-size:12px}
.comp-item,.pro-item{margin:3px 0}}
@font-face{font-family:iconfont;src:url(iconfont.ttf?t=1669794898910) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-youxiang:before{content:"\e908"}
.About .about-inner img{width:100%}
.about-inner{max-width:1400px;margin:0 auto;box-sizing:border-box}
.common-title-box{background:#595959;padding:10px 30px}
.common-t{color:#fff;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:3px}
.photo-art{display:flex;justify-content:space-between;align-items:center;margin:10px 20px}
.about-l,.about-r{width:50%}
.about-p{font-size:22px;color:#000;line-height:1.4;letter-spacing:1px;text-indent:5px}
.about-btn{text-align:center;margin-top:40px;margin-bottom:5px}
.about-btn a{transition:all .5s;color:#303030;font-size:18px;text-transform:uppercase;padding:7px 15px;border:2px solid #303030;border-radius:10px;font-weight:700;letter-spacing:1px}
.about-btn a:hover{background:#303030;color:#fff}
.about-r-t{color:#303030;font-weight:700;text-align:center;font-size:20px}
.about-r>div{overflow:hidden}
.about-r img{display:block;transition:all .5s;width:100%}
.about-r img:hover{transform:scale(1.1)}
.companyBox{margin-top:20px}
.companyBox img{width:100%}
.company-ul{display:flex;justify-content:center;flex-wrap:wrap;background-color:#f1f2f4;padding:10px 0}
.company-li{width:34%;padding:5px 0}
.company-li:nth-child(3n){width:29%}
.factory-img{margin-top:20px}
.factory-img img{display:block}
.factory-ps{background:#595959;display:flex;justify-content:space-between;flex-wrap:wrap}
.factory-l{width:35%;text-align:center}
.factory-title{color:#fff;font-size:24px}
.factory-word{font-size:36px;font-weight:700;color:#fff}
.factory-r{width:65%;text-align:center}
.factory-down{width:100%;text-align:center;margin-top:20px}
.factory-down-pic{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.fac-down-down,.fac-down-up{display:flex;justify-content:space-between;margin:10px 0;width:100%}
.fac-down-up .fac-img{width:49%;overflow:hidden}
.fac-down-down .fac-img{width:32%;overflow:hidden}
.fac-img img{display:block;transition:all .5s}
.fac-img img:hover{transform:scale(1.1)}
@media (max-width:1440px){.About .about-inner{width:1200px}
.about-p{font-size:18px}}
@media (max-width:1024px){.About .about-inner{width:100%;padding:0 20px;box-sizing:border-box}
.About .about-r{margin-top:0}
.About .container{padding:0 20px}
.common-t{font-size:20px}
.about-p{line-height:1.3;font-size:16px}
.about-btn a{font-size:12px}
.factory-title{font-size:20px}
.factory-word{font-size:30px}}
@media (max-width:769px){.about-btn{margin-top:10px}
.about-p{font-size:12px}}
@media (max-width:640px){.photo-art{flex-direction:column;margin:10px 0}
.about-l,.about-r{width:100%}
.common-title-box{padding:10px}
.common-t{font-size:18px;letter-spacing:0}
.About .about-r{margin-top:10px}
.factory-down,.factory-l,.factory-r{width:100%;margin:5px 0}
.factory-title{font-size:16px}
.factory-word{font-size:17px}}
@media screen and (min-width:1025px){.highpro-r{padding:70px 85px 30px}
.highpro-l img{position:absolute;width:100%;height:100%;left:0;top:0}}
@media screen and (min-width:769px){ul.localist li{width:calc(33.333% - 30px);margin-bottom:45px}
.productcate-list li{width:30%}
.location ul.localist{max-width:1090px}}
.hotpro-img{position:relative;padding-bottom:133.5%;width:100%}
.hotpro-img img{height:100%;position:absolute;top:0;left:0;object-fit:cover}
ul.localist{max-width:1290px;margin:0 auto}
@media (min-width:769px){.productcate>ul{padding:0 50px;box-sizing:border-box}}
.protype-text{margin-bottom:20px}
.nydetailvideo{padding-bottom:0;margin-bottom:30px}
.order-more>a>div>i{color:#fff;font-size:20px}
.headact{height:85px}
.fnav{flex-wrap:unset}
@media (min-width:1024px){.foot-list>.foot-item-box{width:75%}}
.foot-item5{display:flex;text-align:center}
.foot-item5 img{max-width:100px;margin-left:10px}
.prodetails-bref img{height:auto}
.productsTags{margin-top:0}
.pdshow-r h1{font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:700;font-size:25px}
.wmkc-show-word{margin:20px 0}
.wmkc-show-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-show-item{width:24%;margin:15px 0}
.wmkc-show-item .img{overflow:hidden}
.wmkc-show-item .img img{width:100%;display:block;transition:all .5s}
.wmkc-show-item>p{text-align:center;margin-top:10px;text-transform:capitalize}
.wmkc-show-item:hover img{transform:scale(1.1)}
@media (max-width:1024px){.wmkc-show-item{width:48%}}
.protype{margin-bottom:20px}
section.news .news-img{position:relative;height:0;padding-bottom:70%;width:100%;display:block}
section.news .news-img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}
section.news .news-list{max-width:1200px;margin:0 auto}
.aboutusbox{max-width:1400px;margin:0 auto}
.wmkc-template-46 .wmkc-flex-row-reverse{align-items:center}