@charset "utf-8";
@import url('https://css02.v15cdn.com/m417/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m417/message.css");
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#93D150;--hovercolor:#76A740;--fontcolor:#111111;--headercolor:#FFFFFF;--footercolor:#EEEEEE;--introcolor:#444444;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontbold8:800;--fontfamily:'Roboto', 'Lato', 'Open Sans', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', arial}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{margin:0px;padding:0px;overflow-x:hidden;direction:rtl}
body{margin:0px auto;padding:0px;color:var(--fontcolor);font-size:var(--fontsize16);line-height:1.7;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold5);text-transform:capitalize}
li,ol,ul{list-style:none}
img{border:0px;max-width:100%;height:auto;vertical-align:bottom}
a{color:var(--fontcolor);text-decoration:none}
a:hover{color:var(--color)}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
header{position:fixed;top:0px;left:0px;width:100%;z-index:99;transition:all .3s ease}
header .headTop{background:var(--color);height:35px}
.header{transform:translateY(-35px)}
header .headTop .headTopWrapper{width:1600px;margin:0px auto;height:100%;display:flex;justify-content:space-between;align-items:center}
.headTopWrapper .headContact,.headTopWrapper .headLink,.headTopWrapper .headLink>ul{display:flex;align-items:center}
.headTopWrapper .headContact .mail{margin-right:40px}
.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{color:var(--headercolor);font-size:var(--fontsize14)}
.headTopWrapper .headContact div i{margin-right:5px}
.headTopWrapper .headLink>ul{margin-left:20px}
.headTopWrapper .headLink>ul li a{display:flex;align-items:center;margin-left:5px;transition:all .3s ease}
.headTopWrapper .headLink>ul li a:hover{transform:translateY(-4px)}
.headTopWrapper .headLink>ul li a i{color:var(--headercolor);width:25px;line-height:25px;text-align:center}
header .headBot{background:#FFFFFF;height:100px;box-shadow:0px 0px 3px #CCCCCC;position:relative;transition:all .3s ease}
.header .headBot{height:80px}
header .headBot .headBotWrapper{width:1600px;margin:0px auto;height:100%;display:flex;justify-content:space-between;align-items:center}
header .headBot .headBotWrapper .logo img{max-width:240px;max-height:80px}
.headBotWrapper .headNav{height:100%;flex:1}
.headBotWrapper .headNav>ul{display:flex;align-items:center;height:100%;justify-content:right}
.headBotWrapper .headNav>ul>li>a{color:var(--fontcolor);font-size:var(--fontsize18);font-weight:normal}
.headBotWrapper .headNav>ul>li .inmenu:hover,.headBotWrapper .headNav>ul>li .inmenu_1,.headBotWrapper .headNav>ul>li>ul>li>a:hover{color:var(--hovercolor)}
.headBotWrapper .headNav>ul>li{margin-right:40px;position:relative;height:100%;display:flex;align-items:center}
.headBotWrapper .headNav>ul>li>ul{position:absolute;background:#FFFFFF;padding:10px 20px;top:100%;width:200px;opacity:0;transform:rotateX(90deg);transform-origin:top;transition:all .3s ease}
.headBotWrapper .headNav>ul>li:hover>ul{opacity:1;transform:rotateX(0)}
.headBotWrapper .headNav>ul>li>ul>li{margin-bottom:10px}
.headBotWrapper .headNav>ul>li>ul>li>a{color:var(--fontcolor);font-size:var(--fontsize16)}
@media(min-width:1025px){
#liinquiry{display:flex;align-items:center;}
#liinquiry a{display:flex;align-items:center;background:var(--color);height:40px;padding:0 15px;border-radius:30px;color:#fff!important;transition:all .1s linear;text-decoration:none}
#liinquiry a:hover{opacity:.9}
}
.headBotWrapper .search{position:relative;display:flex;align-items:center}
.headBotWrapper .search i{color:#FFFFFF;font-size:var(--fontsize26);position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:1;cursor:pointer}
.headBot .searchInput{position:absolute;top:100%;left:0px;width:100%;padding:20px 0px;background:rgba(255,255,255,.8);display:none}
.searchInputWrapper{position:relative;width:1600px;margin:0px auto}
.searchInputWrapper input{width:100%;background:rgba(255,255,255,0);outline:0;border-bottom:1px solid #A6A6A6;padding:10px 30px;box-sizing:border-box}
.searchInputWrapper i{position:absolute;top:10px;right:30px;color:#A6A6A6;cursor:pointer}
.phoneNavIcon{position:relative;display:none;width:32px;height:30px;cursor:pointer}
.phoneNavIcon div{position:absolute;top:0px;right:0px;width:30px;height:2px;border-radius:2px;background:var(--color);transition:all .5s ease}
.phoneNavIcon .hx1{top:5px}
.phoneNavIcon .hx2{top:14px}
.phoneNavIcon .hx3{top:23px}
.phoneNavIcon1 .hx1{top:12px;transform:rotate(-225deg);width:30px}
.phoneNavIcon1 .hx2{opacity:0}
.phoneNavIcon1 .hx3{top:12px;transform:rotate(225deg)}
.bannerSwiper{margin-top:135px}
.bannerSwiper img{width:100%;height:100%}
.bannerSwiper .swiper-slide{height:auto}
.bannerSwiper .swiper-pagination-bullet{width:12px;height:12px;}
.swiper-pagination-bullet{background:#FFFFFF;opacity:1}
.swiper-pagination-bullet-active{background:var(--color)}
.swiper-button-next:after,.swiper-button-prev:after{font-size:var(--fontsize16);color:#FFFFFF;width:26px;height:40px;background:var(--color);text-align:center;line-height:40px}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0px}
.homeProductType{width:100%;margin-top:20px}
.homeProductTypeWrapper{display:flex}
.homeProductType .item{flex:1;overflow:hidden;position:relative;height:auto}
.homeProductType .item img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}
.homeProductType .item img:hover{transform:scale(1.1)}
.homeProductType .item a{position:absolute;display:inline-flex;right:0px;bottom:0px;padding:5px 15px;box-sizing:border-box;border-radius:20px 0px 0px 0px;background:var(--color);justify-content:center}
.homeProductType .item a i,.homeProductType .item a span{color:#FFFFFF;font-size:var(--fontsize18)}
.homeProductType .item a span{margin-right:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}
@font-face{font-family:BlowBrush;font-display:swap;src:url(https://css02.v15cdn.com/m417/fonts/blowbrush-1.ttf)}
.homeTiele span{font-size:40px;font-family:BlowBrush}
.homeTiele span:nth-child(2){color:var(--color);margin:0px 20px}
.homeHorPro{padding-top:60px;overflow:hidden}
.homeHorProWrapper{width:1600px;margin:0px auto}
.homeHorProList{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.homeHorProList li{width:24%;overflow:hidden;border:1px solid #EFEFEF;position:relative;margin-bottom:20px;height:auto;text-align:center;min-height:170px;display:flex;justify-content:center;align-items:center}
.homeHorProList li a{width:100%}
.homeHorProList li .loaded{width:100%;transform:scale(1.1)}
.homeHorProList li .mask{position:absolute;top:90%;left:0px;width:100%;height:100%;background:var(--color);z-index:2;display:flex;justify-content:center;flex-wrap:wrap;transition:all .5s ease}
.homeHorProList li:hover .mask{top:0px;align-items:center;align-content:center;padding:0px 30px;box-sizing:border-box}
.homeHorProList li .mask strong{font-size:var(--fontsize18);font-weight:normal;color:#FFFFFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-top:5px;text-transform:capitalize}
.homeHorProList li .mask span{display:block;width:100%;text-align:center;color:#FFFFFF;font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;margin-top:10px}
.homeHorProList li .mask i{position:absolute;padding:20px 30px;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:50% 50% 0 0;background:#FFFFFF;color:var(--color);font-size:var(--fontsize18)}
.homeAbout{background:url(https://css02.v15cdn.com/m417/about-bg.webp) no-repeat;padding:50px 0px 80px;background-size:100% 100%;overflow:hidden}
.homeAboutWrapper{width:1600px;margin:0px auto;display:flex;justify-content:space-between;align-items:center}
.homeAboutWrapper .aboutImg{width:45%}
.homeAboutWrapper .aboutImg img{width:100%}
.homeAboutWrapper .aboutContent{width:50%}
.homeAboutWrapper .aboutContent .aboutTit{margin-bottom:20px;width:20%}
.homeAboutWrapper .aboutContent .aboutTit img{width:100%}
.homeAboutWrapper .aboutContent p{line-height:2em;font-size:var(--fontsize16);color:var(--fontcolor)}
.homeAboutWrapper .aboutContent p i,.homeAboutWrapper .aboutContent p em{color:var(--color);margin-right:15px}
.homeAboutWrapper .aboutContent .content{margin:10px 0px}
.homeAboutWrapper .aboutContent a{display:inline-block;margin-top:20px;padding:6px 25px;font-size:var(--fontsize16);color:#FFFFFF;background:var(--color);border-radius:30px;transition:all .3s ease}
.homeAboutWrapper .aboutContent a:hover{transform:translateX(5px)}
.homeAdvantage{background:url(https://css02.v15cdn.com/m417/homeAdvantage-bg.webp) var(--color) left top;padding:50px 0px;overflow:hidden}
.homeAdvantage ul{width:1600px;margin:0px auto;display:flex;justify-content:space-between;align-items:center}
.homeAdvantage ul li{display:flex;align-items:center;cursor:pointer}
.homeAdvantage ul li img{margin-right:20px;transition:all .5s ease}
.homeAdvantage ul li:hover img{transform:rotateY(360deg)}
.homeAdvantage ul li .content strong{font-size:var(--fontsize18);font-weight:var(--fontbold5);color:#FFFFFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}
.homeAdvantage ul li .content p{font-size:var(--fontsize16);color:#FFFFFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.homeAdvantage ul li .content a{color:#FFFFFF}
.homeNews{padding:60px 0px 80px;overflow:hidden}
.homeNews .homeTiele{text-align:center}
.newsSwiper{padding:50px 0px 0px;width:1600px;margin:30px auto 0px}
.swiper-button-next,.swiper-button-prev{height:auto;width:auto}
.newsSwiper .swiper-button-next,.newsSwiper .swiper-button-prev{top:20px}
.newsSwiper .swiper-button-next:after,.newsSwiper .swiper-button-prev:after{height:25px;width:35px;line-height:25px;font-size:var(--fontsize12);background:var(--color)}
.newsSwiper .swiper-wrapper .swiper-slide{display:flex;background:#FCFCFC;border-radius:10px;overflow:hidden}
.newsSwiper .swiper-wrapper .swiper-slide .newsListImg{width:50%;overflow:hidden}
.newsSwiper .swiper-wrapper .swiper-slide .newsListImg img{width:100%;height:100%;transition:all .3s ease}
.newsSwiper .swiper-wrapper .swiper-slide .newsListImg img:hover{transform:scale(1.1)}
.newsSwiper .swiper-wrapper .swiper-slide .newsListContent{width:50%;padding-top:40px;box-sizing:border-box}
.newsSwiper .newsListContent .date{display:inline-flex;border-radius:10px;overflow:hidden;transform:translateX(-50%);width:100px;height:40px}
.newsSwiper .newsListContent .date>div{width:50%;display:flex;align-content:center;justify-content:center;flex-wrap:wrap}
.newsSwiper .newsListContent .date .day{font-size:var(--fontsize24);color:#FFFFFF;background:var(--color);line-height:1}
.newsSwiper .newsListContent .date .YY{font-size:var(--fontsize14);background:var(--fontcolor)}
.newsSwiper .newsListContent .date .YY span{display:block;line-height:1;width:100%;text-align:center;color:#FFFFFF}
.newsSwiper .newsListContent .content{padding:20px;box-sizing:border-box}
.newsSwiper .newsListContent .content strong{font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}
.newsSwiper .newsListContent .content p{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 0px 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}
.newsSwiper .newsListContent .content .contentA{display:inline-block;padding:5px 25px;box-sizing:border-box;border:1px solid #CCCCCC;text-transform:lowercase;border-radius:19px;transition:all .2s ease}
.newsSwiper .newsListContent .content .contentA:hover{background:var(--color);opacity:1;color:#FFFFFF;border:1px solid var(--color)}
footer{clear:both;margin:0px auto;padding:0px;background:#181818}
.footerWrapper{width:1600px;margin:0px auto;padding:45px 0px;box-sizing:border-box;display:flex;justify-content:space-between}
.footerLeft{width:30%;padding-right:160px;box-sizing:border-box;text-align:center}
.footerLeft>img{max-width:250px}
.footerLeft p{margin:20px 0px;font-size:var(--fontsize14);color:var(--footercolor)}
.footerLeft ul{display:flex;justify-content:center}
.footerLeft ul li{width:30px;height:30px;margin-right:10px;transition:all .3s ease}
.footerLeft ul li:nth-last-child(1){margin-right:0px}
.footerLeft ul li:hover{transform:translateY(-4px)}
.footerLeft ul li i,.footerLeft ul li em{color:var(--footercolor);font-size:var(--fontsize18);line-height:30px}
.footerRight{display:flex;width:70%;justify-content:end;border-left:1px solid #FFFFFF30}
.footerRight>div{width:30%}
.footerRight .footerNav{margin-right:25%}
.footerRight .footerTitle{display:flex;align-items:center;margin-bottom:20px}
.footerRight .footerTitle span{font-size:var(--fontsize18);color:#FFFFFF;margin-left:15px}
.footerRight .footerNav ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.footerRight .footerNav ul li{width:50%}
.footerRight .footerNav ul li a{font-size:var(--fontsize14);color:var(--footercolor);display:flex;align-items:center}
.footerRight .footerNav ul li a:hover{opacity:1}
.footerRight .footerNav ul li a i,.footerRight .footerNav ul li a em{margin-right:5px}
.footerContact ul li,.footerContact ul li a,.footerContact ul li span{font-size:var(--fontsize14);color:var(--footercolor)}
.footerContact ul li:nth-child(1){display:flex;align-items:center;margin-bottom:20px}
.footerContact ul li:nth-child(1) span{font-size:var(--fontsize22);color:var(--footercolor);opacity:1;margin-left:15px}
.footerBot{padding:10px 0px;font-size:var(--fontsize14);border-top:1px solid #FFFFFF30;color:var(--footercolor);text-align:center}
.footerBot a{font-size:var(--fontsize14);color:var(--footercolor);margin-left:10px}
.footerBot a:hover{opacity:1}
.footerPhone{background:#FCFCFCFB;height:55px;width:100%;position:fixed;bottom:0px;left:0px;z-index:500;display:none}
.footerPhone ul{display:flex;justify-content:space-around;align-items:center;text-align:center;height:100%}
.footerPhone ul li i,.footerPhone ul li em{font-size:var(--fontsize22);color:var(--color);line-height:1}
.footerPhone ul li span{display:block;font-size:var(--fontsize12);line-height:1;color:var(--fontcolor);text-transform:lowercase}
.singlePage{margin-top:135px}
.singleTitle{padding:5px;font-size:var(--fontsize14);color:var(--introcolor);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background:#FCFCFC}
.singleTitle a{color:var(--introcolor)}
.singleTitle span,.singleTitle i{margin:0px 6px;color:var(--introcolor);font-weight:normal}
.singleTitle h1,.singleTitle h1 a,.singleTitle h2,.singleTitle.pronavlink h1 a:nth-child(1){font-size:var(--fontsize16);color:var(--color);font-weight:var(--fontbold5)}
.singleTitle h1 a:nth-child(1){font-size:var(--fontsize14);color:var(--introcolor);font-weight:normal}
.main{width:1600px;margin:50px auto}
.aboutMain section{margin-bottom:50px}
.aboutMain section h3{font-size:var(--fontsize26);color:var(--fontcolor);margin-bottom:10px}
.aboutMain section h4{color:var(--fontcolor);font-size:var(--fontsize16)}
.aboutMain section p{font-size:var(--fontsize16);color:var(--fontcolor);margin-bottom:10px}
.aboutMain .about2 .about2Div{display:flex;justify-content:space-between}
.aboutMain .about2 .about2Div .left{width:50%}
.aboutMain .about2 .about2Div .right{width:45%}
.aboutMain .about2 .about2Div .right img{width:100%}
.aboutMain .about4 ul{display:flex;justify-content:space-between}
.aboutMain .about4 ul li{width:23%}
.aboutMain .about4 ul li img{width:100%}
.flexMain{display:flex;justify-content:space-between}
.side{width:22%}
.side>div{margin-bottom:20px}
.side>div:nth-last-child(1){margin-bottom:0px}
.side h4{padding:12px 0px;color:#FFFFFF;font-size:var(--fontsize22);background:var(--color);text-align:center;line-height:1}
.side .sideProTypr .sf-menu{border:1px solid #EDEDED}
.side .sideProTypr .sf-menu>li{position:relative}
.side .sideProTypr .sf-menu>li:nth-last-child(1){border-bottom:none}
.side .sideProTypr .sf-menu>li a{font-size:var(--fontsize16);color:var(--fontcolor);padding:10px;box-sizing:border-box;display:block;transition:all .2s ease}
.side .sideProTypr .sf-menu>li a:hover{color:var(--color)}
.liactive>a,.liactive>i{color:var(--color)!important}
.liactive2{color:var(--color)!important}
.side .sideProTypr .sf-menu>li>a{border-bottom:1px solid #EDEDED}
.side .sideProTypr .sf-menu>li:nth-last-child(1)>a{border-bottom:none}
.side .sideProTypr .sf-menu>li i{position:absolute;right:10px;top:10px;font-size:var(--fontsize16);cursor:pointer}
.side .sideProTypr .sf-menu>li .sub-menu{display:none;border-bottom:1px solid #EDEDED}
.sideLatestpro ul{display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap}
.sideLatestpro ul li{width:48%;line-height:1;margin-bottom:10px;overflow:hidden;border:1px solid #EFEFEF;position:relative}
.sideLatestpro ul li img{width:100%;transform:scale(1.1);display:block}
.sideLatestpro ul li .mask{background:var(--color);opacity:0;width:100%;height:100%;position:absolute;transition:all .3s ease;top:100%;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize14);text-align:center;overflow:hidden;padding:0px 10px;box-sizing:border-box}
.sideLatestpro ul li:hover .mask{top:0px;opacity:.87}
.MainList{width:75%}
.products-ninelist-0 li{display:flex;border:1px solid #EFEFEF;transition:all .3s ease;margin-bottom:20px}
.products-ninelist-0 li:hover{box-shadow:0px 5px 10px 0px #EEEEEE;transform:translateY(-5px)}
.products-ninelist-0 .products-list-img{position:relative;width:27%;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}
.products-ninelist-0 .products-list-img a{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}
.products-ninelist-0 .products-list-img .loaded{width:100%;transform:scale(1.1)}
.products-list-img .products-add-inquirl{position:absolute;left:-1px;bottom:-1px;cursor:pointer;width:35px;text-align:center;transition:all .2s ease}
.products-list-img .products-add-inquirl i{font-size:var(--fontsize22);line-height:35px;color:var(--color);transition:all .2s ease}
.products-list-img .pro-checked{background:var(--color)}
.products-list-img .pro-checked i{color:#FFFFFF}
.products-list-box{width:71%;padding:0px 30px;display:flex;align-items:center;align-content:center}
.products-ninelist-0 .products-list-box{align-items:baseline;justify-content:center;flex-direction:column}
.products-list-box .products-list-name span{font-size:var(--fontsize18);color:var(--fontcolor);transition:all .3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}
.products-list-box .products-list-name span:hover{color:var(--color)}
.products-list-box>p{font-size:var(--fontsize14);color:var(--introcolor);margin:10px 0px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;max-height:3.4em}
.products-list-box .product-price{font-size:var(--fontsize16)}
.products-list-box .product-price span{font-size:var(--fontsize30);margin-left:5px}
.switchPage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.switchPage span{color:#626262}
.switchPage a,.switchPage span{margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;border:1px solid #EFEFEF;transition:all .2s ease;margin-bottom:10px}
.switchPage a{color:var(--fontcolor)}
.switchPage .ctxt{background:var(--color);color:#FFFFFF}
.switchPage a:hover{background:var(--color);color:#FFFFFF}
.productsList>ul{margin-bottom:60px}
.products-ninelist-1{display:flex;flex-wrap:wrap;justify-content:space-between}
.products-ninelist-1 li{width:32%;margin-bottom:20px}
.products-ninelist-1 li .products-list-img{position:relative;overflow:hidden;border:1px solid #EFEFEF}
.products-ninelist-1 li .products-list-img a{display:flex;width:100%;min-height:300px;justify-content:center;align-items:center}
.products-ninelist-1 li .products-list-img .loaded{display:block;width:100%;transform:scale(1.0);transition:all .3s ease}
.products-ninelist-1 li:hover .products-list-img img{transform:scale(1.05)}
.products-ninelist-1 li .products-list-box{display:flex;justify-content:space-between;padding:0px;width:100%;margin-top:10px}
.products-ninelist-1 .products-list-box .product-price{display:flex;align-items:center}
.products-ninelist-1 .products-list-box .product-price span{font-size:var(--fontsize18)}
.preview-container{position:relative;padding-bottom:1px;width:450px;background:#FFFFFF}
.preview-container .small-box{position:relative;display:flex;overflow:hidden;box-sizing:border-box;width:450px;height:450px;border:1px solid #EEEEEE;background-color:#FFFFFF;cursor:move;justify-content:center;align-items:center}
.preview-container .small-box img{height:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;display:none;width:180px;height:180px;border:1px solid #EEEEEE;background-color:hsla(0,0%,80%,.6)}
.preview-container .thumbnail-box{position:relative;box-sizing:border-box;margin:20px 0px;width:100%;background:#FFFFFF}
.preview-container .thumbnail-box .list{position:relative;margin:0px auto;width:390px}
.preview-container .thumbnail-box .list ul{display:flex;padding:2px 0px;width:2000px}
.preview-container .thumbnail-box .list ul .item{display:flex;overflow:hidden;box-sizing:border-box;margin:0px 10px;width:58px;height:58px;border:1px solid #CCCCCC;justify-content:center;align-items:center}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{display:block;height:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:1px solid var(--color);border:none}
.preview-container .thumbnail-box .list .banner-page{position:absolute;right:1.3333333333vw;bottom:1.3333333333vw;z-index:999;display:none;width:13.3333333333vw;height:6.6666666667vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);justify-content:center;align-items:center}
.preview-container .thumbnail-box .list .banner-page span{color:#FFFFFF;font-size:4vw}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;margin-top:-10px;width:22px;height:32px}
.preview-container .thumbnail-box .btn-prev{left:0px;background:url(https://css02.v15cdn.com/m417/btn_prev.webp) no-repeat;background-position:10px 0px;background-size:10px}
.preview-container .thumbnail-box .btn-next{right:0px;background:url(https://css02.v15cdn.com/m417/btn_next.webp) no-repeat;background-size:10px}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(https://css02.v15cdn.com/m417/btn_prev_disabled.webp) no-repeat;background-position:10px 0px;background-size:10px;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(https://css02.v15cdn.com/m417/btn_next_disabled.webp) no-repeat;background-size:10px;cursor:not-allowed}
.preview-container .big-box{position:absolute;top:0px;left:449px;z-index:20;display:none;overflow:hidden;box-sizing:border-box;width:450px;height:450px;border:1px solid #EEEEEE;background:#FFFFFF}
.preview-container .big-box img{transform:scale(1.1);display:block;width:200%;max-width:none;max-height:none}
.productDetailsTop{display:flex}
.productDetailsTop .productDetailsTit{margin-left:50px;flex:1}
.productDetailsTop .productDetailsTit h1{font-size:var(--fontsize26);color:var(--fontcolor);line-height:1.4}
.productDetailsTop .productDetailsTit p{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 0px}
.productDetailsTop .productDetailsTit .product-content-price{opacity:1}
.productDetailsTit .link{margin-top:30px;display:flex;flex-wrap:wrap}
.productDetailsTit .link a,.productDetailsTit .link span{padding:8px 20px;color:var(--color);border:1px solid var(--color);font-size:var(--fontsize16);display:flex;justify-content:space-between;cursor:pointer;margin-right:20px}
.productDetailsTit .link a:hover,.productDetailsTit .link span:hover{border:1px solid var(--hovercolor);color:var(--hovercolor)}
.productDetailsTit .link a{color:var(--color)}
.productDetailsTit .link>div:hover a{color:var(--color)}
.productDetailsContent{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center}
.productDetailsContent h4{font-size:var(--fontsize22);margin-left:15px}
.productDetailsContent .content{margin-top:20px;width:100%}
.productDetailsContent .content p,.productDetailsContent .content li{font-size:var(--fontsize16);color:var(--fontcolor)}
.productDetailsContent .content strong{font-weight:var(--fontbold6)}
.productDetailsContent .content img{max-width:100%}
.productDetailsContent .content video{max-width:100%}
.productDetailsContent .content table{min-width:450px;overflow:scroll}
.productDetailsContent .content td{border:1px solid #EFEFEF}
.productDetailsContent .content p.productsTags a{text-decoration:underline;text-transform:lowercase}
.productDetailsContent .content p.productsTags a:hover{color:var(--color)}
.detailsPage{margin-top:30px;display:flex}
.detailsPage>div{width:50%;display:flex;align-items:center;min-height:36px;border-bottom:solid 1px #EEEEEE;justify-content:flex-end}
.detailsPage .left{justify-content:flex-start}
.detailsPage>div i,.detailsPage>div em{display:flex;width:36px;height:100%;text-align:center;line-height:100%;font-size:var(--fontsize20);align-items:center;justify-content:center}
.detailsPage .left i,.detailsPage .left em{transform:rotate(180deg)}
.detailsPage>div a{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.detailsInquiry{margin-top:30px}
.contactBot .detailsInquiry{margin-top:0px}
.detailsInquiry .inquiryTit{display:flex;align-items:center;margin-bottom:20px}
.detailsInquiry .inquiryTit h4{font-size:var(--fontsize22);margin-left:15px}
.sideLatestNews ul{clear:both;margin:0px 10px 10px 10px}
.sideLatestNews ul li{display:flex;justify-content:space-between;margin-top:20px}
.sideLatestNews ul li>a{width:26%;display:inline-block}
.sideLatestNews ul li>div{width:70%;display:flex;align-content:center;align-items:center;flex-wrap:wrap}
.sideLatestNews ul li>div strong{font-size:var(--fontsize16);transition:all .3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.sideLatestNews ul li>div strong:hover{color:var(--color)}
.sideLatestNews ul li>div i{color:var(--color)}
.sideLatestNews ul li>div span{font-size:var(--fontsize13);color:var(--introcolor);line-height:15px;margin-left:5px}
.newsList ul{margin-bottom:60px}
.newsList .news-list-0 li{display:flex;transition:all .3s ease;margin-bottom:20px;overflow:hidden}
.newsList .news-list-0 li:hover{box-shadow:0 4px 4px 0 rgba(0,0,0,.06);transform:translateY(-5px)}
.newsList .news-list-0 li .newsItemImg{width:26%}
.newsList .news-list-0 li .newsItemImg a{height:100%;display:flex;justify-content:center;align-items:center}
.newsList .news-list-0 li .newsItemImg .loaded{width:100%;height:100%;display:inline-block}
.newsList .news-list-0 li .newsItemContent{width:74%;background:#FCFCFC;padding:30px 0px 0px}
.newsList .news-list-0 li .newsItemContent .date{display:inline-flex;border-radius:10px;overflow:hidden;transform:translateX(-50%);width:100px;height:40px}
.newsList .news-list-0 li .newsItemContent .date>div{width:50%;display:flex;align-content:center;justify-content:center;flex-wrap:wrap}
.newsList .news-list-0 li .newsItemContent .date .day{font-size:var(--fontsize30);color:#FFFFFF;background:var(--color);line-height:1}
.newsList .news-list-0 li .newsItemContent .date .YY{background:var(--fontcolor)}
.newsList .news-list-0 li .newsItemContent .date .YY i{display:none}
.newsList .news-list-0 li .newsItemContent .date .YY span{display:block;line-height:1;width:100%;text-align:center;color:#FFFFFF}
.newsList .news-list-0 li .newsItemContent .content{padding:0px 30px 20px 60px;box-sizing:border-box}
.newsList .news-list-0 li .newsItemContent .content strong{margin-bottom:10px;font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold5);transition:all .2s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}
.newsList .news-list-0 li .newsItemContent .content strong:hover{color:var(--color)}
.newsList .news-list-0 li .newsItemContent .content p{font-size:var(--fontsize14);color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden}
.newsList .news-list-0 li .newsItemContent .content .contentA{margin-top:15px;padding:5px 25px;text-transform:lowercase;display:inline-block;border:1px solid #CCCCCC;border-radius:19px;transition:all .2s ease}
.newsList .news-list-0 li .newsItemContent .content .contentA:hover{background:var(--color);border:1px solid var(--color);color:#FFFFFF}
.newsList .news-list-1{display:flex;flex-wrap:wrap;justify-content:space-between}
.newsList .news-list-1 li{width:32%;margin-bottom:30px}
.newsList .news-list-1 li .newsItemImg{overflow:hidden;margin-bottom:10px}
.newsList .news-list-1 li .newsItemImg a{display:flex;justify-content:center;align-items:center;min-height:150px}
.newsList .news-list-1 li .newsItemImg .loaded{width:100%;transition:all .3s ease}
.newsList .news-list-1 li .newsItemImg img:hover{transform:scale(1.1)}
.newsList .news-list-1 li .newsItemContent .content p{display:none}
.newsList .news-list-1 li .newsItemContent .date{display:inline-flex;overflow:hidden}
.newsList .news-list-1 li .newsItemContent .date .day{background:var(--color);color:#FFFFFF;width:30px;font-size:var(--fontsize14);display:flex;justify-content:center;align-items:center}
.newsList .news-list-1 li .newsItemContent .date .YY{width:80px;font-size:var(--fontsize14);background:var(--fontcolor);color:#FFFFFF;display:flex;justify-content:center}
.newsList .news-list-1 li .newsItemContent .content strong{font-size:var(--fontsize16);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;transition:all .2s ease}
.newsList .news-list-1 li .newsItemContent .content strong:hover{color:var(--color)}
.newsList .news-list-1 li .newsItemContent .content .contentA{display:none}
.newsDetailsContent h1{text-align:left;font-size:var(--fontsize26);text-transform:capitalize}
.newsDetailsContent .date{text-align:left}
.newsDetailsContent .date i,.newsDetailsContent .date em{color:var(--color);margin-right:5px;font-size:var(--fontsize12)}
.newsDetailsContent .date span{font-size:var(--fontsize12);color:var(--introcolor)}
.newsDetailsContent .date span:nth-child(2){margin-right:15px}
.newsDetailsContent .content{margin:20px 0px 40px 0px}
.newsDetailsContent .content p{font-size:var(--fontsize16);color:var(--fontcolor);line-height:2em}
.newsDetailsContent .content img{max-width:100%}
.newsDetailsContent .content video{max-width:100%}
.map{margin-top:80px}
.contactMain .contactBot{display:flex;justify-content:space-between}
.contactMain .contactBot>div{width:47%}
.information .informationTit{display:flex;align-items:center;margin-bottom:30px}
.information .informationTit h4{line-height:1;margin-left:20px;font-size:var(--fontsize26);color:var(--fontcolor)}
.information p{font-size:var(--fontsize16);color:var(--introcolor)}
.information ul{margin-top:20px}
.information ul li{display:flex;margin-bottom:20px;align-items:center}
.information ul li .bg{width:40px;height:40px;margin-right:10px;background:var(--color);display:flex;align-items:center;justify-content:center}
.information ul li .bg i,.information ul li .bg em{color:#FFFFFF;font-size:var(--fontsize16)}
.information ul li span{display:block;margin-left:20px;font-size:var(--fontsize16);color:var(--introcolor)}
.side .documentlistSide h4{background:#EDEDED;color:var(--fontcolor);transition:all .2s ease;margin-bottom:20px}
.side .documentlistSide h4:hover{background:var(--color);color:#FFFFFF}
.documentlist .video-list{display:flex;justify-content:space-between;margin-bottom:80px}
.documentlist .video-list li{width:32%;position:relative}
.documentlist .video-list li .video-img a{width:100%;display:block;overflow:hidden}
.documentlist .video-list li .video-img img{width:100%;transition:all .3s ease}
.documentlist .video-list li .video-img img:hover{transform:scale(1.1)}
.documentlist .video-list li .video-info{position:absolute;bottom:0px;left:0px;width:100%}
.documentlist .video-list li .video-info .video-in{display:none}
.documentlist .video-list li .video-info .video-name{background:#535353;color:#FFFFFF;text-align:center;padding:5px 0px;font-size:var(--fontsize18)}
.documentlist h1{font-size:var(--fontsize26)}
.documentlist .documentContent video{width:100%}
.documentlist .documentContent p{font-size:var(--fontsize16)}
.FAQ .project-list li{background:#FCFCFC;padding:10px;margin-bottom:20px}
.FAQ .project-list li .project-info{display:flex;position:relative}
.FAQ .project-list li .project-info .project-name{font-size:var(--fontsize20);color:var(--fontcolor);transition:all .2s ease}
.FAQ .project-list li .project-info span{font-size:var(--fontsize20);width:36px;height:36px;line-height:36px;text-align:center;display:block;margin-right:10px;color:#FFFFFF;background:#999999;transition:all .2s ease}
.FAQ .project-list li .project-info i{position:absolute;right:0px;top:50%;font-size:var(--fontsize20);transform:translateY(-50%);cursor:pointer;color:var(--fontcolor)}
.FAQ .project-list li .project-content{margin-top:20px;display:flex;padding-left:55px;position:relative}
.FAQ .project-list li .project-content span{font-size:var(--fontsize20);width:36px;height:36px;line-height:36px;background:var(--color);text-align:center;display:block;color:#FFFFFF;position:absolute;left:0px;top:0px}
.faqi{color:var(--color)!important;height:2px;background:var(--color);overflow:hidden}
.faqp{color:var(--color)!important}
.faqQ{background:var(--color)!important}
.download-list{display:flex;justify-content:space-between;margin-bottom:80px}
.download-list li{width:32%;border:1px solid #FCFCFC;text-align:center;transition:all .2s ease;margin-bottom:20px}
.download-list li:hover{box-shadow:0 9px 21px 0 rgba(0,0,0,.07)}
.download-list li .download-img{overflow:hidden}
.download-list li .download-img img{width:100%;transform:scale(1.1);transition:all .2s ease}
.download-list li .download-img img:hover{transform:scale(1.2)}
.download-list li .download-name{font-size:var(--fontsize18);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.download-list li .download-btn span{display:inline-block;font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--introcolor);border:1px solid rgba(10,2,4,.52);border-radius:20px;padding:3px 15px;margin:20px 0px;transition:all .2s ease}
.download-list li .download-btn span:hover{background:var(--color);color:#FFFFFF;border:1px solid var(--color)}
.Project .project-list{margin-bottom:80px}
.Project .project-list li{display:flex;margin-bottom:20px;padding:2px;background:#FCFCFC;align-items:center;transition:all .3s ease}
.Project .project-list li:hover{box-shadow:0 9px 21px 0 rgba(0,0,0,.07)}
.Project .project-list li .project-img{width:20%;overflow:hidden}
.Project .project-list li .project-img img{width:100%;transform:scale(1.1)}
.Project .project-list li .project-info{width:80%;padding:0px 30px;box-sizing:border-box}
.Project .project-list li .project-info .project-name{font-size:var(--fontsize18);color:var(--fontcolor);transition:all .2s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.Project .project-list li .project-info .project-name:hover{color:var(--color)}
.Project .project-list li .project-info .project-content{font-size:var(--fontsize16);color:var(--introcolor);margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.productRecommendations{margin-top:40px}
.productRecommendations h4{font-size:var(--fontsize22)}
.productRecommendations ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.productRecommendations ul li{width:15%;margin-bottom:20px}
.productRecommendations ul li .img{border:1px solid #EFEFEF;overflow:hidden;line-height:0px}
.productRecommendations ul li .img a{line-height:0px}
.productRecommendations ul li .img img{width:100%;transform:scale(1.1);transition:all .2s ease}
.productRecommendations ul li:hover .img img{transform:scale(1.2)}
.productRecommendations ul li strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;font-size:var(--fontsize14);font-weight:var(--fontbold3)transition:all .2s ease}
.productRecommendations ul li:hover strong{color:var(--color)}
.Feedback{width:1600px;margin:0px auto;padding:80px 0px}
.inquiry-pro-list{margin:20px 0px;padding:0px 20px;border:1px solid #DDDDDD}
.inquiry-pro-item{display:flex;padding:20px 0px;border-bottom:1px solid #DDDDDD;justify-content:space-between}
.inquiry-pro-item:last-child{border:none}
.inquiry-pro-item .pro-item-img{display:flex;align-items:center}
.inquiry-pro-item .pro-item-img img{width:100px;height:100px;vertical-align:bottom}
.inquiry-pro-item .pro-item-name{flex:1;width:40%;margin:20px 0px 0px 20px;font-size:var(--fontsize16)}
.pro-item-del{display:flex;width:30px;cursor:pointer;align-items:center}
.pro-item-del i.icon-close{font-size:var(--fontsize22)}
.product-sort-bottom{margin-bottom:20px;padding:10px;font-size:var(--fontsize14);border:1px solid #EEEEEE}
.product-sort-bottom div{color:var(--fontcolor);font-size:var(--fontsize16)}
.product-sort-bottom a{margin-bottom:10px;display:inline-block;padding:3px 10px;border-radius:20px;background:var(--color);color:#FFFFFF}
.productSide .newsViewd .TitleName{margin-bottom:20px;padding:5px 0px 5px 28px;background:var(--color);color:#FFFFFF;font-size:21px}
.productSide .newsViewd ul li{margin-bottom:22px}
.productSide .newsViewd ul li:hover p{color:var(--color);transition:.5s}
.input-error{border:1px solid red!important}
.compare-panel .button-area .contact-button{background:var(--color)!important}
.orderNow{background:var(--color)!important}
@media (max-width:1650px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{width:1400px}
.newsSwiper .newsListContent .content p{margin:10px 0px 15px}
.newsSwiper .swiper-wrapper .swiper-slide .newsListContent{padding-top:30px}
.newsSwiper .newsListContent .content{padding:20px 25px}
.newsList .news-list-0 li .newsItemContent .content{padding:10px 20px}
.FAQ .project-list li .project-content span{width:36px}
.side h4{font-size:var(--fontsize22);padding:15px 0px}
.newsList .news-list-0 li .newsItemContent{padding:15px 0px 0px}}
@media (max-width:1450px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{width:1200px}
.headBotWrapper .headNav>ul>li{margin-right:20px}
.newsList .news-list-0 li .newsItemContent .content strong{margin-bottom:0px}
.FAQ .project-list li .project-content span{width:36px}
.homeHorProList li .mask{top:88%}
.homeAboutWrapper .aboutContent a{padding:5px 35px}
.headBot .searchInput{padding:10px 0px}
.side h4{font-size:var(--fontsize18);padding:12px 0px}
.newsList .news-list-0 li .newsItemContent .content p{-webkit-line-clamp:2}}
@media (max-width:1266px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{width:1000px}
.headBotWrapper .headNav>ul>li{margin-right:15px}
.headBotWrapper .headNav>ul>li>a{font-size:var(--fontsize14)}
.newsSwiper .newsListContent .date{width:100px;height:40px}
.newsSwiper .newsListContent .date .day{font-size:var(--fontsize30)}
.newsSwiper .newsListContent .date .YY span{font-size:var(--fontsize14)}
.newsSwiper .newsListContent .content{padding:10px 15px}
.newsSwiper .newsListContent .content p{margin:0px}
.newsSwiper .newsListContent .content .contentA{padding:0px 25px;font-size:var(--fontsize14)}
.side{display:none}
.MainList{width:100%}
.FAQ .project-list li .project-content span{width:36px}
.homeHorProList li .mask{top:86%}
.homeHorProList li .mask strong{font-size:var(--fontsize20)}
.searchInputWrapper input{padding:10px}}
@media (max-width:768px){
.Feedback,.footerWrapper,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,.searchInputWrapper,header .headBot .headBotWrapper,header .headTop .headTopWrapper{width:100%;padding:0px 20px;box-sizing:border-box}
.Feedback{padding:40px 50px}
header .headBot .headBotWrapper,header .headTop .headTopWrapper{padding:0px 30px}
header .headBot{height:95px}
header .headBot .headBotWrapper .logo img{max-width:150px;max-height:50px}
header .headTop .headTopWrapper{justify-content:end}
.homeProductType .item{flex:none}
.headTopWrapper .headLink{display:none}
.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{font-size:var(--fontsize26)}
.headTopWrapper .headContact .mail{margin-right:30px}
.bannerSwiper{margin-top:55px}
.headBotWrapper .headNav{position:absolute;top:100%;left:0px;display:none;width:100vw;background:#FFFFFF;height:calc(100vh - 95px);padding:0px 30px;box-sizing:border-box;overflow-y:auto}
.headBotWrapper .headNav>ul{flex-wrap:wrap;height:auto}
.headBotWrapper .headNav>ul>li{width:100%;margin-right:0px;height:auto;padding:10px 0px;border-bottom:1px solid #F1F1F1;flex-wrap:wrap}
.headBotWrapper .headNav>ul>li>a{font-size:var(--fontsize20);width:100%;padding:0px 20px;box-sizing:border-box;transition:all .3s ease}
.headBotWrapper .headNav>ul>li .inmenu:hover,.headBotWrapper .headNav>ul>li .inmenu_1,.headBotWrapper .headNav>ul>li>ul>li>a:hover{color:var(--fontcolor)}
.headBotWrapper .headNav>ul>li>ul{position:static;opacity:1;transform:none;transform-origin:none;transition:none;padding:0px 20px;margin:10px 20px 0px;width:100%;display:none}
.headBotWrapper .headNav>ul>li>ul>li{margin-bottom:20px}
.headBotWrapper .headNav>ul>li>ul>li:nth-last-child(1){margin-bottom:0px}
.headBotWrapper .search{display:none}
.headBot .searchInput{position:static}
.headBot .searchInput{display:block;margin-bottom:30px}
.searchInputWrapper{padding:0px 10px}
.searchInputWrapper input{border:1px solid #A6A6A6}
.searchInputWrapper i{right:50px}
.headBotWrapper .headNav>ul>li>i{position:absolute;right:20px;top:10px;font-size:var(--fontsize22);line-height:1;font-weight:var(--fontbold5);color:var(--color)}
.headBotWrapper .headNav>ul>li>.icon-jiahao{color:var(--fontcolor);font-size:var(--fontsize18);width:40px;height:40px;display:flex;align-items:center;justify-content:center;top:6px}
.headNavUlliA{padding:0px 20px;padding-bottom:10px !important;box-shadow:0 5px 4px -2px #9999993b;color:var(--color)!important}
.phoneNavIcon{display:block}
.bannerSwiper .swiper-button-next,.bannerSwiper .swiper-button-prev{display:none}
.homeProductType{margin-top:10px}
.homeProductType .item{padding:0px 50px;box-sizing:border-box;overflow:hidden}
.homeProductType .item img{width:100%;height:100%;object-fit:cover}
.homeProductType .item a{right:50px}
.homeHorProList li{width:48%}
.homeAboutWrapper{flex-wrap:wrap}
.homeAboutWrapper .aboutImg{width:100%}
.homeAboutWrapper .aboutContent{width:100%;margin-top:20px}
.homeTiele span{font-size:38px}
.homeAdvantage{background-size:cover;padding:30px 0px}
.homeAdvantage ul{flex-wrap:wrap}
.homeAdvantage ul li{width:45%;margin-bottom:20px}
.homeAdvantage ul li:nth-child(3),.homeAdvantage ul li:nth-child(4){margin-bottom:0px}
.newsSwiper{padding:50px 0px 0px}
.homeNews{padding:60px 50px 80px;box-sizing:border-box}
.newsSwiper .swiper-wrapper .swiper-slide:nth-child(1),.newsSwiper .swiper-wrapper .swiper-slide:nth-child(2){margin-bottom:20px}
.newsSwiper .newsListContent .content p{margin:15px 0px}
.newsSwiper .newsListContent .content .contentA{font-size:var(--fontsize18)}
footer{margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))}
.footerLeft{display:none}
.footerRight{width:100%;border:none;justify-content:unset;flex-wrap:wrap}
.footerRight>div{width:100%}
.footerRight .footerNav{margin-right:0px;margin-bottom:50px}
.footerWrapper{padding:20px}
.footerRight .footerTitle{margin-bottom:20px}
.footerRight .footerNav ul li{width:20%}
.footerRight .footerNav ul li a{font-size:var(--fontsize16)}
.footerContact ul li,.footerContact ul li a,.footerContact ul li span{font-size:var(--fontsize16)}
.footerRight>ul{display:flex;margin-top:40px}
.footerRight>ul li{margin-right:15px}
.footerRight>ul li a {color:#EEEEEE;font-size:var(--fontsize20)}
.footerRight>ul li a i {color:#EEEEEE;font-size:var(--fontsize20)}
.footerRight>ul li img{width:35px}
.singlePage .pagesbanner img{min-height:140px}
.singlePage.prodetails .pagesbanner,.singlePage.prodetails .singleTitle{display:none}
.main{margin:40px auto}
.aboutMain section h3{margin-bottom:20px}
.aboutMain section{margin-bottom:30px}
.aboutMain section p{margin-bottom:10px}
.aboutMain .about2 .about2Div .left{width:100%}
.aboutMain .about2 .about2Div .right{display:none}
.aboutMain .about4 ul{flex-wrap:wrap}
.aboutMain .about4 ul li{width:49%;margin-bottom:20px}
.products-list-box>p{margin:10px 0px}
.products-ninelist-0 .products-list-img{width:40%}
.products-ninelist-0 .products-list-box{width:60%}
.productDetailsTop{flex-wrap:wrap}
.productDetailsTop .productDetailsTit{margin-left:0px;margin-top:440px}
.preview-container{width:100%}
.preview-container .small-box{display:none}
.preview-container .thumbnail-box{margin:0px;width:100%;margin-top:20px}
.preview-container .thumbnail-box .btn-next,.preview-container .thumbnail-box .btn_prev_disabled{display:none}
.preview-container .thumbnail-box .list{width:100%}
.preview-container .thumbnail-box .list ul{width:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:0}
.preview-container .thumbnail-box .list ul .item img{width:100%}
.preview-container .thumbnail-box .list ul .item{margin:0px;width:100%!important;height:auto;border:none}
#gallery .swiper-pagination-bullet{background:#bfbfbf;width:10px;height:10px}
#gallery .swiper-pagination-bullet-active{background:var(--color)}
#gallery .swiper-pagination{bottom:10px}
iframe,video{max-width:100%;min-height:240px;height:auto}
.productDetailsTop .productDetailsTit h1{font-size:var(--fontsize24)}
.productDetailsTit .link{margin-top:20px;justify-content:space-between}
.productDetailsTit .link>div{width:48%}
.productDetailsTit .link a,.productDetailsTit .link span{width:100%}
.newsList .news-list-1 li{width:48%}
.newsList .news-list-0 li .newsItemContent .content{padding:10px 20px}
.newsList .news-list-0 li .newsItemContent{padding-top:20px}
.newsList .news-list-0 li .newsItemContent .content .contentA{margin-top:10px}
.documentlist .video-list{flex-wrap:wrap}
.documentlist .video-list li{width:48%;margin-bottom:30px}
.FAQ .project-list li .project-content span{width:36px}
.FAQ .project-list li .project-info .project-name{font-size:var(--fontsize18)}
.download-list{flex-wrap:wrap}
.download-list li{width:48%}
.Project .project-list li .project-info .project-content{margin-top:0px}
.products-ninelist-1 li .products-list-img a{min-height:200px}
.newsList .news-list-0 li .newsItemImg{width:30%}
.newsList .news-list-0 li .newsItemContent{width:70%}
.products-ninelist-0 .products-list-img a{min-height:200px}
.homeHorProList li:hover .mask{top:86%;align-content:baseline}
.headTopWrapper .headContact{justify-content:space-between;width:100%}
.headBotWrapper .headNav>ul>li:last-child{margin-bottom:20px}
.singglepic{height:auto!important;margin-top:20px!important}
.singglepic img{width:100%}
.newsList .news-list-0 li:hover{transform:none}}
@media (max-width:500px){
.Feedback,.homeAboutWrapper,.homeAdvantage ul,.homeHorProWrapper,.main,.newsSwiper,header .headBot .headBotWrapper, header .headTop .headTopWrapper{padding:0px 15px}
.headTopWrapper .headContact div a,.headTopWrapper .headContact div i,.headTopWrapper .headContact div span{font-size:var(--fontsize14)}
header .headTop{display:none}
header .headBot{height:55px}
.homeProductType .item{padding:0px 20px}
.homeProductType .item a{right:20px;padding:5px 10px}
.homeProductType .item a i,.homeProductType .item a span{font-size:var(--fontsize14)}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-5px}
.footerPhone{padding-bottom:calc(constant(safe-area-inset-bottom));padding-bottom:calc(env(safe-area-inset-bottom))}
.headBot .searchInput{margin-bottom:0px}
.searchInputWrapper i{right:20px;top:5px}
.headBotWrapper .headNav{padding:10px 10px 100px;height:calc(100vh - 50px)}
.headBotWrapper .headNav>ul>li>a{padding:0px 10px;font-size:var(--fontsize18)}
.headBotWrapper .headNav>ul>li>i{top:15px;right:5px}
.headBotWrapper .headNav>ul>li>ul{margin:10px 0px 0px}
.headBotWrapper .headNav>ul>li>ul>li{margin-bottom:10px}
.homeHorPro{padding-top:30px}
.homeTiele span{font-size:var(--fontsize26)}
.homeHorProList{margin-top:0px}
.homeHorProWrapper{padding:0px 20px}
.homeHorProList li .loaded{transform:scale(1.2)}
.homeHorProList li{margin-bottom:10px}
.homeAbout{padding:30px 0px 40px}
.homeNews{padding:30px 20px}
.footerRight .footerNav ul li{width:49.5%}
.newsSwiper{padding:30px 0px 0px;margin-top:10px}
.newsSwiper .swiper-wrapper .swiper-slide{max-height:170px;overflow:hidden}
.newsSwiper .swiper-wrapper .swiper-slide .newsListContent{padding-top:20px}
.newsSwiper .newsListContent .content p{margin:5px 0px;font-size:var(--fontsize14)}
.newsSwiper .newsListContent .content .contentA{display:none}
.newsSwiper .newsListContent .date{width:80px;height:30px}
.newsSwiper .newsListContent .date .YY span{font-size:var(--fontsize12)}
.newsSwiper .newsListContent .date .day{font-size:var(--fontsize24)}
.newsSwiper .newsListContent .content{padding:5px 10px}
.newsSwiper .newsListContent .content strong{line-height:1;max-height:16px;font-size:var(--fontsize16)}
.homeAdvantage ul li img{margin-right:5px;width:30px}
.homeAdvantage{padding:20px 0px}
.homeAdvantage ul li{width:100%;padding-bottom:20px;margin-bottom:0px}
.footerRight .footerNav{margin-bottom:20px}
.footerContact ul li:nth-child(1){margin-bottom:0px}
.footerContact ul li:nth-child(1) span{font-size:var(--fontsize18)}
.footerContact ul li:nth-child(1) img{width:25px}
.footerRight>ul{margin-top:20px}
.footerRight>ul li img{width:30px}
.homeAboutWrapper .aboutContent a{padding:5px 30px;font-size:var(--fontsize18);margin-top:20px}
.homeProductType .item img:hover{transform:none}
.singlePage{margin-top:55px}
.singleTitle1{display:none}
.main{margin:30px 0px}
.aboutMain section h3{font-size:var(--fontsize20);margin-bottom:10px}
.products-ninelist-0 .products-list-box{padding:0px 20px}
.products-list-box .products-list-name span{font-size:var(--fontsize14);line-height:18px;-webkit-line-clamp:2}
.products-list-box>p{margin:0px}
.products-list-box .product-price span{font-size:var(--fontsize20)}
.products-list-img .products-add-inquirl{width:30px}
.products-list-img .products-add-inquirl i{font-size:var(--fontsize20);line-height:30px}
.productsList>ul{margin-bottom:20px}
.switchPage a,.switchPage span{font-size:var(--fontsize14);width:30px;height:30px;line-height:30px}
.products-ninelist-1 li{width:48%}
.productDetailsTit .link>div{font-size:var(--fontsize14);align-items:center}
.productDetailsTit .link a,.productDetailsTit .link span{height:100%}
.productDetailsTit .link .linkPdf{display:none}
.productDetailsTit .link>div .addToCart{height:100%}
.productDetailsContent{margin-top:20px}
.detailsInquiry .inquiryTit h4,.productDetailsContent h4{font-size:var(--fontsize20)}
.newsList .news-list-1 li{margin-bottom:10px}
.newsList .news-list-1 li .newsItemContent .date .day{font-size:var(--fontsize14);width:40px}
.newsList .news-list-1 li .newsItemContent .date .YY{width:80px;font-size:var(--fontsize14)}
.newsList .news-list-1 li .newsItemImg{margin-bottom:0px}
.newsList .news-list-0 li .newsItemContent .content p{-webkit-line-clamp:2}
.newsList .news-list-0 li .newsItemContent .date{width:80px;height:30px}
.newsList .news-list-0 li .newsItemContent .content .contentA{display:none}
.newsList .news-list-0 li .newsItemContent .content{padding:0px 15px 10px}
.newsList .news-list-0 li .newsItemContent .date .day{font-size:var(--fontsize24)}
.newsList .news-list-0 li .newsItemContent .date .YY span{font-size:var(--fontsize12)}
.newsList .news-list-0 li .newsItemContent{padding-top:10px}
.contactMain .contactBot{flex-wrap:wrap}
.contactMain .contactBot>div{width:100%}
.information .informationTit h4{font-size:var(--fontsize20)}
.contactMain .map iframe{height:300px}
.contactBot .detailsInquiry{margin-top:40px}
.map{margin-top:50px}
.documentlist .video-list{margin-bottom:0px}
.FAQ .project-list li .project-content span{width:36px}
.FAQ .project-list li .project-info i{right:-5px}
.download-list li .download-name{font-size:var(--fontsize16)}
.download-list li .download-btn span{font-size:var(--fontsize14);padding:0px 5px;margin:3px 0px;font-weight:var(--fontbold4)}
.download-list{margin-bottom:0px}
.Project .project-list li .project-img{width:30%}
.Project .project-list li .project-info{width:70%;padding:0px 20px}
.Project .project-list li .project-info .project-content{font-size:var(--fontsize14)}
.newsDetailsContent h1{font-size:var(--fontsize20);margin-top:20px;text-transform:capitalize}
.detailsPage{margin-top:0px;flex-wrap:wrap}
.detailsPage>div{width:100%}
header .headBot .headBotWrapper .logo{max-height:50px}
.productRecommendations ul li strong{font-size:var(--fontsize12)}
.productRecommendations h4{font-size:var(--fontsize20)}
.Feedback{padding:40px 20px}
.inquiry-pro-list{padding:0px 10px}
.inquiry-pro-item{padding:10px 0px}
.inquiry-pro-item .pro-item-name{margin:10px 0px 0px 10px}
.products-ninelist-1 li .products-list-img a{min-height:150px}
.newsList .news-list-0 li .newsItemImg{width:35%}
.newsList .news-list-0 li .newsItemContent{width:65%}
.products-ninelist-0 .products-list-img a{min-height:100px}
.homeHorProList li .mask strong{font-size:var(--fontsize14);margin-top:2px}
.productRecommendations ul li{width:32%}
.footerRight .footerTitle img{width:18px}
.preview-container{position:absolute;top:60px;left:0px}
.newsList .news-list-0 li .newsItemContent .content strong{font-size:var(--fontsize14)}
.newsList .news-list-0 li .newsItemContent .content p{font-size:var(--fontsize12)}
.documentlist .video-list li .video-info .video-name{padding:0px;font-size:var(--fontsize14)}
.product-sort-bottom a{font-size:var(--fontsize12)}
.products-ninelist-1 li .products-list-box{display:block}
.products-list-box .product-price{font-size:var(--fontsize14)}
.products-ninelist-1 .products-list-box .product-price span{font-size:var(--fontsize16)}}
.toast-title{font-weight:var(--fontbold5)}
.toast-message{word-wrap:break-word;-ms-word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFFFFF}
.toast-message a:hover{color:#CCCCCC;text-decoration:none}
.toast-close-button{position:relative;top:-.3em;right:-.3em;float:right;color:#FFFFFF;text-shadow:0 1px 0 #FFF;font-weight:var(--fontbold5);font-size:var(--fontsize20);line-height:1;opacity:.8;-webkit-text-shadow:0 1px 0 #FFF}
.toast-close-button:focus,.toast-close-button:hover{color:var(--fontcolor);text-decoration:none;opacity:.4;cursor:pointer}
.rtl .toast-close-button{right:.3em;left:-.3em;float:left}
button.toast-close-button{padding:0px;border:0px;background:0 0;cursor:pointer;-webkit-appearance:none}
.toast-top-center{top:0px;right:0px;width:100%}
.toast-bottom-center{right:0px;bottom:0px;width:100%}
.toast-top-full-width{top:0px;right:0px;width:100%}
.toast-bottom-full-width{right:0px;bottom:0px;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;top:200px;left:50%;z-index:999999;transform:translateX(-16%);pointer-events:none}
#toast-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{position:relative;overflow:hidden;margin:0px 0px 6px;padding:15px 15px 15px 50px;width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-moz-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999999;color:#FFFFFF;opacity:.8;pointer-events:auto}
#toast-container>div.rtl{padding:15px 50px 15px 15px;background-position:right 15px center;direction:rtl}
#toast-container>div:hover{-webkit-box-shadow:0 0 12px #000000;-moz-box-shadow:0 0 12px #000000;box-shadow:0 0 12px #000000;opacity:1;cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{margin-right:auto;margin-left:auto;width:300px}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{margin-right:auto;margin-left:auto;width:96%}
.toast{background-color:#030303}
.toast-success{background-color:#51a351}
.toast-error{background-color:#bd362f}
.toast-info{background-color:#2f96b4}
.toast-warning{background-color:#f89406}
.toast-progress{position:absolute;bottom:0px;left:0px;height:4px;background-color:#000000;opacity:.4}
@media all and (max-width:240px){
#toast-container>div{padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{top:-.2em;right:-.2em}
#toast-container .rtl .toast-close-button{right:.2em;left:-.2em}}
@media all and (min-width:241px) and (max-width:480px){
#toast-container{top:20%;left:24%}
#toast-container>div{padding:8px 8px 8px 50px;width:18em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{top:-.2em;right:-.2em}
#toast-container .rtl .toast-close-button{right:.2em;left:-.2em}}
@media all and (min-width:481px) and (max-width:768px){
#toast-container{top:20%;left:50%;transform:translateX(-50%)}
#toast-container>div{padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl{padding:15px 50px 15px 15px}}
@media (max-width:500px){
header{z-index:999}}
#jljw_IM_GdImBox{z-index:900!important}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-reverse{flex-direction:row-reverse}
.aboutMain img{height:auto;max-width:100%}
.aboutMain *{box-sizing:border-box}
.solu-flex-l{width:40%}
.solu-flex-r{width:60%;padding-left:2%}
.solu-flex-l img{display:block;width:100%;max-height:380px;object-fit:cover}
.flex-reverse .solu-flex-r{padding:0 2% 0 0}
.solutions>.flex{margin-bottom:4%}
.solu-name{font-size:var(--fontsize26);color:var(--fontcolor);position:relative;padding-bottom:6px;margin-bottom:20px;display:block}
.solu-name::before{content:'';display:block;position:absolute;bottom:0px;left:0px;width:60px;height:2px;background-color:var(--color)}
.solutions-list>li{width:24%;background:#FCFCFC;text-align:center;padding:2% 10px 4%;margin:2% 0px}
.solutions-list>li .iconfont{font-size:40px;color:var(--color)}
.solutions-list>li p{font-size:var(--fontsize18);color:var(--introcolor);line-height:1.6;margin-top:6px}
.solutions-list>li p strong{font-size:var(--fontsize24);color:#333333;font-weight:var(--fontbold5)}
.support{color:var(--fontcolor);line-height:1.8}
.flex-half{margin-bottom:60px}
.flex-half-l{width:50%;padding-right:6%}
.flex-half-r{width:50%}
.support .flex-half-r{border:1px solid #EFEFEF}
.sup-bref1::before{content:'';display:inline-block;width:60px;height:1px;background:#484742;opacity:.5;vertical-align:middle;margin-right:10px}
.sup-name{display:block;font-size:var(--fontsize26);color:var(--fontcolor);line-height:1.3;margin:10px 0px}
.sup-bref2{font-size:var(--fontsize18);color:var(--introcolor);line-height:1.6}
.sup-text{margin:20px 0px 30px;font-size:var(--fontsize18)}
.sup-list>li{max-width:50%;margin-right:10px}
.sup-list>li div{font-size:var(--fontsize20);font-weight:var(--fontbold5);color:var(--fontcolor)}
.sup-list>li div p{display:inline-block;border-bottom:1px solid #EEEEEE;position:relative;line-height:1.3;padding:10px 0px}
.sup-list>li div p::before{content:'';display:block;width:60px;height:2px;background:var(--color);position:absolute;bottom:-2px;left:0px}
.sup-list>li strong{font-size:40px;font-weight:var(--fontbold5);color:#333333;line-height:1.7}
.flex-reverse{flex-direction:row-reverse}
.flex-reverse .flex-half-l{padding:0px 0px 0px 6%}
.sup-list2>li{display:flex;flex-wrap:wrap}
.sup-list2>li .iconfont{font-size:40px;color:#FE9900;line-height:1}
.sup-list2>li>div{flex:1;padding-left:16px}
.sup-list2>li>div p{font-size:var(--fontsize14);color:var(--introcolor);line-height:1.7}
.sup-list2>li>div p:nth-child(1){font-size:var(--fontsize20);color:var(--fontcolor);line-height:1.3;margin-bottom:6px}
.application{color:var(--fontcolor);line-height:1.8}
.app-name{display:block;font-size:var(--fontsize26);font-weight:var(--fontbold5);color:var(--fontcolor);margin-bottom:10px;line-height:1.3;padding-top:6px}
.president-l,.teami-l{width:40%}
.president-r,.teami-r{width:60%;padding-left:2%}
.president-r p,.teami-r p{margin-bottom:10px}
.flex-reverse .teami-r{padding:0 2% 0 0}
.president-r h6,.teami-r h6{font-size:var(--fontsize24);margin-bottom:20px;line-height:1.3}
.teami{margin-bottom:3%}
#brand-history-list{padding-bottom:160px}
#brand-history-list:after{content:'';display:block;width:0px;height:0px;clear:both}
#brand-history-list li{position:relative;height:130px;width:50.6%;background-size:auto 80%!important}
#brand-history-list li h2{color:var(--fontcolor);font-size:40px;white-space:nowrap;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#brand-history-list li:hover h2{color:var(--hovercolor)}
#brand-history-list li p{color:var(--introcolor);-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden;line-height:1.5}
#brand-history-list li:hover p{color:var(--fontcolor)}
#brand-history-list li.left,#brand-history-list li:nth-of-type(2n+1){float:left;background:url(https://css02.v15cdn.com/m417/history_01.webp) 100% 100% no-repeat}
#brand-history-list li.left h2,#brand-history-list li:nth-of-type(2n+1) h2{position:absolute;bottom:10%;right:10%}
#brand-history-list li.left p,#brand-history-list li:nth-of-type(2n+1) p{position:absolute;top:105%;right:10%;width:84%;text-align:right}
#brand-history-list li.right,#brand-history-list li:nth-of-type(2n){float:right;background:url(https://css02.v15cdn.com/m417/history_02.webp) 0 100% no-repeat}
#brand-history-list li.right h2,#brand-history-list li:nth-of-type(2n) h2{position:absolute;bottom:10%;left:10%}
#brand-history-list li.right p,#brand-history-list li:nth-of-type(2n) p{position:absolute;top:105%;left:10%;width:84%}
.rank-flex{justify-content:space-between}
.rank-flex>li{width:32%;text-align:center;background:#FFFFFF;margin-top:2%;padding:2%;position:relative;box-shadow:0 0 10px #EEEEEE}
.rank-flex>li p:nth-of-type(2){margin-bottom:0px;font-size:var(--fontsize20);font-weight:var(--fontbold5);line-height:1.3;text-transform:capitalize}
.rank-flex>li::before{position:absolute;top:0px;right:2%;font-size:140px;color:rgba(255,255,255,.5);line-height:1}
.rank-flex>li:nth-child(1)::before{content:'1'}
.rank-flex>li:nth-child(2)::before{content:'2'}
.rank-flex>li:nth-child(3)::before{content:'3'}
.rank-flex>li:nth-child(4)::before{content:'4'}
.rank-flex>li:nth-child(5)::before{content:'5'}
.rank-flex>li:nth-child(6)::before{content:'6'}
.ch-flex{margin-top:3%}
.ch-flex>li{width:25%;border:1px solid #EFEFEF;padding:2%;text-align:center}
.ch-flex>li:not(:nth-child(4n)){border-right:none}
.ch-flex>li:nth-child(n+5){border-top:none}
.ch-flex>li img{max-width:236px;max-height:342px}
.ch-flex>li p{margin-top:10px}
.proequ-list>div{width:calc(25% - 8px);margin:0px 10px 10px 0px}
.proequ-list{margin-top:3%}
.proequ-list>div img{display:block;width:100%}
.proequ-list>div:nth-of-type(4n){margin-right:0px}
.organ-item{width:25%;text-align:center;padding:0 4% 4%}
.organ-item img{max-width:140px!important}
.organ-item h6{font-size:var(--fontsize20);line-height:1.3;margin:10px 0px;font-style:italic}
.organ-item h6>span{font-size:var(--fontsize24);font-style:initial}
.ch-name{font-size:var(--fontsize20);margin:10px 0px;font-weight:var(--fontbold6)}
.ch-name+p{margin-bottom:20px}
.company-honor>div:nth-of-type(1){width:58%}
.company-honor>div:nth-of-type(2){width:40%}
.office-l{width:60%;padding-right:2%}
.office-l p{margin-bottom:10px}
.office-r{width:40%}
.flex-reverse .office-l{padding:0 0 0 2%}
.office-l .atext-t{font-size:var(--fontsize20);line-height:1.3;margin:10px 0px}
.office>.flex{margin-top:2%}
.competitive-tit,.rdc-tit{font-size:var(--fontsize20);line-height:1.3;position:relative;padding-bottom:8px;margin-bottom:20px}
.competitive-tit::before,.rdc-tit::before{content:'';display:block;width:60px;height:3px;background-color:#FE9900;position:absolute;bottom:0px;left:0px}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:32%;margin:2% 0px}
.competitive section p:nth-of-type(n+2),.cvision>p,.rdc>p:nth-of-type(n+2){margin-bottom:10px}
.competitive-four{margin-top:2%}
.strategy-list{padding-left:20px}

.strategy-list,.strategy-list li{list-style-type:circle }
.strategy-list li{margin:10px 0px}
.cmission-item{width:31.3%}
.cmission-item-tit{font-size:var(--fontsize20);line-height:1.3;position:relative;text-transform:uppercase;padding-bottom:8px;margin-bottom:20px}
.cmission-item-tit>span{color:var(--hovercolor)}
.cmission-item-tit::before{content:'';display:block;width:50px;height:2px;background-color:#FE9900;position:absolute;bottom:0px;left:0px}
.cvision .flex-jc-sb>div{width:calc(50% - 10px)}
.cphil-item{width:24%;text-align:center}
.cphil-item p{text-transform:uppercase;font-size:var(--fontsize18);margin-top:10px;line-height:1.3}
.cphil-item img{max-width:300px!important;width:100%}
@media(max-width:1281px){
.ch-name{margin:0px}}
@media(max-width:1024px){
.solutions-list>li{width:48%}
.application,.howtouse,.solutions,.support{line-height:1.8}
.ch-flex>li img{max-width:100%!important}
.president-l,.teami-l{width:100%}
.president-r,.teami-r{width:100%;padding:20px 0px 0px}
.teami{margin-bottom:6%}
.company-honor>div:nth-of-type(1){width:100%}
.office-l{width:100%;padding-right:0px}
.office-r{width:100%;margin-top:20px}
.flex-reverse .office-l{padding:0px}}
@media(max-width:800px){
.flex-half-l,.president-l,.solu-flex-l,.teami-l{width:100%;padding:0px}
.president-r,.solu-flex-r,.teami-r{width:100%;margin-top:.3rem;padding:0!important}
.flex-half-r{width:100%;margin-top:.4rem}
.flex-reverse .flex-half-l{padding:0px}
.sup-list2>li>div p{font-size:var(--fontsize16)}
.app-name,.ch-name,.cmission-item-tit,.competitive-tit,.office-l .atext-t,.organ-item h6,.rank-flex>li p:nth-of-type(2),.rdc-tit,.solu-name,.sup-name{font-size:.3rem}
.organ-item h6>span{font-size:.32rem}
.solutions>.flex,.teami{margin-bottom:.4rem}
.president-r h6,.teami-r h6{font-size:.32rem;margin-bottom:10px}
.ch-flex>li{width:50%;text-align:center}
.ch-flex>li:nth-child(2n){border-right:1px solid #EFEFEF}
.ch-flex>li:not(:nth-child(-n+2)){border-top:none}
.proequ-list>div{width:calc(50% - 5px)}
.proequ-list>div:nth-of-type(2n){margin-right:0px}
.organ-item{width:50%}
.company-honor>div:nth-of-type(2){width:100%;margin-top:20px}
.competitive section{margin-bottom:.4rem}
.rank-flex>li{width:49%}
.cmission-item{width:100%;margin-bottom:.4rem}
.cvision .flex-jc-sb>div{width:100%;margin-bottom:20px}
.cphil-item{width:48%;margin-bottom:.4rem}}
@media(max-width:540px){
#brand-history-list li h2{font-size:var(--fontsize26)}}
@media(max-width:481px){
.solutions-list{margin:.2rem 0px}
.solutions-list>li{width:100%;padding:.2rem .3rem .4rem}
.solutions-list>li p strong{font-size:var(--fontsize18)}
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:var(--fontsize20)}
.sup-list>li{max-width:100%}
.solutions-list>li p{font-size:var(--fontsize16)}
.rank-flex>li::before{font-size:70px}
.rank-flex>li img{max-width:80px!important}
.organ-item img{max-width:90px!important}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:100%}}
@media(max-width:415px){
.sup-bref2,.sup-list>li div,.sup-text{font-size:var(--fontsize16)}
.sup-list>li strong{font-size:var(--fontsize30)}
.ch-flex>li p,.cphil-item p{font-size:var(--fontsize14)}
#brand-history-list li p{max-height:2.7rem}}
@media(max-width:321px){
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:var(--fontsize18)}}
.link .addToCart.added span{border:1px solid var(--color);color:var(--color)}
.wmkc-team-alls{position:relative;overflow:hidden;margin-bottom:40px;width:23%;text-align:center}
.wmkc-team-tab{padding:60px 0px;text-align:center;font-size:var(--fontsize22)}
.wmkc-team-img{display:flex;background-color:var(--color);justify-content:center}
.wmkc-team-name{padding:15px 0px;background-color:#000000;opacity:.8}
.wmkc-team-name p{color:#FFFFFF;font-size:var(--fontsize18)}
.wmkc-team-box{position:relative}
.wmkc-team-name{position:absolute;bottom:0px;width:100%}
.wmkc-team-all{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-team-size{position:absolute;top:0px;display:none;padding:0px 10px;width:100%;height:100%;background-color:#000000;color:#FFFFFF;opacity:.6}
.wmkc-team-size p:nth-of-type(1){margin-top:50px;font-size:var(--fontsize20)}
.wmkc-team-size p:nth-of-type(3){font-size:var(--fontsize14)}
.wmck-team-g{margin:auto;margin-top:20px;margin-bottom:20px;width:50%;height:1px;background-color:#FFFFFF}
.wmkc-team-alls:hover .wmkc-team-name{display:none}
.wmkc-team-alls:hover .wmkc-team-size{display:block}
.wmkc-history-all{display:flex;width:49%}
.wmkc-history-g{width:2px;background-color:#E1E1E1}
.wmkc-history-z{position:relative;margin:12px 0px;width:12px;height:12px;border:2px solid var(--color)}
.wmkc-history-boxs{display:flex;overflow:hidden;justify-content:end}
.wmkc-history-boxx{display:flex;overflow:hidden;margin-bottom:30px}
.wmkc-history-z::after{position:absolute;top:2px;left:2px;width:4px;height:4px;background-color:var(--color);content:''}
.wmkc-history-img p{color:var(--color);font-size:var(--fontsize22)}
.wmkc-history-g{margin:auto;width:2px;height:100%;background-color:#E1E1E1}
.wmkc-history-left{margin-right:10px}
.wmkc-history-lefts{margin-left:10px}
.wmkc-history-size{margin-top:30px;padding:0px 20px;width:65%}
.wmkc-history-box{width:45%}
.wmkc-history-box img{width:100%}
.wmkc-history-btn{margin:auto;padding:15px 0px;width:170px;background-color:var(--color);color:#FFFFFF;text-align:center}
.wmkc-history-box p{color:var(--color);font-size:var(--fontsize20)}
.wmkc-advan-table{margin:auto;width:50%;text-align:center}
.wmkc-advan-table p:nth-of-type(1){font-weight:var(--fontbold5);font-size:var(--fontsize24)}
.wmkc-advan-table p:nth-of-type(2){font-size:var(--fontsize16)}
.wmkc-advan-all{display:flex;margin-top:100px;justify-content:space-between;flex-wrap:wrap}
.wmck-advan-box{margin-bottom:100px;width:30%}
.wmkc-advan-img{width:50px;height:50px}
.wmkc-advan-img img{width:100%}
.wmck-advan-box p:nth-of-type(1){padding:30px 0px;font-size:var(--fontsize20)}
.wmkc-profile-left{width:50%}
.wmkc-profile-table{margin-bottom:80px;text-align:center;font-size:var(--fontsize24)}
.wmkc-profile-left p:nth-of-type(1){margin-bottom:25px;font-size:var(--fontsize20)}
.wmkc-profile-left p:nth-of-type(2),.wmkc-profile-left p:nth-of-type(4){margin-bottom:25px}
.wmkc-profile-math{display:flex;margin-top:58px;justify-content:space-around}
.wmkc-profile-p{display:flex;justify-content:center}
.wmkc-profile-p p{margin-bottom:0!important;font-weight:var(--fontbold5);font-size:var(--fontsize30)!important}
.wmkc-profile-red{color:red}
.wmkc-profile-right{position:relative;margin-left:80px;width:50%}
.wmkc-profile-im{position:absolute;top:40%;left:25%;vertical-align:bottom}
.wmkc-profile-g{width:1px;background-color:#F1F1F1}
.wmkc-profile-all{display:flex;margin-bottom:150px}
.wmkc-profile-years{position:absolute;left:20%;width:100px;height:100px;background-color:var(--color);text-align:center}
.wmkc-profile-years p:nth-of-type(1){color:#FFFFFF;font-weight:var(--fontbold8);font-size:var(--fontsize26)}
.wmkc-profile-years p:nth-of-type(2){color:#FFFFFF;font-size:var(--fontsize16)}
@media (max-width:768px){.wmkc-team-alls{width:49%}
.wmkc-team-size p:nth-of-type(1){margin-top:10px}
.wmck-team-g{margin-top:5px;margin-bottom:5px}
.wmkc-team-size p:nth-of-type(3){display:-webkit-box;overflow:hidden;font-size:var(--fontsize14);-webkit-box-orient:vertical;-webkit-line-clamp:3}
.wmkc-history-all{width:100%;flex-direction:column;margin-bottom:20px}
.wmkc-history-size{padding:0px;width:100%;margin-top:10px}
.wmkc-history-left,.wmkc-history-lefts{display:none}
.wmkc-history-box{margin:auto;width:100%}
.wmkc-history-btn{margin-top:50px}
.wmkc-history-boxx .wmkc-history-all{flex-direction:column-reverse}
.wmck-advan-box,.wmkc-advan-table{width:100%}
.wmck-advan-box{text-align:center}
.wmkc-advan-img{margin:auto}
.wmck-advan-box{margin-bottom:50px}
.wmkc-advan-all{margin-top:50px}
.wmck-advan-box p:nth-of-type(1){padding:20px 0px}
.wmkc-profile-all{flex-direction:column}
.wmkc-profile-left{width:100%}
.wmkc-profile-im{position:revert}
.wmkc-profile-right{width:100%;margin:auto;text-align:center}
.wmkc-profile-years{bottom:0px;left:0px}
.wmkc-profile-table{margin-bottom:20px}
.wmkc-profile-math{margin:20px 0px}
.wmkc-profile-left p:nth-of-type(1),.wmkc-profile-left p:nth-of-type(4){margin-bottom:20px}
.wmkc-profile-left p:nth-of-type(1){font-size:var(--fontsize17)}}
@media (max-width:320px){.wmkc-team-alls{width:100%}}
@media (min-width:769px) and (max-width:1020px){
.Feedback, .footerWrapper, .homeAboutWrapper, .homeAdvantage ul, .homeHorProWrapper, .main, header .headBot .headBotWrapper, header .headTop .headTopWrapper {max-width:96%}}
@media(max-width:1024px){
.mobcate-main{flex-wrap:wrap}
.mobcate-main .side{display:block;width:100%}
.mobcate-main .side .sideLatestpro{display:none}
.mobcate-main .side .sideProTypr{position:relative;margin-bottom:20px}
.mobcate-main .side .sideProTypr .sf-menu{position:absolute;top:100%;left:0px;right:0px;padding:0px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .side .sideProTypr h4{text-align:left;background-color:#FFFFFF;color:var(--fontcolor);border-bottom:1px solid #DDDDDD;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}}
@media(min-width:769px){
.newsList .news-list-0 li .newsItemContent .content p,.products-list-box>p{-webkit-line-clamp:initial;max-height:100%}}
@media(max-width:768px){
.side .sideProTypr .sf-menu>li a{padding:10px}
.side .sideProTypr .sf-menu>li i{right:10px}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:var(--fontbold6)}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 20px;padding:10px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 20px;padding:10px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.proIntro{margin:0px auto;padding:0px}
.proIntro a{text-decoration:underline;text-transform:lowercase}
.proIntro a:hover,.proIntro a:active{color:var(--color)}
@media(max-width:1650px){.prohome-content,.prolist-bottom{max-width:1400px}}
@media(max-width:1450px){.prohome-content,.prolist-bottom{max-width:1200px}}
@media(max-width:1266px){.prohome-content,.prolist-bottom{max-width:1000px}}
@media (min-width:769px)and(max-width:1020px){.prohome-content,.prolist-bottom{max-width:96%}}
@media(max-width:768px){.prohome-content{clear:both;margin:0px 15px 20px;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px 15px 20px;padding:0px;line-height:1.6;box-sizing:border-box}}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%!important;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
iframe{max-width:100%}
@media(max-width:500px){
.preview-container{position:static}
.productDetailsTop .productDetailsTit{margin-top:0px !important}
.preview-container .thumbnail-box .list ul .item img{height:auto}}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-right:10px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{position:relative;padding-right:18px;color:var(--headercolor)}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{color:var(--fontcolor);display:block;font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:768px){.lang{margin:0px 15px 0px auto;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin-top:0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.gotop{position:fixed;right:35px;bottom:140px;width:40px;height:40px;border-radius:50%;box-shadow:1px 2px 5px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;background:#FFFFFF;opacity:0;overflow:hidden;visibility:hidden;z-index:999}
.gotop.is-act{opacity:1;visibility:inherit;overflow:inherit}
.gotop:hover{box-shadow:1px 2px 5px rgba(0,0,0,.15);background:#FAFAFA}
.gotop em::after,.gotop em::before{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;background:#666666}
.gotop em::before{transform:translate(-20%,-50%) rotate(45deg)}
.gotop em::after{transform:translate(-80%,-50%) rotate(-45deg)}
@media(max-width:768px){
.footerBot .gotop{display:none}
.gotop{width:35px;height:35px;opacity:1;visibility:inherit;overflow:inherit;position:relative;right:auto;bottom:auto}
.gotop:hover{box-shadow:none;background:#FFFFFF}}
.side .sideProTypr .sf-menu>li .sub-menu ul{display:block !important;transform:none !important;transition:none !important;height:auto !important}
.mediaplay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none}
@media(max-width:768px){.mediaplay{top:50%}}
#media{width:100%;height:100%;background:#EEEEEE;object-fit:contain;z-index:100;position:relative}
.preview-container .big-box.act{display:none!important}
#filterlist .sideProTypr h4{background:none!important}
#filterlist .filterlist-ul li{display:flex;align-items:center;margin:10px 0px 20px;line-height:1;cursor:pointer;user-select:none}
#filterlist .filterlist-ul li:nth-child(n+21){display:none}
#filterlist .filterlist-ul li.act{color:var(--color)}
#filterlist .filterlist-ul li.act .input::after{transform:translate(-50%,-50%) scale(1)}
#filterlist .filterlist-ul li .input{width:16px;height:16px;margin-right:10px;border:1px solid #666666;position:relative}
#filterlist .filterlist-ul li .input::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;background:var(--color);transition:all .1s linear}
#filterlist .filterlist-ul li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#filterlist .viewmore-filter{color:var(--color);text-transform:uppercase;cursor:pointer}
#filterlist .viewmore-filter:hover{text-decoration:underline}
.pagesbanner{position:relative;z-index:1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:auto;object-fit:cover}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f3f3f3;text-align:center;margin-top:20px;opacity:0;animation:pagesbanner 1s .5s forwards}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30);font-weight:var(--fontbold5);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4)}
@keyframes pagesbanner{0%{margin-top:20px;opacity:0}100%{margin-top:0px;opacity:1}}
@media (max-width:1024px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}}
@media (max-width:768px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}}
.blogflex-info{display:flex;align-items:flex-start}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{line-height:1.4;color:#555555;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear;box-sizing:border-box}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.sidebar-prolist li{display:flex;align-items:center}
.sidebar-prolist li .img{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-right:20px}
.sidebar-prolist li .info{flex:1}