@charset "utf-8";
@import url('https://css02.v15cdn.com/m408/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m408/message.css");
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#6CB603;--hovercolor:#111111;--fontcolor:#111111;--headercolor:#111111;--footercolor:#CCCCCC;--introcolor:#555555;--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;--fontfamily:'Lato', 'Open Sans', 'Roboto', 'Poppins', 'Oswald', 'Noto Sans', sans-serif}
*,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;-webkit-tap-highlight-color:transparent}
html{margin:0px;padding:0px;font-size:13.3333vw;overflow-x:hidden;direction:rtl}
body{margin:0px auto;padding:100px 0px 0px 0px;max-width:1920px;color:var(--fontcolor);font-size:var(--fontsize16);line-height:1.6;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold6);text-transform:capitalize}
a,a:hover{text-decoration:none;color:inherit;cursor:pointer}
img{max-width:100%;max-height:100%;height:auto;border:none;transition:all .1s linear}
ul,li,ol{list-style:none}
iframe,video{max-width:100%;outline:0;border:none;vertical-align:bottom}
input::placeholder,textarea::placeholder{font-family:var(--fontfamily)}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0px}
button{cursor:pointer}
table{border-collapse:collapse}
i{vertical-align:middle}
.clearfix{zoom:1}
.clearfix::after{clear:both;content:'';display:block;height:0px;visibility:hidden}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.container{width:100%;max-width:1600px;margin:0px auto;padding:0 20px}
.container-s{width:100%;max-width:1400px;margin:0px auto;padding:0 20px}
.table td,.table th{border:1px solid #DDDDDD;padding:5px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #EEEEEE;padding:5px}
.body-layer{overflow-y:hidden}
#jljw_IM_GdImBox{z-index:900!important}
.products-add-inquirl,.project-name{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
header{position:fixed;top:0px;left:0px;right:0px;background:#FFFFFF;width:100%;max-width:1920px;margin:0px auto;z-index:999;transition:all .2s ease-in;height:100px}
header .container{height:100%;align-items:center}
.headact{height:70px;box-shadow:0px 0px 6px #CCCCCC}
.logo{display:flex;max-width:20%;height:100%;align-items:center;justify-content:center;margin-right:auto}
.logo img{max-height:84%}
.headact .logo img{max-height:65px}
nav{height:100%}
nav .nav{display:flex;height:100%}
nav .nav li:not(.liproducts-diff){position:relative}
nav .nav li a{color:var(--headercolor);text-transform:capitalize}
nav .nav>li>a{padding:0px 15px;height:100%;display:flex;align-items:center;white-space:nowrap;font-size:var(--fontsize17)}
nav .nav>li>a em{font-size:13px;margin-left:5px;}
nav .nav li .inmenu_1,nav .nav li:hover>a{color:var(--color)}
nav .nav .submenu{opacity:0;position:absolute;top:100%;left:0px;width:250px;background:#FFFFFF;transition:all .3s ease-in-out;z-index:9;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;transform:rotateX(90deg);transform-origin:top}
nav .nav .liproducts-diff .submenu{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:30px 7%}
nav .nav .submenu li a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.6}
.cate-con .cate-info{display:none}
.cate-con .cate-img{position:absolute;top:0px;left:0px;overflow:hidden;width:100px;height:auto;display:flex;align-items:center;justify-content:center}
.cate-con .cate-img img{max-height:98px;max-width:98px;width:100%;height:100%;object-fit:cover}
.cate-con .cate-img:hover img{transform:scale(1.05)}
nav .nav .submenu>.LiLevel1{margin:10px 0px;padding:0px 20px;width:20%;position:relative}
nav .nav .submenu>.LiLevel1>a{color:var(--fontcolor)}
nav .nav .submenu>.LiLevel1>a:hover{color:var(--color)}
nav .nav .submenu .LiLevel2 a{font-size:var(--fontsize14)}
nav .nav>li:hover .submenu{opacity:1;transform:rotateX(0)}
@media(min-width:1025px){
#liinquiry{display:flex;align-items:center}
#liinquiry a{background:var(--color);height:40px;padding:0 15px;border-radius:30px;color:#fff;transition:all .1s linear;text-decoration:none}
#liinquiry a:hover{opacity:.9}
#liinquiry a::after{display:none}
}
.search-box{width:100%;height:0px;justify-content:center;align-items:center;display:flex;position:absolute;top:100%;left:0px;background:#FFFFFF;transition:all .3s ease-in-out;overflow:hidden;opacity:0}
.search-box-act{height:90px;opacity:1}
.search-box #txtSearch{height:38px;border-bottom:1px solid #EEEEEE;width:75%;background:#FFFFFF;max-width:600px}
.search-box #txtSearch::placeholder{color:var(--color)}
.search-box #btnSearch{background-color:var(--color);text-align:center;width:38px;height:38px;line-height:38px;margin-left:20px}
.search-box #btnSearch i{color:#FFFFFF}
.head-search-btn{font-size:var(--fontsize22)!important;cursor:pointer;margin-left:10px;padding:4px;color:var(--headercolor)}
#swiper-banner img{width:100%;display:block}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:30px;height:60px;background:rgba(0,0,0,.2);text-align:center;line-height:60px;transition:all .3s ease-in-out;margin-top:-30px}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background-color:rgba(0,0,0,.6)}
#swiper-banner .swiper-button-next{right:0px}
#swiper-banner .swiper-button-prev{left:0px}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:var(--fontsize30);color:#FFFFFF}
#swiper-banner .swiper-pagination-bullet{background:#FFFFFF;opacity:1;width:12px;height:12px;margin:0px 8px}
#swiper-banner .swiper-pagination-bullet-active{background:var(--color)}
.productcate{margin-top:28px}
.productcate>ul{justify-content:space-between}
.productcate-list li{position:relative;overflow:hidden;width:32.6%;border-right:solid 1px #EEEEEE}
.productcate-list li:last-child{border-right:none}
.productcate-img img{width:100%;display:block}
.productcate-hot{position:absolute;right:0px;top:0px;background:var(--color);border-radius:0 0 0 16px;color:#FFFFFF;padding:6px 10px;z-index:1}
.productcate-hot strong{font-weight:var(--fontbold4);font-size:var(--fontsize20);display:block}
.productcate-box{position:absolute;left:100%;top:0px;background:rgba(0,0,0,.4);color:#FFFFFF;width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 6%;transition:left .3s ease-in-out}
.productcate-box-title{font-size:var(--fontsize18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.5;max-height:75px}
.productcate-box-more{font-size:var(--fontsize16);font-weight:var(--fontbold4);color:var(--color);padding:20px 0px}
.productcate-list li:hover .productcate-box{left:50%}
.about,.hotproduct,.writetous{overflow:hidden}
.about{padding:4% 0px;background-color:#FDFDFD}
.about .container-s{align-items:center}
.about-l{width:45%}
.home-title{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--fontcolor);text-transform:capitalize}
.home-more{display:block;padding:8px 0px;width:150px;font-size:var(--fontsize14);border:1px solid var(--color);text-align:center;color:var(--color);border-radius:4px;text-transform:lowercase;transition:all .2s ease-in-out}
.home-more:hover{background:var(--color);color:#FFFFFF}
.about-l-text{color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;margin:10px 0px 25px;line-height:1.7;max-height:270px}
.about-r{width:50%}
.about-r li{width:33.3%;border:1px solid #EEEEEE;text-align:center;padding:20px 0px;border-right:none;transition:all .2s ease-in-out}
.about-r li:nth-child(3n){border-right:1px solid #EEEEEE}
.about-r li:nth-child(n+4){border-top:none}
.about-r li i,.about-r li em{font-size:40px;color:var(--color)}
.about-r li:hover{box-shadow:0 0 14px #CCCCCC}
.about-r-title{font-size:var(--fontsize16);color:var(--fontcolor);margin:0px 0px 10px 0px}
.about-r-num{font-size:var(--fontsize30);color:var(--fontcolor)}
.about-r-num sub,.about-r-num sup{font-size:var(--fontsize16);vertical-align:bottom}
.about-r-num sup{vertical-align:super;font-size:large}
.highpro{background:#111111}
.highpro-l,.highpro-r{width:50%}
.highpro-l img{display:block;width:100%;height:100%}
.highpro-r{background:#111111;padding:4% 5%;color:#FFFFFF}
.highpro-r .home-title{color:#FFFFFF;font-weight:var(--fontbold6)}
.highpro-text{font-size:var(--fontsize16);color:#DDDDDD;line-height:1.7;margin:10px 0px 30px}
.highpro-authentication{display:flex;flex-wrap:wrap}
.highpro-authentication li{width:50%;position:relative;padding-left:20px;font-size:var(--fontsize16);color:#DDDDDD;margin-bottom:15px}
.highpro-authentication li::before{content:'';display:block;width:8px;height:8px;background:var(--color);border-radius:50%;position:absolute;left:0px;top:8px}
.highpro-step{display:flex;justify-content:space-between;margin-bottom:5%}
.highpro-r-box::before{content:'';width:88%;height:1px;background:#434343;left:6%;top:20px;position:absolute}
.highpro-step li{position:relative;cursor:pointer;text-align:center}
.highpro-step-num{width:40px;height:40px;background:#252525;border:1px solid #626262;border-radius:50%;text-align:center;line-height:40px;font-size:var(--fontsize18);color:#FFFFFF;margin:0px auto 18px}
.highpro-step-title{font-size:var(--fontsize18)}
.highpro-step-act .highpro-step-title{color:var(--color)}
.highpro-step-act .highpro-step-num{background:var(--color);border-color:var(--color)}
.highpro-l .swiper-pagination{bottom:20px}
.hotproduct{padding:4% 0px}
.hotproduct-l{width:23%;padding-right:3%}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
.hotpro-list{display:flex;flex-wrap:wrap;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0px;left:0px;opacity:0}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width:32%;margin:0px 20px 20px 0px}
@media(max-width:1366px){.hotpro-list li{width:31%}}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-box{position:absolute;bottom:-60px;background:rgba(42,42,42,.85);color:#FFFFFF;padding:8px 15px;width:100%;display:flex;justify-content:space-between;left:0px;align-items:center;transition:all .2s ease-in-out}
.hotpro-img{border:1px solid #EEEEEE;overflow:hidden;text-align:center}
.hotpro-img img{width:100%}
.hotpro-title{font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}
.hotpro-box i,.hotpro-box em{font-size:var(--fontsize24)}
.hotpro-list li:nth-child(3n){margin-right:0px}
.hotpro-list li:nth-child(n+4){margin-bottom:0px}
.hotpro-list li:hover .hotpro-box{bottom:0px}
.hotpro-list li:hover img{transform:scale(1.05)}
.hotprocate{border-left:1px solid #BFBFBF;margin:20px 0px 50px;padding-right:10%}
.hotprocate li{padding:10px 0px 10px 20px;position:relative;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0px;left:0px;background:var(--color);opacity:0;transition:all .2s ease-in-out}
.hotprocate .hotprocate-act::before,.hotprocate li:hover::before{opacity:1}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:var(--color)}
.writetous{background:var(--color);padding:2.5% 0px}
.writetous .container-s{align-items:center}
.writetous h3, .writetous h5{font-size:var(--fontsize30);color:#2E2B26;text-transform:uppercase}
.writetous h3 span, .writetous h5 span{color:#FFFFFF}
.write-text{max-width:750px;font-size:var(--fontsize16);color:#2C2A28}
.writetous .home-more{color:#FFFFFF;border-color:#FFFFFF}
.writetous .home-more:hover{background:#FFFFFF;color:var(--color)}
.news{padding:4% 0px}
.news .home-title{text-align:center;margin-bottom:2%}
.news-list li{width:32.5%}
.news-img{overflow:hidden;display:block}
.news-img img{display:block;width:100%}
.news-data{margin:10px 0px;font-size:var(--fontsize14);color:var(--introcolor)}
.news-data i{font-size:var(--fontsize14);margin-right:5px}
.news-title{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-transform:capitalize;transition:all .3s ease-in-out}
.news-text{margin:0px 0px 10px;color:var(--introcolor);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-list li:hover img{transform:scale(1.05)}
.news-list li:hover .news-title{color:var(--color)}
.news-list li:hover .home-more{background:var(--color);color:#FFFFFF}
.location{background-position:center;background-size:cover;padding:3% 0px}
.location .container-s{display:flex;justify-content:flex-end}
.location-box{background:#FFFFFF;padding:3%;width:400px}
.location-title{font-size:var(--fontsize26);font-weight:var(--fontbold6);color:var(--fontcolor);padding-bottom:10px}
.contact li,.contactus li{margin-top:10px}
.contact li a,.contact li p{color:var(--fontcolor)}
.contact li strong{display:inline-block;font-size:var(--fontsize16);font-weight:var(--fontbold4);color:var(--fontcolor);margin-bottom:4px}
footer{clear:both;margin:0px auto;padding:0px;color:var(--footercolor)}
footer a{color:var(--footercolor)}
.foot-t{background:var(--hovercolor);padding:30px 0px}
.foot-list{overflow:hidden}
.foot-list>.foot-item1{width:25%}
.foot-list>.foot-item-box{width:70%}
.foot-list>.foot-item-box>div{max-width:30%}
.foot-item1 p{line-height:1.6;max-width:80%}
.foot-list div h6{font-size:var(--fontsize22);color:var(--color);margin-bottom:10px}
.fnav li a,.fpronav li a{display:block;margin-bottom:10px;transition:color .2s ease-in-out}
.fnav li a:hover,.fpronav li a:hover,.copyright a:hover,.foot-list ul.fcontact a:hover{color:var(--color)}
.foot-qr{max-height:120px}
.foot-b{background:var(--hovercolor);overflow:hidden;padding:10px 0px}
.gotop{position:fixed;bottom:calc(145px + constant(safe-area-inset-bottom));bottom:calc(145px + env(safe-area-inset-bottom));right:24px;width:30px;height:30px;background:#FFFFFF;text-align:center;line-height:30px;cursor:pointer;display:none;z-index:10}
.gotop i{color:var(--color);font-size:var(--fontsize20)}
.mob-menu{display:none;cursor:pointer;position:relative;width:30px;height:22px;margin-left:25px}
.mob-menu span{position:absolute;right:0px;display:block;height:2px;background:var(--color);border-radius:2px;transition:all .2s ease-in-out}
.mob-menu span:nth-child(1){width:90%;top:0px}
.mob-menu span:nth-child(2){width:75%;top:46%}
.mob-menu span:nth-child(3){width:90%;top:auto;bottom:0px}
.mob-search{display:none}
nav .nav>li i{display:none}
.noscroll{overflow-Y:hidden}
.mobact span{height:3px}
.mobact span:first-child{transform:rotate(45deg);top:46%}
.mobact span:nth-child(2){opacity:0}
.mobact span:nth-child(3){width:90%;transform:rotate(-45deg);top:46%}
.mobile-bottom{display:none;width:100%;left:0px;bottom:0px;z-index:500;overflow:hidden;position:fixed;background:#FCFCFCFB;color:var(--color);transition:all .3s ease-in-out;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.mobile-bottom-item{text-align:center;width:25%;height:1rem;font-size:var(--fontsize12);text-transform:capitalize;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.mobile-bottom-item i{display:block;font-size:var(--fontsize20);line-height:1}
.fcontact li{display:flex;line-height:1.4;margin-bottom:10px}
.fcontact li>p:nth-child(1){margin-right:10px;white-space:nowrap}
.page-box{padding-bottom:4%}
.inner-banner{min-height:1px;background-color:#EEEEEE}
.inner-banner img{display:block}
.crumbs{margin:0px auto 20px;padding:10px 0px;font-size:var(--fontsize14);color:var(--color);text-transform:capitalize}
.crumbs h1{display:inline-block;font-size:var(--fontsize14);font-weight:normal}
.crumbs a{color:var(--fontcolor)}
.breadcrumbs{padding:10px 0px;margin-bottom:30px;background:#FAFAFA}
.breadcrumbs .container{display:flex;align-items:center;justify-content:space-between}
.breadcrumbs .container>div,.breadcrumbs .container>div a{font-size:var(--fontsize14);color:var(--introcolor);display:inline-block;font-weight:normal}
.breadcrumbs .breadcrumbs-title{color:var(--color);font-size:var(--fontsize22);font-weight:var(--fontbold5);line-height:1}
.page-l{float:left;width:330px;color:var(--fontcolor)}
.page-r{width:calc(100% - 400px);float:right}
.pageAll{width:100%}
.page-l-menu{text-align:center;margin-bottom:30px}
.page-l-menu-tit{color:#FFFFFF;padding:4px 10px;font-size:var(--fontsize22);font-weight:var(--fontbold6);background:var(--color);text-transform:capitalize}
.page-l-menu ul{border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE}
.page-l-menu ul li a{display:block;padding:15px 0px;border-bottom:1px solid #EEEEEE}
.page-l-menu ul li a:hover{color:var(--color)}
.page-l-contact-box{border:1px solid #EEEEEE;padding:30px 26px}
.page-l-contact-box>p{display:flex;margin-bottom:12px}
.page-l-contact-box>p:last-child{margin-bottom:0px}
.page-l-contact-box>p a:hover{color:var(--color)}
.page-l-contact-box>p span{display:block;flex:1}
.page-l-contact-box strong{font-weight:var(--fontbold4);margin-right:4px}
.project-list li{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid #EEEEEE;transition:all .3s ease-in-out;padding:20px 0px}
.project-list li:last-child{margin-bottom:0px}
.project-img{width:16%;font-size:0px;overflow:hidden}
.project-info{width:82%;padding:0px 0px 0px 1.8%;color:var(--fontcolor)}
.project-name{font-size:var(--fontsize20);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--fontbold6)}
.project-content{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.project-list li:hover img{transform:scale(1.05)}
.project-list li:hover .project-name{color:var(--color)}
.project-list li .project-more{margin-top:3%}
.project-list li .project-more i{margin-left:22px}
.download-list li{padding:20px 0px;border-bottom:1px solid #EEEEEE}
.download-list li:last-child,.project-list li:last-child{border-bottom:none}
.download-list li::after{content:'';display:block;height:0px;visibility:hidden;clear:both}
.download-img{float:left;width:200px;border:1px solid #EEEEEE}
.download-info{float:left;width:calc(100% - 200px);padding-left:50px}
.download-name{font-size:var(--fontsize22);color:var(--fontcolor);margin:30px 0px;background:url(https://css02.v15cdn.com/m408/green/downloadicon.webp) no-repeat left 4px;padding-left:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:61px}
.download-btn{display:flex;width:206px;border:2px solid var(--color);font-size:var(--fontsize20);text-align:center;padding:10px 0px;transition:all .2s ease-in-out;justify-content:center;align-items:center;text-transform:uppercase;color:var(--color);margin-left:250px}
.download-btn i{font-size:var(--fontsize18);margin-right:10px}
.download-btn:hover{background-color:var(--color);color:#FFFFFF}
.contactus-box-feed{width:calc(100% - 500px);padding-left:6%}
.contactus-box h5{font-size:var(--fontsize24);font-weight:var(--fontbold4);color:var(--color);margin-bottom:20px}
.contactus-box .location-box{background:#111111}
.contactus-box .contactus li strong,.contactus-box .location-title{color:#FFFFFF}
.contactus li a,.contactus li p{color:#CCCCCC}
.contactmap{display:none}
.inquiry-tit{font-size:var(--fontsize22);margin:90px 0px 30px}
.inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.aboutus-box{text-align:center;color:var(--fontcolor);font-size:var(--fontsize16)}
.aboutus-box p{margin-bottom:10px}
.aboutus-box h6{font-size:var(--fontsize24);color:var(--color);margin-top:10px;text-transform:uppercase}
.aboutus-box section{margin-bottom:4%}
.aboutus-box section:last-child{margin-bottom:0px}
.aboutus-sec2-img{width:50%;font-size:0px;padding-right:3%}
.aboutus-sec2-box{width:50%;text-align:left}
.aboutus-sec2-box p{font-size:var(--fontsize15);color:var(--introcolor);margin-bottom:4%}
.aboutus-sec2-box div:last-child p:last-child{margin-bottom:0px}
.aboutus-sec2-box .aboutus-years{font-size:var(--fontsize30);color:var(--fontcolor);margin-bottom:8px}
.aboutus-zs{margin-top:2%}
.aboutus-zs img{border:1px solid #EEEEEE;max-height:400px;max-width:20%;display:block;margin:0px 8px}
.latestnews ul{padding:0px}
.latestnews{margin-bottom:30px}
.latestnews ul li{padding:18px 0px;border-bottom:1px solid #EEEEEE}
.latestnews ul li:last-child{border-bottom:none}
.latestnews-img{overflow:hidden}
.latestnews-img img{display:block;max-height:200px;object-fit:cover;width:100%}
.latestnews-data{font-size:var(--fontsize14);color:var(--introcolor);margin:10px 0px 0px}
.latestnews-data i{font-size:var(--fontsize14);margin-right:5px}
.latestnews-tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease-in-out}
.latestnews-text{font-size:var(--fontsize14);color:var(--introcolor);margin:8px 0px 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.latestnews ul li:hover .latestnews-tit{color:var(--color)}
.latestnews ul li:hover .latestnews-img img{transform:scale(1.05)}
.newspage-ninelist-1,.video-list{display:flex;flex-wrap:wrap}
.newspage-ninelist-1 li{width:31.3%;margin:0 3% 25px 0px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;border:solid 1px #EEEEEE}
.newspage-ninelist-1 li:nth-child(3n){margin-right:0px}
.newspage-ninelist-1 li .newspage-content{margin:10px 15px}
.newspage-img img,.video-img img{display:block;width:100%}
.newspage-data,.video-data{font-size:var(--fontsize14);color:var(--introcolor);margin:10px 0px}
.newspage-data i,.video-data i{font-size:var(--fontsize14);margin-right:5px}
.newspage-title{font-size:var(--fontsize26);color:var(--fontcolor);border-left:4px solid var(--color);padding:0px 0px 0px 10px;margin-bottom:20px}
.video-info{padding:10px 0px}
.newspage-tit a{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--fontcolor);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newspage-text,.video-in{margin:0px 0px 10px;color:var(--introcolor);font-size:var(--fontsize16);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newspage-ninelist-1 li:hover{box-shadow:0px 4px 10px #EEEEEE}
.newspage-ninelist-1 li:hover .newspage-tit a,.video-list li:hover .video-name{color:var(--color)}
.pages-turn{margin:20px 0px;color:var(--fontcolor);text-align:center}
.pages-turn a,.pages-turn span{display:inline-block;width:42px;height:42px;line-height:41px;text-align:center;margin:5px;border:1px solid #EEEEEE}
.pages-turn a{color:var(--fontcolor)}
.pages-turn span{color:var(--introcolor)}
.pages-turn .ctxt,.pages-turn a:hover{background:var(--color);border-color:var(--color);color:#FFFFFF}
.page-l .sf-menu{margin-bottom:30px}
.sf-menu a{color:var(--fontcolor);display:block;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-menu .LiLevel1>a{font-size:var(--fontsize16);font-weight:var(--fontbold6);color:var(--fontcolor)}
.sf-menu>li{position:relative;border-bottom:1px solid #EEEEEE;padding-right:30px}
.sf-menu>li:last-child{border-bottom:none}
.sf-menu>li i{position:absolute;right:10px;top:12px;z-index:1;transform:rotate(-90deg);font-weight:var(--fontbold6);cursor:pointer;transition:transform .2s ease-in-out;color:var(--color)}
.sf-menu>li i.active{transform:rotate(0)}
.sf-menu .sub-menu{display:none}
.sf-menu .sub-menu a{color:var(--fontcolor);font-size:var(--fontsize16);padding:6px 0px 6px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page-l .categories .sf-menu .currentProType,.sf-menu li:hover>a{color:var(--color)}
@media(min-width:1025px){.sf-menu>li:hover i{transform:rotate(0)}
.sf-menu>li:hover .sub-menu{display:block;padding-bottom:10px}}
.newspage-ninelist-0>li{background:#FAFAFA;margin-bottom:25px;transition:box-shadow .3s ease-in-out}
.newspage-item-data{width:90px;padding:10px;background:var(--color);color:#FFFFFF;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;transition:background .2s ease-in-out}
.newspage-item-data p{width:100%;height:auto}
.newspage-item-data p:nth-child(1){font-size:var(--fontsize18);border-bottom:1px solid #FFFFFF3F;padding-bottom:5px;margin-bottom:5px}
.newspage-item-data p:nth-child(2){font-size:var(--fontsize14)}
.newspage-item-box{width:calc(100% - 90px);padding:0px 10px 0px 20px}
.newspage-item-tit a{color:var(--fontcolor);font-size:var(--fontsize18);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newspage-item-text{color:var(--introcolor);font-size:var(--fontsize16);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newspage-ninelist-0>li:hover{box-shadow:0px 4px 10px #CCCCCC}
.newspage-ninelist-0>li:hover .newspage-item-data{background-color:var(--color)}
.newspage-ninelist-0>li:hover .newspage-item-tit a{color:var(--color)}
.documentcontent-tit,.newsdetails h1{font-size:var(--fontsize26);color:var(--fontcolor);line-height:1.4}
.newsdetails-data{color:var(--introcolor);font-size:var(--fontsize14);width:100%}
.data-share{margin:10px 0px}
#page-content-view{margin-left:20px}
.newsdetails-cont p{word-break:break-word}
.newsdetails-cont{margin-bottom:20px;padding-bottom:20px;color:var(--fontcolor);border-bottom:1px solid #EEEEEE}
.newpages-list{display:flex;justify-content:center}
.newpages-list>div{width:40%;display:flex;align-items:center;font-size:var(--fontsize16);color:var(--introcolor);transition:all .2s ease-in-out}
.newpages-list>div span{display:block;width:calc(100% - 46px)}
.newpages-list>div i,.newpages-list>div em{font-size:var(--fontsize26);font-weight:var(--fontbold7);margin:0px 10px}
.newpages-list>div:first-child{text-align:right}
.newpages-list>div:hover{color:var(--fontcolor)}
.newpages-list>div:hover i,.newpages-list>div:hover em{color:var(--color)}
.pages-list{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.pages-list>div{width:50%;color:var(--fontcolor);display:flex;align-items:center;font-size:var(--fontsize18);line-height:1.2;transition:all .2s ease-in-out;border:1px solid transparent;padding:6px 10px;font-size:var(--fontsize18);background:#FAFAFA}
.pages-list>div:hover{color:var(--color);border-color:var(--color)}
.pages-list>div i,.pages-list>div em{display:inline-block;font-size:var(--fontsize26);margin:0px 10px}
.pages-list>div:nth-child(2){justify-content:flex-end;text-align:right}
.pages-list>div p{width:calc(100% - 46px)}
.lastproducts-list{margin-bottom:30px}
.lastproducts-list li{margin-top:20px}
.lastproducts-list li:hover{box-shadow:0px 4px 10px #EEEEEE}
.lastproducts-img{border:1px solid #EEEEEE;width:120px;overflow:hidden;max-height:120px}
.lastproducts-list li img{display:block;width:100%}
.lastproducts-box{width:calc(100% - 120px);padding-left:18px}
.lastproducts-title a{font-size:var(--fontsize16);font-weight:var(--fontbold6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease-in-out}
.lastproducts-text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:5px 0px 10px}
.viewmore{display:block;padding:8px 0px;width:150px;border:1px solid var(--color);font-size:var(--fontsize14);color:var(--color);text-align:center;border-radius:4px;text-transform:lowercase;transition:all .2s ease-in-out}
.lastproducts-list li:hover .lastproducts-title a{color:var(--color)}
.lastproducts-list li:hover .viewmore,.latestnews li:hover .viewmore,.newspage-ninelist-1 li:hover .viewmore,.project-list li:hover .project-more{background:var(--color);color:#FFFFFF}
.products-ninelist-1{display:flex;flex-wrap:wrap}
.products-ninelist-1 li{width:31.8%;margin:0px 2% 25px 0px;text-align:center;transition:all .2s ease-in-out;padding-bottom:10px;border:solid 1px #EEEEEE}
.products-ninelist-1 li:hover{box-shadow:0px 4px 10px #EEEEEE}
.products-ninelist-1 li:nth-child(3n){margin-right:0px}
.products-ninelist-1 li .products-list-img{overflow:hidden}
.products-ninelist-1 li .products-list-img img{display:block;width:100%;max-height:400px}
.products-list-tit{font-size:var(--fontsize18);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:10px;padding:0px 6px}
.products-list-tit a{display:block;max-width:100%;word-break:break-word;line-height:1.4}
.products-list-text{margin:5px 0px 15px;padding:0px 5px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.products-ninelist-1 .products-list-text{-webkit-line-clamp:1;max-height:24px}
.products-add-inquirl{display:inline-block;color:var(--color);font-size:var(--fontsize14);cursor:pointer;padding:5px 10px;line-height:1}
.products-inquirl-btn{display:inline-block;width:16px;height:16px;border:1px solid var(--color);vertical-align:middle;margin-right:5px;cursor:pointer}
.products-add-inquirl span{font-size:var(--fontsize14);vertical-align:middle}
.products-ninelist-1 li:hover .products-list-img img{transform:scale(1.05)}
.pro-item-checked .products-list-tit a,.products-ninelist-1 li:hover .products-list-tit a{color:var(--color)}
.pro-checked .products-inquirl-btn::before{content:'√';position:relative;font-size:var(--fontsize26);top:-8px;right:0px}
.procateword{padding:6px;font-size:var(--fontsize16);line-height:1.7;background:#FEFEFE}
.procateword a{text-decoration:underline;text-transform:lowercase}
.procateword a:hover,.procateword a:active{color:var(--color)}
.protype-text{padding-top:4px}
.procate-a a{display:inline-block;border:1px solid #E3E3E3;border-radius:20px;padding:2px 8px;margin:6px 8px 6px 0px;font-size:var(--fontsize12);text-decoration:none}
.tips{background:orange;width:240px;padding:10px;font-size:var(--fontsize14);color:#FFFFFF;line-height:1.6;position:fixed;top:20%;left:50%;border-radius:6px;margin:-32px 0px 0px -120px}
.page-tit{font-size:var(--fontsize26);color:var(--fontcolor);border-left:3px solid var(--color);padding:0px 0px 0px 10px;margin-bottom:20px}
.products-ninelist-0>li{background:#FCFCFC;border:1px solid #EEEEEE;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:3%;transition:all .3s ease-in-out}
.products-ninelist-0>li .products-list-img{width:20%}
.products-ninelist-0>li .products-list-img img{display:block;width:100%;height:100%;object-fit:cover}
.products-ninelist-0>li .products-list-box{width:79%;padding:10px 40px}
.products-ninelist-0>li .products-list-text{margin:0px 0px 10px;padding:0px;-webkit-line-clamp:4}
.products-ninelist-0>li .products-list-tit{padding:0px;font-weight:var(--fontbold6)}
.products-ninelist-0{margin-bottom:70px}
.products-ninelist-0>li:hover{transform:translateY(-5px);box-shadow:0px 4px 10px #EEEEEE}
.products-ninelist-0>li:hover .products-list-tit a{color:var(--color)}
.small-box{width:100%;height:500px;border:1px solid #EEEEEE;position:relative;background:#FFFFFF;overflow:hidden}
.vPlay{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6) url(../vPlay.webp) no-repeat center;background-size:26px;z-index:10;cursor:pointer;user-select:none;width:40px;height:40px;border-radius:50%}
.pdshow-l{width:500px}
.preview-container{position:relative;width:100%}
.preview-container .small-box img{max-width:100%;max-height:100%;display:block;width:100%}
.preview-container .small-box .hover{position:absolute;width:250px;height:250px;background-color:hsla(0,0%,80%,.6);display:none;cursor:move}
.preview-container .thumbnail-box{margin-top:20px;position:relative;width:100%}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;color:var(--color)}
.preview-container .thumbnail-box .btn i{font-size:var(--fontsize26);font-weight:var(--fontbold6)}
.preview-container .thumbnail-box .btn-prev{left:0px}
.preview-container .thumbnail-box .btn-next{right:0px}
.preview-container .thumbnail-box .btn_next_disabled,.preview-container .thumbnail-box .btn_prev_disabled{opacity:.5;cursor:not-allowed}
.preview-container .thumbnail-box .list{overflow:hidden;width:calc(100% - 72px);margin:0px auto;position:relative}
.preview-container .thumbnail-box .list .swiper-pagination{display:none}
.preview-container .thumbnail-box .list ul .item{width:100px;height:100px;display:flex;justify-content:center;align-items:center;margin:0px 4px;border:1px solid #EEEEEE;font-size:0px;cursor:pointer;overflow:hidden}
.preview-container .thumbnail-box .list ul .item img{width:99%}
.preview-container .thumbnail-box .list ul .item-cur{border-color:var(--color)}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;width:13.3333333333vw;border-radius:5.3333333333vw;background:var(--color);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFFFFF;font-size:4vw;margin:0px 2px}
.preview-container .big-box{display:none;overflow:hidden;top:0px;left:calc(100% - 1px);border:1px solid #EEEEEE;position:absolute;width:100%;height:500px;background:#FFFFFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.pdshow-r{width:calc(100% - 500px);padding:10px 0px 0px 30px;color:var(--fontcolor)}
.pdshow-r h1{font-size:var(--fontsize26);line-height:1.3}
.pdshow-r-text{font-size:var(--fontsize16);color:var(--introcolor);margin-bottom:2%;padding:2% 0px;border-bottom:1px solid #EEEEEE}
.pdshow-r-btn{margin-top:4%;display:flex;justify-content:space-between}
.pdshow-r-btn>a,.pdshow-r-btn>div{width:48%;height:42px;border:1px solid var(--color);color:var(--color);display:flex;justify-content:space-between;align-items:center;padding:0px 20px;margin-bottom:10px;transition:all .2s ease-in-out;text-transform:uppercase}
.pdshow-r-btn>a:hover,.pdshow-r-btn>div:hover{background-color:var(--color);color:#FFFFFF}
.pdshow-r-btn>div a{display:flex;align-items:center;width:100%;height:100%}
.pdservice{border-top:1px solid #EEEEEE;padding:1% 0px}
.pdservice li i,.pdservice li em{font-size:var(--fontsize20);color:var(--color);margin-right:14px}
.pdservice li span{color:var(--introcolor)}
.prodetails-box-cont{margin-top:2%}
.prodetails-box-tit{font-size:var(--fontsize22);color:var(--fontcolor);padding:5px;background-color:#FAFAFA}
.prodetails-box{margin-top:30px}
.prodetails-bref{padding:10px 0px;font-size:var(--fontsize16);color:var(--fontcolor)}
.prodetails-bref strong{font-weight:var(--fontbold6)}
.table-responsive{margin:10px 0px;overflow-x:auto}
.prodetails-bref table{max-width:100%;overflow-x:auto;width:100%}
.pd-inquirl{margin-top:2%}
.pd-inquirl .prodetails-box-tit{margin-bottom:30px}
.singglepic{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #EFEFEF}
.singglepic img{transition:transform .3s ease-in-out}
.singglepic:hover img{transform:scale(1.2)}
.maybe{margin:20px auto 0px}
.maybe-list>li{width:32%;margin-top:15px;text-align:center}
.maybe-img{border:1px solid #EEEEEE;overflow:hidden}
.maybe-img img{transition:all .3s ease-in-out}
.maybe-tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:var(--fontsize16);margin:10px 0px;transition:all .2s ease-in-out;max-height:23px}
.maybe-list>li:hover .maybe-tit{color:var(--color)}
.maybe-list>li:hover img{transform:scale(1.05)}
.maybe-more{display:inline-block;border:1px solid var(--color);font-size:var(--fontsize12);text-align:center;color:var(--color);transition:all .2s ease-in-out;padding:1px 6%}
.maybe-list>li:hover .maybe-more{background-color:var(--color);color:#FFFFFF}
.feedback-tit{font-size:var(--fontsize22);color:var(--fontcolor);text-align:left;background:#FAFAFA;padding:5px;margin-bottom:2%}
.fshare{display:flex;margin:20px 0px 0px}
.fshare ul{display:flex}
.fshare a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;text-align:center;margin-right:10px;color:#d1d1d1;transition:all .2s ease-in-out}
.fshare a:hover{color:#FFFFFF;background-color:var(--color)}
.ErWeiImg{max-width:120px}
.page-r video{max-width:100%;max-height:100%}
.inquiry-pro-list{margin:20px 0px;padding:0px 20px;display:none;width:100%;border:1px solid #DDDDDD}
.inquiry-pro-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0px;border-bottom:1px solid #DDDDDD}
.inquiry-pro-item:last-child{border:none}
.pro-item-name{width:50%;flex:1;margin-left:20px}
.pro-item-img img{max-height:100px}
.pro-item-name p a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}
.pro-item-name p a:hover{color:var(--color);text-decoration:underline}
.pro-item-del{cursor:pointer;padding:5px}
.pro-item-del i{font-size:var(--fontsize20)}
.document-title{text-align:center;border-bottom:1px solid #EEEEEE;margin-bottom:30px;text-transform:uppercase}
.document-title h1{font-size:var(--fontsize24);font-weight:var(--fontbold4);color:var(--color);text-align:center;padding-bottom:10px}
.document-text{font-size:var(--fontsize16);color:var(--fontcolor);padding:10px 0px 30px}
.faq-list .project-info{width:100%;padding:0px 0px 25px 0px}
.faq-list .project-name{font-size:var(--fontsize18);color:var(--fontcolor);padding:10px 0px 10px 50px;background:url(https://css02.v15cdn.com/m408/green/faq1.webp) no-repeat 10px center,url(https://css02.v15cdn.com/m408/faq.webp) no-repeat 99% center #F7F7F9;white-space:normal;border-bottom:1px solid transparent;cursor:pointer}
.faq-list .project-content{font-size:var(--fontsize16);color:var(--introcolor);padding:10px 0px 10px 50px;margin:10px 0px;background:url(https://css02.v15cdn.com/m408/green/faq2.webp) no-repeat 10px 0px #FFFFFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:1.8;max-height:45px}
.faq-list .faq-item-act .project-name{border-bottom:1px solid #EEEEEE;background:url(https://css02.v15cdn.com/m408/green/faq1.webp) no-repeat 10px center,url(https://css02.v15cdn.com/m408/green/faq-c.webp) no-repeat 99% center #FFFFFF}
.faq-list .faq-item-act .project-content{display:block;max-height:100%}
.video-list li{width:24%;color:var(--fontcolor);margin:0 1.25% 2% 0}
.video-list li:nth-child(4n){margin-right:0px}
.video-img{overflow:hidden}
.video-img a{position:relative;display:block}
.video-img a::after{width:55px;height:55px;content:'';display:block;background:url(https://css02.v15cdn.com/m408/play.webp) no-repeat center;position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px}
.video-name{font-size:var(--fontsize18);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.video-list li:hover .video-img img{transform:scale(1.05)}
.documentdetails .newsdetails-cont{border-bottom:none}
.product-price{margin:5px 0px;font-size:var(--fontsize14)}
.product-content-price{margin-top:10px}
.addToCart{cursor:pointer}
@media(min-width:1025px){
nav::-webkit-scrollbar{width:10px;height:10px}
nav::-webkit-scrollbar-track{border-radius:0;background:#CCCCCC}
nav::-webkit-scrollbar-thumb{border-radius:5px;background-color:#EEEEEE}
nav::-webkit-scrollbar-thumb:hover{border-radius:5px;background-color:rgba(85,85,85,.4)}
nav .nav>li>a{position:relative}
nav .nav>li>a::after{content:'';display:block;width:calc(100% - 36px);height:2px;background-color:var(--color);left:18px;bottom:32%;position:absolute;transition:all .3s ease-in-out;opacity:0}
nav .nav li .inmenu_1::after,nav .nav li:hover>a::after{opacity:1}
.head-box{display:flex;height:100%;align-items:center}
nav .nav li:not(.liproducts-diff) .submenu li a{padding:5px 10px}
.item-info{border:solid 1px #EEEEEE;overflow:hidden}
.nav1>.LiLevel1>a{border-bottom:1px solid #E9E9E9;margin-bottom:8px}
.nav2>li:hover img{transform:scale(1.05)}
nav .nav .nav2>li:hover a{color:var(--color)}
.fnav{display:flex;flex-direction:column;max-height:240px;flex-wrap:wrap}
.foot-item2{width:22%}}
@media(max-width:1441px){
.pdshow-l{width:380px}
.preview-container .big-box,.small-box{height:380px}
.preview-container .thumbnail-box .list ul .item{width:65px;height:65px}
.pdshow-r{width:calc(100% - 380px)}
nav .nav .liproducts-diff .submenu{padding:30px 5%}}
@media(max-width:1367px){
nav .nav>li>a{padding:0px 14px}
.head-search-btn{margin-left:2%}
.hotproduct-l{width:25%}
.hotproduct-r{width:75%}}
@media(max-width:1281px){
nav .nav .liproducts-diff .submenu{padding:20px 3%}
nav .nav>li>a{padding:0px 10px}}
@media(max-width:1024px){
body{padding-top:1rem}
header{height:1rem;box-shadow:0px 0px 6px #EEEEEE}
.headact{height:.7rem}
.foot-item1 p,.head-search-btn{display:none}
.newsdetails-cont img,.prodetails-bref img,.siggle-page .page-r img{height:auto!important}
.mob-menu{display:block;width:30px;height:22px}
.logo{max-width:50%}
.mobhead{background-color:#A9A9A9}
.mobact span{background-color:#FFFFFF;height:5px;border-radius:5px}
.head-box{width:100%;position:fixed;left:0px;top:1rem;transition:all .3s ease-in-out;background:#A9A9A9;height:0px;padding:0 .3rem;overflow:hidden;z-index:999}
.actbox{height:calc(100% - 1rem);overflow-y:auto}
.headact .head-box{top:.7rem}
.headact .actbox{height:calc(100% - .7rem)}
.search-box{height:auto;position:static;opacity:1;padding:0 .26rem;margin:.3rem 0}
.search-box #btnSearch{background-color:#FFFFFF;height:40px;line-height:38px;margin-left:0px;width:.4rem}
.search-box #btnSearch i{color:var(--color);font-size:var(--fontsize18)}
.search-box #txtSearch{width:calc(100% - .4rem);border:none;max-width:100%;height:.7rem;font-size:var(--fontsize16)}
.head-box nav{height:calc(100% - 2.3rem);overflow-y:auto}
.head-box nav .nav{display:block}
nav .nav li a{font-size:var(--fontsize16);color:#FFFFFF;padding:10px}
nav .nav>li{border-bottom:1px solid #FFFFFF2F;position:relative}
nav .nav>li:last-child{border:none}
nav .nav li .inmenu_1{color:#FFFFFF;background-color:var(--color)}
nav .nav li:hover>a{color:#FFFFFF;background-color:transparent}
nav .nav .submenu{opacity:1;position:inherit;transform:rotateX(0);background:none;border:none;width:100%;z-index:0;display:none}
nav .nav>li i{position:absolute;right:0px;top:2px;color:#FFFFFF;transition:all .2s ease-in-out;transform:rotate(-90deg);width:40px;height:40px;display:flex;align-items:center;justify-content:center}
nav .nav>li i.acti{transform:rotate(-90deg)}
nav .nav .liproducts-diff .submenu,nav .nav .submenu{padding:0 0 .23rem;display:none}
nav .nav .submenu>.LiLevel1{width:100%;padding:0px;min-height:0px;margin:0px}
nav .nav .submenu>li>a{color:#FFFFFF;padding:6px .48rem}
nav .nav .submenu>li.LiLevel1>a{color:#FFFFFF}
nav .nav .submenu .LiLevel2 a{font-size:var(--fontsize16);padding:4px .72rem}
.cate-con .cate-img{display:none}
.about-l,.about-r,.aboutus-sec2-box,.aboutus-sec2-img,.foot-list .foot-item1,.foot-list>.foot-item-box,.highpro-l,.highpro-r,.hotproduct-l,.hotproduct-r{width:100%}
.about-r{margin-top:6%}
.hotproduct-l{padding-bottom:6%}
.hotpro-list li{width:49%;margin-right:2%}
.hotpro-list li:nth-child(3n){margin-right:2%}
.hotpro-list li:nth-child(2n){margin-right:0px}
.hotprocate,.hotproduct-l{padding-right:0px}
.hotpro-box{bottom:0px}
.writetous .container-s{display:block}
.write-text{margin:.2rem 0 .3rem;max-width:90%}
.foot-list div h6{margin-bottom:10px}
.news .swiper-pagination{position:static;margin-top:10px}
.news .swiper-pagination-bullet{background:#111111}
.news .swiper-pagination-bullet-active{background:var(--color)}
.news-list li .home-more{background:var(--color);color:#FFFFFF}
.writetous .home-more{background:#FFFFFF;color:var(--color)}
.location .container-s{justify-content:center}
.foot-list{flex-direction:column-reverse}
.foot-list>.foot-item-box{justify-content:flex-start;margin-bottom:4%}
.productcate-box{left:50%;background:rgba(0,0,0,.5);padding:.5rem 6%}
.fshare{margin-top:20px}
.foot-b{border-top:1px solid #444444}
.contactus-box-feed{width:calc(100% - 400px);padding-left:20px}
.aboutus-sec2-img{padding:2% 0}
.aboutus-zs img{max-width:45%;margin-bottom:16px}
.foot-item1 p{max-width:100%}
.project-content{-webkit-line-clamp:3;max-height:72px}
.project-img{width:40%}
.project-info{width:60%}
.page-l{display:none}
.page-r{width:100%}
.faq-list .project-name{padding-left:9%;padding-right:9%}
.faq-list .project-content{padding-left:9%}
.fnav,.fpronav{display:flex;flex-wrap:wrap}
.foot-list>.foot-item-box>div{max-width:100%}
.foot-item4{width:100%;margin-top:4%}
.fnav>li,.fpronav>li{width:49.5%}
.productcate-box-more{padding:10px 0px}}
@media(max-width:800px){
.contactus-box .location-box,.contactus-box-feed{width:100%;text-align:center}
.contactus li a,.contactus li p{max-width:300px;margin:0px auto}
.contactus-box-feed{padding:5% 0 0}
.aboutus-box img{height:auto!important}
.video-list li{width:49%}
.video-list li:nth-child(2n){margin-right:0px}
.products-ninelist-0>li .products-list-text{margin:8px 0px}
.products-ninelist-0>li .products-list-img{width:40%}
.products-ninelist-0>li .products-list-box{width:60%;padding:10px}}
@media(max-width:768px){
.item-con{display:none}
.preview-container .thumbnail-box{margin-top:0px}
.nav2 .item-info{display:none}
.pdshow-l,.pdshow-r{width:100%}
.hotprocate,.hotproduct-l .home-more,.preview-container .thumbnail-box .btn,.preview-container .thumbnail-box .list .swiper-pagination,.small-box{display:none}
.preview-container .thumbnail-box .list{width:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:none}
.preview-container .thumbnail-box .list ul .item{width:100%;height:auto;margin:0px;border:none}
.preview-container .thumbnail-box .list .banner-page{display:flex}
.pdshow-r{padding-left:0px}
.pages-list>div{width:100%}
.pages-list>div:nth-child(1){margin-bottom:10px}
.faq-list .project-name{padding-left:11%;padding-right:11%}
.faq-list .project-content{-webkit-line-clamp:2;line-height:1.4;padding:3px 0px 3px 11%;font-size:var(--fontsize14)}
.download-info{padding-left:20px}
.download-name{font-size:var(--fontsize18)}
.download-btn{margin-left:220px}
.mobile-bottom-item a{color:var(--fontcolor)}
.prodetails-page .crumbs,.prodetails-page .inner-banner{display:none}
.news .news-list{flex-wrap:nowrap;justify-content:flex-start}
.productcate{margin-left:.6rem;margin-right:.6rem}
.hotproduct-l .home-title{text-align:center}
.productcate-box-more{padding:20px 0px}
.aboutus-box{text-align:left}}
@media(max-width:540px){
.logo img{max-height:45px !important}
.container,.container-s{padding-left:15px;padding-right:15px}
.productcate{margin-left:15px;margin-right:15px}
.mob-menu span{height:2px}
.home-title,.location-title,.writetous h3, .writetous h5{font-size:var(--fontsize26)}
.about-r-num,.page-tit{font-size:var(--fontsize22)}
.foot-list div h6{font-size:var(--fontsize20)}
.project-name{font-size:var(--fontsize18)}
.faq-list .project-name{font-size:var(--fontsize16)}
.hotpro-title,.newpages-list>div{font-size:var(--fontsize14)}
.inquiry-form input{width:100%;margin-bottom:10px}
.document-text{padding-bottom:10px}
.project-content{margin-top:2px}
.document-title,.newsdetails-cont p{margin-bottom:10px}
.newspage-ninelist-1 li,.products-ninelist-1 li{width:49%;margin-right:2%}
.newspage-ninelist-1 li:nth-child(3n),.products-ninelist-1 li:nth-child(3n){margin-right:2%}
.newspage-ninelist-1 li:nth-child(2n),.products-ninelist-1 li:nth-child(2n){margin-right:0px}
.newsdetails .flex img{width:100%!important;margin:1% 0}
.newpages-list>div{width:50%}}
@media(max-width:415px){
.pdshow-r h1{font-size:var(--fontsize24);line-height:1.4}
.productcate-hot{padding:4px 8px;font-size:var(--fontsize12)}
.productcate-box{padding:40px 3% 20px}
.about-r li{width:50%;border-right:1px solid #EEEEEE}
.about-r li:nth-child(2n-1){border-right:none}
.productcate-box-more{font-size:var(--fontsize14);padding:10px 0px 20px}
.about-l-text{margin:10px 0px 20px;-webkit-line-clamp:15;max-height:none}
.about-r li:nth-child(3){border-top:none}
.headact{height:1rem}
.headact .head-box{top:1rem}
.headact .actbox{height:calc(100% - 1rem)}
.hotprocate li{left:-1px}
.hotprocate{margin:20px 0px}
.hotpro-box{padding:6px}
.foot-t{padding:20px 0px}
.foot-b{font-size:var(--fontsize12);padding:10px 0px}
.highpro-r-box::before{width:80%;left:10%}
.highpro-authentication li,.highpro-step,.highpro-step-num{margin-bottom:10px}
.highpro-text{margin:10px 0px}
.hotprocate li{margin-bottom:0px}
.news-text{margin:6px 0px 10px}
.news-data{margin:6px 0px}
.contact li,.contactus li{margin-top:10px}
.crumbs{padding:10px 0px}
.breadcrumbs .container{flex-direction:column;align-items:flex-start}
.breadcrumbs .container>div{margin-bottom:5px}
.prodetails-page .breadcrumbs{display:none}
.products-list-tit{font-size:var(--fontsize16);-webkit-line-clamp:3}
.newspage-item-tit a{font-size:var(--fontsize16)}
.newspage-item-text{font-size:var(--fontsize14)}
.video-img a::after{background-size:36px}
.project-content{-webkit-line-clamp:2;max-height:45px}
.products-ninelist-0 .products-list-tit{margin-top:0px}
.page-tit{margin-bottom:15px;line-height:1}
.newspage-item-box,.pdshow-r-btn>a{padding:0px 10px}
.pdservice{justify-content:flex-start}
.pdservice li{margin-right:20px}
.pdservice li i,.pdservice li em{margin-right:6px}
.maybe-list>li{width:49%}
.newspage-ninelist-1 li .newspage-content{padding:5px 10px 10px;margin:0px}
.newspage-data,.video-data{margin:5px 0px;font-size:var(--fontsize14)}
.faq-list .project-name{padding-left:15%;padding-right:15%}
.faq-list .project-content{padding-left:15%}
.download-img{width:120px}
.download-info{width:calc(100% - 120px)}
.download-btn{margin-left:140px;width:150px;font-size:var(--fontsize16);padding:4px 0px}
.download-name{font-size:var(--fontsize16);margin:10px 0px 20px}
.head-box nav{height:calc(100% - 3.3rem)}}
@media(max-width:376px){
.aboutus-box h6,.document-title h1,.home-title,.location-title,.writetous h3, .writetous h5{font-size:var(--fontsize22)}
.productcate-box-title{font-size:var(--fontsize16)}
.productcate-box-more{padding-bottom:10px}
.products-ninelist-0>li .products-list-text{margin:4px 0px 8px}}
@media(max-width:321px){
.products-add-inquirl{padding:6px 10px}
.products-ninelist-0>li .products-list-box{padding:5px 10px}
.viewmore{width:140px}}
.IE .newspage-tit a{display:block}
@media(max-width:1024px){
.head-box nav{height:auto}}
@media (max-width:415px){
.head-box nav{height:auto}}
@keyframes swiper-preloader-spin{
to{transform:rotate(1turn)}}
.lazy-lodding{position:absolute;width:100%;height:100%;top:0px;left:0px;background:#FCFCFC}
.lazy-lodding::before{content:'';display:block;width:22px;height:22px;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s linear infinite;border-left:2px solid var(--color);border-bottom:2px solid var(--color);border-right:2px solid var(--color);border-radius:50%;border-top:2px solid transparent}
img.lazy{opacity:0;position:absolute}
img.error,img.initial,img.loaded{opacity:1;position:static}
.lazy-wrap{display:flex;align-items:center;justify-content:center;position:relative;height:0px;padding-bottom:50%}
.lazy-loaded .lazy-lodding{display:none}
.lazy-loaded{height:auto;padding-bottom:0px}
.inquiry-form .input-error{border-color:var(--color)}
@media(max-width:768px){
.preview-container{padding-top:15px}
.mobmedia{position:absolute;left:0px;top:30px;width:100%;height:calc(100% - 30px)!important;z-index:9;background:#000000}
.mobflag{position:absolute;right:0px;top:0px;z-index:10;width:30px;height:30px;font-size:var(--fontsize24)}
.mobflag::after,.mobflag::before{content:'';display:block;position:absolute;width:20px;height:2px;background:#000000;top:14px;left:6px}
.mobflag::before{transform:rotate(45deg)}
.mobflag::after{transform:rotate(-45deg)}}
@media(min-width:800px){
.maybe-img{height:90%;display:flex;align-items:center}}
@media(max-width:768px){
.maybe-img{height:74%}
.maybe-tit{-webkit-line-clamp:1}}
.proboth .lastproducts{float:left;width:330px;color:var(--fontcolor)}
.proboth .pronewrig{width:calc(100% - 400px);float:right}
.proboth{margin-top:50px}
.proboth .prodetails-box{margin-top:0px}
@media screen and (min-width:769px){
#newpronoside .pdshow-r-btn>a,#newpronoside .pdshow-r-btn>div{width:auto;margin-right:20px;min-width:200px}
#newpronoside .pdshow-r-btn{justify-content:flex-start}}
#newpronoside .pdshow-r-btn>div a{justify-content:center}
@media screen and (max-width:1024px){
.proboth .lastproducts{display:none}
.proboth .pronewrig{width:100%}}
@media screen and (max-width:768px){
.prodetails-box-cont iframe{max-width:100%;min-height:240px;height:auto}}
#tagContent{padding-top:20px}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li{padding:0px 20px 10px 0px;float:left}
#tags li a{text-decoration:none;display:block;line-height:40px;margin-right:8px;border-bottom:1px solid transparent;color:var(--fontcolor);font-size:var(--fontsize22);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
ul#tags li.selectTag a{color:var(--color);border-color:var(--color)}
.tagContent{display:none}
#tagContent div.selectTag{display:block}
@media screen and (max-width:1200px){
#tags li a{font-size:var(--fontsize18)}}
@media screen and (max-width:560px){
#tags li a{font-size:var(--fontsize13);margin:0px;border:none}
#tags li{padding:3px;width:50%;text-align:center}
#tags li:nth-child(n+3){border-top:1px solid #FFFFFF}
#tags li:nth-child(2n){border-left:1px solid #FFFFFF}
#tags{background:#F2F2F2}}
@media screen and (min-width:769px){
section.index11-knowledge .news-list li{width:24%}}
@media screen and (max-width:1024px) and (min-width:769px){
section.index11-knowledge .news-list li{width:49%;margin-bottom:20px}}
@media(max-width:768px){
.aboutus-box img,.prodetails-bref img{height:auto!important}}
@media(max-width:768px){
.mobbotact{display:flex;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.mobactfoot{margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))}
iframe,video{max-width:100%;min-height:240px;height:auto}}
.nocenter{text-align:left}
.flex-l{width:50%;padding-right:3%}
.flex-r{width:50%}
.atext-t{font-size:var(--fontsize20);position:relative;padding:10px 0px}
.atext-t::before{content:'';display:block;position:absolute;bottom:0px;left:0px;width:40px;height:2px;background-color:var(--color)}
.flex-rr{flex-direction:row-reverse;margin:2% 0}
.flex-rr .flex-l{padding-right:0px}
.flex-rr .flex-r{padding-right: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(--color)}
#brand-history-list li p{color:var(--introcolor);-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden}
#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/m408/ca/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/m408/ca/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%}
.ca-flex{justify-content:space-between}
.ca-flex>li{width:32%;text-align:left;background:#EEEEEE;margin-top:2%;padding:2%;position:relative}
.ca-flex>li p{margin-bottom:0px;font-size:var(--fontsize18)}
.ca-flex>li::before{position:absolute;top:0px;right:2%;font-size:140px;color:rgba(255,255,255,.5);line-height:1}
.ca-flex>li:nth-child(1)::before{content:'1'}
.ca-flex>li:nth-child(2)::before{content:'2'}
.ca-flex>li:nth-child(3)::before{content:'3'}
.ca-flex>li:nth-child(4)::before{content:'4'}
.ca-flex>li:nth-child(5)::before{content:'5'}
.ca-flex>li:nth-child(6)::before{content:'6'}
@media(max-width:1024px){
.flex-l{width:100%;padding:0px}
.flex-r{width:100%}
.ch-flex>li img{max-width:100%}}
@media(max-width:768px){
.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}}
@media(max-width:540px){
#brand-history-list li h2{font-size:var(--fontsize26)}
.ca-flex>li{width:49%}}
@media(max-width:481px){
.atext-t{font-size:var(--fontsize18)}
.ca-flex>li::before{font-size:70px}
.ca-flex>li img{max-width:80px}}
@media(max-width:415px){
.ca-flex>li p{font-size:var(--fontsize15)}}
.copyright {font-size:var(--fontsize14)}
.copyright a {font-size:var(--fontsize14);margin-left:10px}
.solutions{color:var(--fontcolor);line-height:1.8}
.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:50px;height:2px;background-color:var(--color)}
.solutions-list>li{width:24%;background:#F6F6F6;text-align:center;padding:2% 10px 4%;margin:2% 0}
.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:var(--fontcolor);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:2px;background:var(--color);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-text{margin:10px 0px;font-size:var(--fontsize16)}
.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:-1px;left:0px}
.sup-list>li strong{font-size:40px;font-weight:var(--fontbold5);color:var(--fontcolor);line-height:1.7}
.flex-reverse{flex-direction:row-reverse}
.flex-reverse .flex-half-l{padding:0 0 0 6%}
.sup-list2>li{display:flex;flex-wrap:wrap}
.sup-list2>li .iconfont{font-size:40px;color:var(--color);line-height:1}
.sup-list2>li>div{flex:1;padding-left:16px}
.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(--color)}
#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/m408/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/m408/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}
.organ-item h6{font-size:var(--fontsize20);line-height:1.3;margin:10px 0px 0px}
.organ-item h6>span{font-size:var(--fontsize24);font-style:initial}
.ch-name{font-size:var(--fontsize20);margin:10px 0px}
.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(--fontsize24);line-height:1.3;position:relative;padding-bottom:10px;margin-bottom:20px}
.competitive-tit::before,.rdc-tit::before{content:'';display:block;width:60px;height:2px;background-color:var(--color);position:absolute;bottom:0px;left:0px}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:33%;margin:20px 0px;text-align:center}
.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(--color)}
.cmission-item-tit::before{content:'';display:block;width:50px;height:2px;background-color:var(--color);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;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%}
.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}
.organ-item img{max-width:90px}
.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)}}
#indproduct .home-title {text-align:center;margin-bottom:40px}
#indproduct .hotproduct-r {width:100%}
.addToCart{cursor:pointer;user-select:none}
.addToCart.added{background-color:var(--color);color:#FFFFFF}
.wmkc-culture-header{display:flex;background-color:#F7F8F8}
.wmkc-culture-size{width:50%;padding:40px;background-color:#F7F8F8}
.wmkc-culture-img{flex:1;margin:auto}
.wmkc-culture-img img{max-width:100%}
.wmkc-culture-size h5{font-size:var(--fontsize24)}
.wmkc-culture-sub{width:10%;height:2px;margin:15px 0px;background-color:var(--color)}
.wmkc-culture-fom{margin-bottom:30px}
.wmkc-culture-di{display:flex;align-items:center}
.wmkc-culture-di a{width:3%;margin-left:10px}
.wmkc-culture-di img{width:100%}
.wmkc-culture-com h5{font-size:var(--fontsize24);font-weight:var(--fontbold6);margin-top:50px}
.wmkc-culture-g{width:10%;height:2px;margin:15px 0px;background-color:var(--color)}
.wmkc-culture-sizee{margin-bottom:50px}
.wmkc-culture-vision{width:43%;margin-left:106px}
.wmkc-culture-left{width:28%;margin-right:30px}
.wmkc-culture-produ{display:flex}
.wmkc-culture-main{margin-left:256px}
.wmkc-culture-gg{width:5%;height:2px;background-color:#000000;margin-bottom:20px}
.wmkc-culture-left p:nth-of-type(1){font-size:var(--fontsize14)}
.wmkc-culture-left p:nth-of-type(2){font-size:var(--fontsize16);margin-top:10px;margin-bottom:10px}
.wmkc-culture-footer{display:flex;margin-top:115px;background-color:#F7F8F8}
.wmkc-phil{text-align:center!important}
.wmkc-phil-size{font-size:var(--fontsize20)}
.wmkc-phil-g{width:5%;height:2px;margin:15px 0px;background-color:var(--color)}
.wmkc-phil p{margin-bottom:10px}
.wmkc-duction{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-duction-img img{width:100%;height:100%}
.wmkc-duction-box{width:24%;margin-bottom:75px}
.wmkc-duction-h{font-size:var(--fontsize20);margin-top:15px;margin-bottom:25px}
.wmkc-duction-t{margin-bottom:10px}
.wmkc-duction-size{padding:0px 30px;border-left:6px solid var(--color)}
.wmkc-section-all{display:flex;justify-content:space-between}
.wmkc-section-img{flex:48%}
.wmkc-section-size{width:48%;margin-left:20px}
.wmkc-section-img img{padding:0px 0px 0px 55px;border-right:var(--color) solid 6px}
.wmkc-section-size h5{font-size:var(--fontsize20);padding:20px 0px}
.wmkc-section-p{line-height:1.7;padding:0px 45px 0px 0px}
.wmkc-section-btn{width:160px;display:flex;padding:10px 0px;background-color:var(--color);justify-content:center;align-items:center;margin-top:20px;color:#FFFf}
.wmkc-section-jt{width:10%}
.wmkc-section-as{display:flex;justify-content:space-between}
.wmkc-section-sizes{width:48%;padding:0px 0px 0px 55px;border-left:var(--color) solid 6px}
.wmkc-section-png{width:48%}
.wmkc-section-sizes h5{font-size:var(--fontsize20);padding:20px 0px}
.wmkc-section-all,.wmkc-section-as{margin-bottom:80px}
@media (max-width:1366px){.wmkc-section-img,.wmkc-section-png{margin:auto}
.wmkc-section-btn{width:40%}}
@media(max-width:1024px){.wmkc-culture-size{padding:20px 20px}
.wmkc-culture-fom{margin-bottom:20px}
.wmkc-culture-header{flex-direction:column}
.wmkc-culture-size{width:100%}
.wmkc-culture-main{margin-left:0px}
.wmkc-culture-vision{width:100%;margin-left:0px}
.wmkc-culture-left{width:48%;margin-right:0px}
.wmkc-culture-produ{justify-content:space-between}
.wmkc-culture-footer{flex-direction:column}
.wmkc-duction-box{width:48%}}
@media (max-width:768px){
.wmkc-culture-header,.wmkc-culture-produ{flex-direction:column}
.wmkc-culture-size{width:100%;padding:20px 20px}
.wmkc-culture-fom{margin-bottom:20px}
.wmkc-culture-sizee{margin-bottom:50px}
.wmkc-culture-main{margin-left:0px}
.wmkc-culture-vision{width:100%;margin-left:0px}
.wmkc-culture-left{width:100%;margin-right:0px}
.wmkc-culture-tur{text-align:center}
.wmkc-culture-ge{padding:50px 10px}
.wmkc-culture-footer{flex-direction:column;margin-top:0px}
.wmkc-culture-com h5{margin-top:50px}
.wmkc-duction-box{width:47%}
.wmkc-duction-size{padding:0px 10px}
.wmkc-duction-h{font-size:var(--fontsize18)}
.wmkc-duction-t{font-size:var(--fontsize14)}
.wmkc-section-all,.wmkc-section-as{flex-direction:column}
.wmkc-section-img img{padding:0px}
.wmkc-section-size,.wmkc-section-sizes{width:100%}
.wmkc-section-png{width:100%}
.wmkc-section-sizes{margin-bottom:50px}
.wmkc-section-p{padding:0px}
.wmkc-section-sizes{padding:0px 0px 0px 15px}
.wmkc-section-btn{padding:15px 0px;margin:auto;margin-top:20px;width:30%}
.wmkc-section-size{margin-left:0px}}
@media (max-width:320px){.wmkc-culture-sub{width:20%}
.wmkc-culture-gg{width:15%}
.wmkc-duction-box{width:100%}}
.newsdetails-cont table{max-width:100%;overflow-x:auto;overflow-y:hidden}
#swiper-banner img{height:auto}
@media(max-width:1024px){.mobcate-main .page-l{display:block;width:100%;margin-bottom:20px}
.mobcate-main .page-l .lastproducts{display:none}
.mobcate-main .page-l .categories{position:relative}
.mobcate-main .page-l .categories .sf-menu{position:absolute;top:100%;left:0px;right:0px;padding:0px 10px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .page-l .categories .page-l-menu-tit{color:var(--fontcolor);font-size:var(--fontsize20);padding:10px 0px;border-bottom:1px solid #CCCCCC;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}}
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 30px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 30px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media(max-width:1600px){.prohome-content,.prolist-bottom{padding:0px 15px}}
@media(max-width:768px){.prohome-content{clear:both;padding:0px 15px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;padding:0px 15px;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}
div.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
div.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
div.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
div.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
div.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
div.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
div.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
div.blogcontent p a{color:var(--color)}
div.blogcontent p a:hover{text-decoration:underline}
div.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
div.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:25px;min-width:30px}
.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:0px}
.lang-icon span{display:none;position:relative;padding-right:18px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#000000;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#000000;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{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:1024px){.lang{margin-left: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}}
@media(min-width:1025px){
nav .nav .submenu.nav3 li a{padding-left:100px}}
nav .nav .submenu.nav3 li .cate-img a{padding:0px}
.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:99;position:relative}
.preview-container .big-box.act{display:none!important}
@media(max-width:768px){
.gotop{display:none!important}
.mobile-bottom-item .gotop{display:flex!important;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);transition:none!important;opacity:1!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;min-height:160px}
.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}
.wmkcfeedback .wmkcfb-name{background:url(https://css02.v15cdn.com/m408/green/inname.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-email,.wmkcfeedback .wmkcfb-emailcomfirm{background:url(https://css02.v15cdn.com/m408/green/inemail.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-phone{background:url(https://css02.v15cdn.com/m408/green/inphone.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-company{background:url(https://css02.v15cdn.com/m408/green/incompany.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-title{background:url(https://css02.v15cdn.com/m408/green/intitle.webp) no-repeat;background-position:right -24px}
.wmkcfeedback .wmkcfb-content{background:url(https://css02.v15cdn.com/m408/green/incontent.webp) no-repeat right 14px}
.wmkcfeedback .wmkcfb-content.require{background:url(https://css02.v15cdn.com/m408/green/incontent-c.webp) no-repeat right 14px}