@charset "utf-8";
@import url('https://css02.v15cdn.com/m419/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m419/message.css");
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#d9251c;--hovercolor:#111111;--fontcolor:#111111;--headercolor:#FFFFFF;--footercolor:#EEEEEE;--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;--fontsize32:32px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Roboto', 'Lato', 'Open Sans', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', arial, sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea{margin:0px;padding:0px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{margin:0px;padding:0px;font-size:13.333vw;overflow-x:hidden;direction:rtl}
body{margin:0px auto;padding-top:80px;max-width:1920px;font-size:var(--fontsize16);line-height:1.6;color:var(--fontcolor);font-family:var(--fontfamily)}
a,a:hover{text-decoration:none;color:inherit;cursor:pointer}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold6);text-transform:capitalize}
table{border-collapse:collapse}
ol,ul,li{list-style:none}
textarea{overflow:auto}
button{cursor:pointer}i{vertical-align:middle}
img{max-width:100%;border:none;height:auto;vertical-align:bottom}
iframe,video{max-width:100%;border:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input::placeholder,textarea::placeholder{font-family:inherit}main,section{display:block}
.table td,.table th{border:1px solid #EEEEEE;padding:2px 6px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #E5E5E5;padding:8px}
.clearfix{zoom:1}
.clearfix::after{content:'';display:block;height:0px;visibility:hidden;clear:both}
.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}
.flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.line1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line2{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.line5{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.container{width:100%;max-width:1640px;margin:0px auto;padding:0px 20px}
.bodylay{position:fixed;top:0px;bottom:0px;right:0px;left:0px;z-index:98;display:none;background:rgba(0,0,0,.6)}
@-webkit-keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.lazy-lodding{position:absolute;width:100%;height:100%;top:0px;left:0px}
.lazy-lodding::before{content:'';display:block;width:26px;height:26px;position:absolute;left:50%;top:50%;margin-left:-17px;margin-top:-17px;z-index:10;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s linear infinite;animation:swiper-preloader-spin 1s linear infinite;border-left:2px solid #888888;border-bottom:2px solid #888888;border-right:2px solid #888888;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{width:100%;display:flex;align-items:center;justify-content:center;position:relative;flex-wrap:wrap}
.lazy-wrap::after{display:block;content:'';padding-bottom:100%}
.lazy-loaded .lazy-lodding{display:none}
.inquiry-form .input-error{border-color:#244D4D}
.addToCart,.faq-list .project-name,.products-add-inquirl,.rfixed-sc{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
#li_Menu101_MainHome,#li_Menu101_home,.cate-con .cate-info,.nav .submenu.nav2::before,.nav .submenu.nav3::before{display:none}
header{position:fixed;top:0px;left:0px;width:100%;z-index:999;height:80px;background:#FFFFFF;transition:height .2s;box-shadow:0 0 5px #F1F1F1}
@media(min-width:801px){
.fixhead{height:60px}}
header>.container{height:100%}
.head-box{height:100%}
.logo{max-width:200px;max-height:100%}
.logo img{max-height:100%;transition:all .3s}
nav{height:100%}
.headsearch{position:relative;height:100%}
.searchicon{color:var(--color);padding:6px 10px;cursor:pointer;font-size:var(--fontsize22) !important;margin-right:14px}
.search-box{position:absolute;right:24px;top:100%;display:none;width:300px;border:1px solid #CCCCCC;background:#FFFFFF;height:44px}
.search-box #txtSearch{width:260px;height:100%;color:var(--fontcolor);padding:0px 20px;font-size:var(--fontsize14);float:left}
.search-box #txtSearch::-webkit-input-placeholder{color:var(--introcolor)}
.search-box #txtSearch::-moz-placeholder{color:var(--introcolor)}
.search-box #txtSearch:-ms-input-placeholder{color:var(--introcolor)}
.search-box #txtSearch::-ms-input-placeholder{color:var(--introcolor)}
.search-box #txtSearch::placeholder{color:var(--introcolor)}
.search-box .searchbtn{width:38px;float:left;height:100%;background:0 0;display:block;border-left:1px solid #CCCCCC;color:var(--introcolor)}
.nav{height:100%}
.nav .submenu{width:auto;max-width:250px;position:absolute;top:100%;left:0px;transition:transform .3s;z-index:10;background:var(--color);transform-origin:top;transform:rotateX(90deg);visibility:hidden}
.nav>li:last-child .submenu{left:auto;right:0px}
.nav>li:last-child .submenu::before{left:auto;right:12px}
.nav .submenu::before{content:'';display:block;position:absolute;left:12px;border:6px solid transparent;border-bottom-color:var(--color);top:0px;transform:translateY(-100%)}
.nav a{display:block;color:var(--fontcolor);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nav>li:not(.liproducts-diff){position:relative}
.nav>li{display:flex;align-items:center;margin:0px 10px}
.nav>li>a{text-transform:uppercase}
.nav .submenu a{padding:5px 15px;color:var(--headercolor)}
.nav .submenu.nav1 a{padding-right:30px}
.nav .inmenu_1,.nav>li:hover>a{color:var(--color)}
.nav .submenu a:hover{background:rgba(0,0,0,.2)}
.nav>li:hover .submenu{transform:rotateX(0)}
.nav .submenu.nav2,.nav .submenu.nav3{width:100%;max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:30px 15% 0px;background:#FCFCFC;top:100%;border-top:1px solid #EEEEEE}
.nav .submenu.nav2>li{width:25%;text-align:center;margin-bottom:30px}
.nav .submenu.nav2>li img{width:120px;max-height:120px;border:1px solid #EEEEEE}
.nav .submenu.nav3>li{width:33%;position:relative;min-height:100px;padding:0px 6% 0px 110px;margin:0px 0px 30px 0px}
.nav .submenu.nav2>li a,.nav .submenu.nav3>li a{padding:0px;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fontcolor)}
.nav .submenu.nav2>li a:hover,.nav .submenu.nav3>li a:hover{background:0 0;color:var(--color)}
.nav .submenu.nav2 ul a,.nav .submenu.nav3 ul a{font-size:var(--fontsize14);padding-top:4px}
.cate-con{border-top:1px solid rgba(255,255,255,.2);margin-top:4px}
.cate-con .cate-img{position:absolute;top:0px;left:0px;overflow:hidden;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #EEEEEE}
.cate-con .cate-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.nav1>li{position:relative}
.nav1>li a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav1 ul{position:absolute;left:100%;top:0px;width:100%;background:var(--color);display:none}
.nav1>li:hover ul{display:block}
nav .nav>li .nav1 i{display:block;position:absolute;right:8px;top:50%;margin-top:-8px;font-size:var(--fontsize12);color:var(--headercolor)}
.nav>li>a i{font-size:var(--fontsize12);margin-left:4px}
li#limore li i{display:none}
li#limore li .submenu{position:static}
@media(min-width:1025px){
#liinquiry{display:flex;align-items:center;margin:0;}
#liinquiry a{background:var(--color);height:40px;padding:0 15px;border-radius:30px;color:#fff!important;transition:all .1s linear;text-decoration:none;display:flex;align-items:center;}
#liinquiry a:hover{opacity:.9}
}
.noscroll{overflow-Y:hidden;max-height:100vh}
.home-page{background-color:#FAFAFA}
.home-page>section{overflow:hidden}
#swiper-banner img{width:100%;display:block}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:70px;height:70px;background:#FFFFFF;line-height:70px;transition:background .2s;margin-top:-35px;border-radius:50%;padding:0px 8px}
#swiper-banner .swiper-button-next::before,#swiper-banner .swiper-button-prev::before{content:'';display:block;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.2);position:absolute;left:-10px;top:-10px;z-index:-1}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background-color:var(--color)}
#swiper-banner .swiper-button-next{right:-35px;text-align:left}
#swiper-banner .swiper-button-prev{left:-35px;text-align:right}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:var(--fontsize24);color:var(--fontcolor);font-weight:var(--fontbold7)}
#swiper-banner .swiper-button-next:hover i,#swiper-banner .swiper-button-prev:hover i{color:#FFFFFF}
.swiper-pagination-bullet{width:10px;height:10px;margin:0px 5px}
.swiper-pagination-bullet-active{background:#333333}
#swiper-banner .swiper-pagination{bottom:0px}
.procate{padding:40px 0px 10px}
.procate-list{padding:0px 15px}
.procate-list li{width:calc(20% - 30px);height:48px;display:flex;align-items:center;justify-content:center;background-color:#FFFFFF;border:1px solid var(--color);margin:10px;transition:background .2s}
.procate-list li a{padding:0px 5px;color:var(--color);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}
.repro{padding:3% 0px;overflow:hidden}
.repro-swiper{width:calc(100% - 80px);padding:20px 0px}
.repro-box-next,.repro-box-prev{width:40px;height:40px;color:var(--color);background-color:#FFFFFF;font-weight:var(--fontbold7);display:flex;align-items:center;justify-content:center;transition:background .2s;cursor:pointer}
.repro-box-next:hover,.repro-box-prev:hover{background-color:var(--color);color:#FFFFFF}
.repro-boxlist li{background-color:#FFFFFF;padding:0px;height:auto;transition:box-shadow .2s;width:25%}
.repro-item-img{overflow:hidden;background-color:#FFFFFF}
.repro-item-cont{padding:10px}
.repro-name{text-transform:capitalize;font-size:var(--fontsize16);color:var(--fontcolor);max-height:48px}
.repro-more{display:block;border-top:1px solid #DADADB;color:var(--introcolor);font-size:var(--fontsize14);margin-top:8px;padding-top:12px;text-transform:lowercase}
.repro-boxlist li:hover .repro-more{color:var(--color)}
.newpro{padding:3% 0px;background-color:#FFFFFF}
.newpro-list li{margin:15px 0px 10px 0px;width:50%;background-color:#FFFFFF}
.newpro-item-l{position:relative;overflow:hidden;width:40%;border:1px solid #EEEEEE}
.newpro-item-r{width:58%;padding:0px 4%}
.newpro-name{text-transform:capitalize;font-size:var(--fontsize20);color:var(--fontcolor);line-height:1.3;max-height:52px}
.newpro-bref{font-size:var(--fontsize14);color:var(--introcolor);line-height:1.7;margin:4% 0px;max-height:95px}
.newpro-more{display:inline-block;background-color:#EDEDED;color:var(--color);text-align:center;padding:2% 10%;position:relative;margin-top:10px;text-transform:lowercase}
.newpro-more span{position:relative;white-space:nowrap;font-size:var(--fontsize14)}
.newpro-more::before{content:'';display:block;position:absolute;top:0px;left:0px;width:3px;height:100%;background-color:var(--color);transition:width .2s}
.home-tit{font-size:var(--fontsize32);color:var(--color);margin-bottom:10px;text-transform:capitalize;text-align:center;line-height:1.2}
.about{overflow:hidden}
.about-l{width:50%}
.about-l::after{padding-bottom:50%}
.about-l img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.about-r{width:50%;padding:2% 8% 2% 2%}
.about-r-tit{font-size:var(--fontsize32);color:var(--color);line-height:1.3}
.about-r-text{color:var(--introcolor);line-height:1.7;font-size:var(--fontsize14);margin:10px 0px 30px}
.about-r-list{max-width:74%}
.about-r-list li{margin-top:20px}
.about-r-list i,.about-r-list em{font-size:40px;color:var(--color);margin-top:5px}
.about-r-list div p:nth-child(1){font-size:var(--fontsize20);color:var(--fontcolor)}
.about-r-list div{flex:1;padding:8px 0px 0px 20px}
.about-r-list div p:nth-child(2){font-size:var(--fontsize14);color:var(--introcolor)}
.our{padding:4% 0px;background-color:#FFFFFF}
.home-text{color:var(--introcolor);font-size:var(--fontsize18);text-align:center;max-width:920px;margin:0px auto}
.our-list{margin-top:2%;background-color:#FEFEFE}
.our-list li{width:16.66%;text-align:center;padding:3.5% 0px}
.our-list li:nth-child(odd){background-color:#FAFAFA}
.our-list li .iconfont{font-size:48px;color:var(--color);transition:all 0.2s linear;display:inline-block}
.our-list li:hover .iconfont{transform:rotateY(180deg)}
.our-list .our-item-name{color:var(--introcolor);margin:10px 0px 6px;line-height:1.5;word-break:break-all}
.our-list .our-item-bref{color:var(--fontcolor);font-size:var(--fontsize24);font-weight:var(--fontbold5);line-height:1}
.news{padding:3% 0px;background-color:#FAFAFA}
.news-list{margin-top:2%}
.news-list li{width:24%;background-color:#FFFFFF;transition:box-shadow .2s}
.news-item-img{overflow:hidden}
.news-item-img::after{padding-bottom:50%}
.news-item-img img,.project-img img{width:100%;transition:all .3s}
.news-cont{padding:20px 15px 15px 15px;position:relative}
.news-item-date{position:absolute;right:5px;top:-28px;width:50px;height:50px;background-color:var(--hovercolor);border-radius:50%;color:#FFFFFF;font-size:var(--fontsize14);text-align:center;transition:background .2s;text-transform:uppercase}
.news-item-date strong{display:block;font-size:var(--fontsize15);font-weight:var(--fontbold5);line-height:1;padding-top:10px}
.news-name{text-transform:capitalize;font-size:var(--fontsize18);color:var(--fontcolor);display:block}
.news-bref{color:var(--introcolor);font-size:var(--fontsize14);max-height:48px;margin-top:4px}
.news-list li:hover .news-name{color:var(--color)}
.news-list li:hover .news-item-date{background-color:var(--color)}
.honor{padding:3% 0px;background-size:cover;background-color:#FFFFFF;background-repeat:no-repeat;background-position:center}
.honor-list{margin-top:2%;justify-content:space-between}
.honor-list>div{width:18%;text-align:center}
.down{position:relative;left:0px;top:-10px;height:40px}
.reflection{width:100%;height:100%;background-repeat:no-repeat;background-position:bottom center;transform:scaleY(-1);opacity:.5;filter:alpha(opacity='50')}
.overlay{position:absolute;width:100%;height:100%;bottom:0px;left:0px;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(245,245,235,.7) 50%,rgba(245,245,235,1))}
footer{clear:both;margin:40px auto 0px auto;padding:0px;color:var(--footercolor);background-color:var(--hovercolor)}
.index footer{margin:0px auto}
footer a{color:var(--footercolor)}
.foot-t{padding:2% 0px;overflow:hidden}
.footitem{max-width:22%}
.foottit{font-size:var(--fontsize22);margin-bottom:20px;text-transform:capitalize}
.fshare{margin:24px 0px 0px}
.fshare ul{display:flex;flex-wrap:wrap}
.fshare ul li{margin:0px 10px 10px 0px}
.fshare a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#FFFFFF;border-radius:4px;transition:transform .2s ease-in-out}
.social-item.fb{background-color:#3b5997}
.social-item.tw{background-color:#323232}
.social-item.lk{background-color:#0077b5}
.social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #FD5949 45%, #d6249f 60%, #285aeb 90%)}
.social-item.you{background-color:#cc2127}
.social-item.pi{background-color:#db0023}
.social-item.tik{background-color:#000000}
.social-item.vk{background-color:#0077FF}
.fshare i{font-size:var(--fontsize20)}
.fcontact a:hover,.fnav li a:hover,.fpronav li a:hover{color:var(--color)}
.fcontact p{margin-bottom:8px}
.fnav{display:flex;flex-wrap:wrap;flex-direction:column;max-height:220px;max-width:100%;width:300px}
.fnav li{margin-bottom:8px;margin-right:40px;text-transform:capitalize;max-width:50%}
.fpronav li{margin-bottom:6px;text-transform:capitalize}
.fnav li a,.fpronav li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ErWeiImg{max-width:120px;margin-top:6px}
.foot-bcont{border-top:1px solid #FFFFFF1A;padding:10px 0px}
.copy{font-size:var(--fontsize14);text-align:center}
.copy a{font-size:var(--fontsize14);margin-left:10px}
.rfixed{position:fixed;bottom:calc(150px + constant(safe-area-inset-bottom));bottom:calc(150px + env(safe-area-inset-bottom));right:35px;z-index:99}
@media(max-width:800px){
.rfixed{right:24px}}
.rfixed-sc{width:40px;height:40px;background:var(--color);border-radius:50%;text-align:center;line-height:38px;color:#FFFFFF;position:relative;margin-bottom:10px;cursor:pointer;display:none}
.rfixed-sc i,.rfixed-sc em{font-size:var(--fontsize20)}
.rfixed-scnum{position:absolute;right:-2px;top:-2px;width:16px;height:16px;background:var(--color);border-radius:50%;text-align:center;font-size:var(--fontsize12);color:#FFFFFF;transform:scale(.9);line-height:16px}
.mobile-bottom-bag .rfixed-scnum{right:26%;top:.05rem}
.gotop{width:40px;height:40px;background-color:#FFFFFF;text-align:center;line-height:38px;cursor:pointer;display:none;font-weight:var(--fontbold7);border-radius:50%;color:var(--fontcolor);box-shadow:0 0 4px #EEEEEE}
.mob-menu{display:none;cursor:pointer;margin-left:30px;position:relative}
.mob-menu span{position:absolute;left:0px;display:block;height:3px;background:#222222;border-radius:2px;transition:all .2s}
.mob-menu span:nth-child(1){width:100%;top:0px}
.mob-menu span:nth-child(2){width:90%;top:43%}
.mob-menu span:nth-child(3){width:80%;top:auto;bottom:0px}
.mobact span:first-child{transform:rotate(45deg);top:46%}
.mobact span:nth-child(2){opacity:0}
.mobact span:nth-child(3){width:100%;transform:rotate(-45deg);top:46%}
.mobile-bottom-bag{display:none;position:relative}
.mobile-bottom{display:none;background:#FCFCFCFB;align-items:center;position:fixed;left:0px;bottom:-1.2rem;width:100%;z-index:500;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:opacity .2s,bottom .2s;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.mobile-bottom-item{text-align:center;width:25%;font-size:var(--fontsize12);text-transform:capitalize;height:1rem}
.mobile-bottom-item a{color:var(--fontcolor)}
.mobile-bottom-item i,.mobile-bottom-item em{display:block;line-height:1;margin-top:6px;font-size:var(--fontsize20)}
.page-box{padding:2% 0px}
.inner-banner img{display:block}
.crumbs{padding:10px 0px;width:100%;color:var(--introcolor);text-transform:capitalize;border-bottom:solid 1px #F5F5F5}
.crumbs a,.crumbs h1 a:nth-child(1){font-size:var(--fontsize14);color:var(--fontcolor);font-weight:normal}
.crumbs a:hover,.crumbs a:active{color:var(--color)}
.crumbs h1,.crumbs h1 a,.crumbs span,.crumbs span a,.productsType-page .crumbs h1 a:nth-child(1){font-size:var(--fontsize18);color:var(--color);font-weight:var(--fontbold5);line-height:1;display:inline-block}
.page-l{float:left;width:340px}
.page-r{width:calc(100% - 410px);float:right}
.inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.siggle-cont{font-size:var(--fontsize16)}
.aboutus-box .about-tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:var(--fontcolor);margin-bottom:10px}
.aboutus-box p{color:var(--fontcolor);line-height:1.8}
.contactsec1-l{width:40%;color:var(--introcolor)}
.contact-tit{font-size:var(--fontsize22);color:var(--fontcolor);position:relative;margin-bottom:30px}
.contact-tit strong{display:inline-block;border-bottom:1px solid #DDDDDD;padding-bottom:10px;font-weight:var(--fontbold4);text-transform:capitalize}
.contact-tit::before{content:'';display:block;position:absolute;bottom:-1px;left:0px;width:40px;height:3px;background-color:var(--color)}
.contactus>div{display:flex;margin-bottom:30px}
.contactus>div a:hover{color:var(--color)}
.contactus>div>p{width:50px;height:50px;background:#FFFFFF;border:1px solid #EEEEEE;display:flex;align-items:center;justify-content:center;color:var(--introcolor)}
.contactus>div>p .iconfont{font-size:var(--fontsize18)}
.contactus>div>div{flex:1;padding-left:20px}
.contactus>div>div>p:nth-child(1){font-size:var(--fontsize18);color:var(--fontcolor)}
.contactus>div>div>p:nth-child(2){font-size:var(--fontsize14);color:var(--introcolor)}
.contactsec1-r{width:50%}
.categories{margin-bottom:20px}
.aside-tit{font-size:var(--fontsize22);color:var(--fontcolor);border-bottom:1px solid #DDDDDD;position:relative;padding-bottom:10px;margin-bottom:15px}
.aside-tit::before{content:'';display:block;width:40px;height:3px;background:var(--color);position:absolute;bottom:-2px;left:0px}
.sf-menu a{display:block;padding:10px 20px 10px 0px;color:var(--fontcolor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.sf-menu>li{position:relative}
.sf-menu .LiLevel1>a{font-size:var(--fontsize16);color:var(--fontcolor)}
.sf-menu .LiLevel1:last-child{border:none}
.sf-menu>li i{position:absolute;right:6px;top:10px;z-index:1;cursor:pointer;transition:transform .2s ease-in-out;color:var(--fontcolor);font-weight:var(--fontbold7)}
.sf-menu>li i.active{transform:rotate(90deg)}
.mob-search,.sf-menu ul{display:none}
.sf-menu ul a{font-size:var(--fontsize16);padding:5px 15px}
.sf-menu a.currentProType,.sf-menu a:hover{color:var(--color)}
.sub-menu>li i{top:4px}
.sub-menu ul a{padding:4px 30px;font-size:var(--fontsize14)}
.sf-menu li:hover>i{transform:rotate(90deg)}
.sf-menu li:hover>ul{display:block}
.relatedpro{margin-bottom:40px}
.relatedpro-list li{width:100%;margin-top:20px}
.relatedpro-img{overflow:hidden;border:1px solid #EEEEEE;width:120px;height:120px;display:block}
.howtouse-img img,.newspage-img img,.relatedpro-img img,.video-img img{width:100%;display:block;transition:all .3s}
.relatedpro-box{flex:1;padding-left:18px}
.relatedpro-name{font-size:var(--fontsize16);color:var(--fontcolor);max-height:48px}
.relatedpro-more{font-size:var(--fontsize14);color:var(--introcolor);display:block;margin-top:16px;text-transform:lowercase}
.relatedpro-list>li:hover .relatedpro-name{color:var(--color)}
.relatedpro-list>li:hover img{transform:scale(1.05)}
.products-ninelist-1{display:flex;flex-wrap:wrap}
.products-ninelist-1 li{width:calc(33.33% - 27px);margin:0px 40px 40px 0px;border:1px solid #EEEEEE}
.products-ninelist-1 li:nth-child(3n){margin-right:0px}
.products-list-img{overflow:hidden;border-bottom:1px solid #EEEEEE5A;position:relative}
.products-list-img .icon-hottitle{position:absolute;left:5px;top:0px;z-index:1;font-size:35px;color:var(--color)}
.maybe-img img,.newpro-item-l img,.products-list-img img,.repro-item-img img{transition:all .3s}
.products-item-name{text-transform:capitalize;font-size:var(--fontsize18);color:var(--fontcolor);max-height:47px;line-height:1.3;margin-bottom:8px}
.proline::before{content:'';display:block;width:30px;height:2px;background:var(--color)}
.products-item-bref{font-size:var(--fontsize14);margin-bottom:20px;color:var(--introcolor);max-height:42px}
.products-add-inquirl{width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;right:-1px;bottom:-1px;color:var(--introcolor);background-color:#FFFFFF}
.products-add-inquirl i{font-size:var(--fontsize20)}
.pro-price{color:var(--color);font-size:var(--fontsize14);margin-top:10px}
.pro-item-checked .products-item-name,.products-ninelist-1 li:hover .products-item-name{color:var(--color)}
.pro-item-checked .products-add-inquirl{color:var(--color)}
.products-ninelist-1 li .products-list-box{padding:14px}
.products-ninelist-0>li{overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px;transition:transform .3s,box-shadow .3s}
.products-ninelist-0>li .products-list-img{width:320px;border:1px solid #EEEEEE}
.products-ninelist-0>li .products-list-box{width:calc(100% - 320px);padding-left:40px}
.products-ninelist-0{padding-bottom:1px}
.products-ninelist-0>li:hover .products-item-name{color:var(--color)}
.procateword{margin:0px auto;padding:10px;box-shadow:0px 0px 10px rgba(0,0,0,.1)}
.procateword a{text-decoration:underline;text-transform:lowercase}
.procateword a:hover,.procateword a:active{color:var(--color)}
.protype-text{padding-top:4px}
.compare-panel{width:280px;background:#FFFFFF;position:fixed;z-index:1000;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCCCCC;display:none;transition:bottom .2s}
#jljw_IM_GdImBox{z-index:900!important}
.mobactfoot+.compare-panel{bottom:calc(1rem + constant(safe-area-inset-bottom) + 1px);bottom:calc(1rem + env(safe-area-inset-bottom) + 1px)}
.compare-t{background-color:var(--color);font-size:var(--fontsize14);color:#FFFFFF;display:flex;align-items:center;padding:6px 10px}
.compare-close{position:relative;width:24px;height:24px;background:0 0}
.compare-close::after,.compare-close::before{content:'';display:block;width:10px;height:2px;background-color:#FFFFFF;position:absolute;top:50%;border-radius:2px}
.compare-close::before{transform:rotate(45deg);left:4px}
.compare-close::after{transform:rotate(-45deg);right:4px}
.compare-tit{text-align:center;flex:1;line-height:1.5}
.compare-checked{color:#FFFFFF;margin:0px 4px}
#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.selected-item{position:relative;border-bottom:1px solid #DDDDDD;padding:10px 0px;display:flex;align-items:center}
.item-clear{position:relative;width:26px;height:26px;background-color:transparent;cursor:pointer}
.item-clear::after,.item-clear::before{content:'';display:block;position:absolute;width:70%;height:2px;background-color:#555555;border-radius:2px;top:50%;margin-top:-1px}
.item-clear::before{transform:rotate(45deg);left:3px}
.item-clear::after{transform:rotate(-45deg);left:3px}
.item-content{flex:1;display:flex;align-items:center}
.item-img{width:50px;height:50px;background:#FFFFFF;border:1px solid #EEEEEE;display:flex;align-items:center;justify-content:center}
.item-img img{max-width:100%;max-height:100%}
.item-c{width:calc(100% - 50px);padding:0px 10px;font-size:var(--fontsize12)}
.item-title{max-height:34px;line-height:1.3;word-break:break-word;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-price{color:var(--color)}
.compare-b{padding:20px 10px;display:flex;justify-content:space-between}
.compare-b *{display:block;width:80px;text-align:center;font-size:var(--fontsize12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0px 2px}
.clear-all{color:var(--fontcolor);background-color:#EDEDED}
.compare-inquire,.compare-inquire:hover{color:#FFFFFF;background-color:var(--color)}
.compare-b .orderNow{margin:0px;background:#F66F08;color:#FFFFFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:var(--fontsize12);cursor:pointer;display:block;width:80px}
.pages{color:var(--fontcolor);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:20px 0px;font-size:var(--fontsize14)}
.pages a,.pages span{text-transform:capitalize;display:inline-block;min-width:40px;height:40px;line-height:40px;text-align:center;background-color:#EDEDED;padding:0px 10px;transition:background .2s;margin:5px}
.pages a{color:var(--fontcolor)}
.pages span{color:var(--fontcolor)}
.pages .ctxt,.pages a:hover{background:var(--color);color:#FFFFFF}
.vPlay{position:absolute;left:0px;bottom:0px;font-size:40px;line-height:1;cursor:pointer;z-index:9;display:none;color:var(--color)}
.pdshow-l{width:400px}
.preview-container{position:relative;width:100%;height:100%}
.small-box{width:100%;height:400px;border:1px solid #EEEEEE;position:relative;background:#FFFFFF;overflow:hidden}
.preview-container .small-box img{max-width:100%;max-height:100%;display:block}
.preview-container .small-box .hover{position:absolute;width:200px;height:200px;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:28px;height:28px;margin-top:-14px;color:var(--introcolor);line-height:1}
.preview-container .thumbnail-box .btn i{font-size:var(--fontsize26);font-weight:var(--fontbold7)}
.preview-container .thumbnail-box .btn-prev{left:5px}
.preview-container .thumbnail-box .btn-next{right:5px}
.preview-container .thumbnail-box .btn_next_disabled,.preview-container .thumbnail-box .btn_prev_disabled{opacity:.5;cursor:auto;pointer-events:none}
.preview-container .thumbnail-box .list{overflow:hidden;width:calc(100% - 72px);margin:0px auto;position:relative}
.preview-container .thumbnail-box .list ul .item{width:76px;height:76px;display:flex;justify-content:center;align-items:center;margin:0px 3px;border:1px solid #EEEEEE;font-size:0px;cursor:pointer;overflow:hidden;position:relative}
.preview-container .thumbnail-box .list ul .item img{width:100%;max-height:100%}
.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:50px;border-radius:20px;background:#999999;bottom:32px;height:34px;right:0px;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFFFFF;font-size:var(--fontsize14);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:400px;background:#FFFFFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.singglepic{width:100%;height:100%;border:1px solid #EEEEEE;display:flex;align-items:center;justify-content:center}
.pdshow-r{width:calc(100% - 400px);padding:20px 0px 0px 40px}
.pdshow-r h1{font-size:var(--fontsize26);line-height:1.3;font-weight:var(--fontbold5);color:var(--fontcolor)}
.pdshow-r-text{margin:10px 0px 30px;color:var(--introcolor);font-size:var(--fontsize16)}
.product-content-price{color:var(--color);font-size:var(--fontsize16);margin-top:6px}
.pdshow-r-btn{margin:30px 0px 0px;display:flex}
.addToCart,.pdshow-r-btn a{display:block;margin:0px 20px 20px 0px;width:240px;text-align:center;font-size:var(--fontsize16);color:var(--color);padding:10px 0px;border:1px solid var(--color);position:relative;cursor:pointer;text-transform:capitalize}
.pdshow-r-btn a::before,.pdshow-r-btn .addToCart::before{content:'';display:block;position:absolute;top:-1px;left:0px;width:0px;height:calc(100% + 2px);background-color:var(--color);transition:width .3s;z-index:-1}
.pdshow-r-btn i{margin-left:8px;font-size:var(--fontsize18);line-height:1}
.addToCart.added{color:#FFFFFF;background-color:var(--color)}
.addToCart i{vertical-align:baseline}
.prodetails-box{margin-top:4%}
.details-tit{font-size:var(--fontsize22);color:var(--fontcolor);text-transform:capitalize;margin-bottom:20px}
.details-tit span{display:inline-block;border-bottom:1px solid #DDDDDD;position:relative;padding:0px 10px 10px 0px}
.details-tit span::before{display:block;content:'';position:absolute;bottom:-2px;left:0px;width:40px;height:3px;background-color:var(--color)}
.newsdetails-cont iframe,.newsdetails-cont video,.page-r iframe,.page-r video,.siggle-cont iframe,.siggle-cont video{max-width:100%;max-height:100%}
.prodetails-bref{color:var(--fontcolor);line-height:1.7}
.newsdetails-cont img,.prodetails-bref img,.siggle-cont img{height:auto!important}
.newsdetails-cont a,.prodetails-bref a{color:var(--color);text-decoration:underline}
.newsdetails-cont strong,.prodetails-bref strong{font-weight:var(--fontbold6)}
.newsdetails-cont p,.prodetails-bref p{margin-bottom:0px;word-wrap:break-word}
.productsTags a{color:var(--fontcolor);text-decoration:underline;text-transform:lowercase}
.productsTags a:hover{color:var(--color)}
.table-responsive{margin:10px 0px;overflow-x:auto}
.prodetails-bref table{max-width:100%;overflow-x:auto;width:100%}
.prodetails-bref table p{margin-bottom:0px}
.hottag{color:var(--fontcolor)}
.hottag-share{margin:10px 0px 0px}
.pages-list{margin-top:40px;display:flex;flex-wrap:wrap;border:1px solid #EEEEEE}
.pages-list>div{width:50%;color:var(--fontcolor);display:flex;font-size:var(--fontsize16);padding:15px;line-height:1.3}
.pages-list>div span:nth-child(2){word-break:break-all;padding-left:4px}
.pages-list>div:hover a{color:var(--color)}
.maybe,.pd-inquirl{margin-top:40px}
.maybe-list li{width:32%;margin-bottom:20px}
.maybe-img{border:1px solid #EEEEEE;overflow:hidden}
.maybe-name{text-align:center;font-size:var(--fontsize16);color:var(--fontcolor);margin-top:6px;line-height:1.3}
.maybe-list li:hover .maybe-name{color:var(--color)}
.inquiry-pro-list{margin:20px 0px;display:none;width:100%;justify-content:space-between;flex-wrap:wrap}
.inquiry-pro-item{display:flex;align-items:center;width:49%;padding:20px 0px;position:relative;border-bottom:1px solid #DDDDDD}
.pro-item-img{display:flex;align-items:center;justify-content:center;border:1px solid #EEEEEE;width:110px;height:110px}
.pro-itemcont{flex:1;padding:0px 16px}
.pro-itemprice{font-size:var(--fontsize16);color:var(--color)}
.pro-item-name:hover{color:var(--color)}
.pro-item-name{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;font-size:var(--fontsize16)}
.newspage-ninelist-1{display:flex;flex-wrap:wrap}
.newspage-ninelist-1 li{width:calc(25% - 15px);margin:0px 20px 40px 0px;transition:box-shadow .2s}
.newspage-ninelist-1 li:nth-child(4n){margin-right:0px}
.newspage-box{padding:20px 15px 15px 15px;position:relative}
.newspage-img{overflow:hidden}
.newspage-img::after{padding-bottom:50%}
.newspage-tit{text-transform:capitalize;font-size:var(--fontsize16);color:var(--fontcolor);line-height:1.3;max-height:42px}
.newspage-more{width:170px;line-height:40px;background:#EDEDED;text-align:center;font-size:var(--fontsize16);color:var(--fontcolor);margin-top:30px}
.newspage-ninelist-1 li:hover .news-item-date{background-color:var(--color)}
.newspage-ninelist-1 li:hover .newspage-tit{color:var(--color)}
.newspage-ninelist-0>li{margin-bottom:30px;transition:transform .3s,box-shadow .3s}
.newspage-item-date{width:100px;background:var(--color);color:#FEFEFE;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;padding:20px 0px;transition:background .2s ease-in-out}
.newspage-item-date p:nth-child(1){font-size:36px;line-height:1}
.newspage-item-date p:nth-child(2){font-size:var(--fontsize12)}
.newspage-item-box{width:calc(100% - 100px);padding:0px 20px;border:solid 1px #EEEEEE;display:flex;flex-direction:column;justify-content:center}
.newspage-item-text{font-size:var(--fontsize14);color:var(--introcolor);max-height:63px;margin-top:6px}
.newspage-ninelist-0>li:hover .newspage-tit{color:var(--color)}
.newspage-ninelist-0{padding-bottom:1px}
.article-name{font-size:var(--fontsize26);font-weight:var(--fontbold5);color:var(--fontcolor);text-align:center;margin-bottom:10px}
.article-date{display:flex;justify-content:center;font-size:var(--fontsize14);color:var(--introcolor)}
.article-view i,.article-view em{font-size:var(--fontsize14);margin-right:6px}
.article-view{margin-left:20px}
.newsdetails-cont{color:var(--fontcolor);margin:20px 0px 40px}
.project-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.project-list li{width:49%;margin-bottom:40px;display:flex;flex-wrap:wrap;align-items:center}
.project-img{width:40%;overflow:hidden;background:#FFFFFF;border:1px solid #EEEEEE}
.download-img{width:100%;overflow:hidden;transition:box-shadow .2s}
.project-img a{display:flex;align-items:center;justify-content:center}
.project-info{width:60%;padding:10px 0px 10px 3%;color:var(--introcolor)}
.project-name{font-size:var(--fontsize20);color:var(--fontcolor)}
.project-content{margin:6px 0px 0px;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:72px}
.project-list li:hover .project-name{color:var(--color)}
.download-list,.video-list{display:flex;flex-wrap:wrap}
.download-list li{width:calc(25% - 15px);margin-right:20px;margin-bottom:40px}
.download-list li:nth-child(4n){margin-right:0px}
.download-img img{display:block;width:100%}
.download-name{color:var(--fontcolor);font-size:var(--fontsize20);display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:52px;line-height:1.3}
.download-info{width:100%;padding-top:10px}
.download-btn{display:flex;flex-direction:row-reverse;text-align:center;padding:8px 0px;transition:background .2s;justify-content:center;align-items:center;text-transform:capitalize;color:var(--fontcolor);width:170px;background:#EDEDED;margin-top:20px}
.download-btn:hover{background-color:var(--color);color:#FFFFFF}
.faq-list li{border:1px solid #EEEEEE;margin-bottom:30px;padding:15px 70px 15px 16px}
.faq-list .project-info{width:100%;padding:0px;text-align:left;border:none}
.faq-list .project-name{cursor:pointer;position:relative;font-size:var(--fontsize18);line-height:1.3}
.faq-list .project-name::before{content:'+';display:block;color:var(--fontcolor);position:absolute;right:-55px;top:50%;z-index:1;font-size:var(--fontsize30);margin-top:-15px;width:16px;height:30px;text-align:center;line-height:30px}
.faq-list .project-content{max-height:100%;font-size:var(--fontsize16);color:var(--introcolor);display:none}
.faq-list .faq-item-act .project-name{color:var(--color)}
.faq-list .faq-item-act .project-name::before{content:'';height:2px;background-color:var(--color);margin-top:0px}
.video-list li{width:calc(33.33% - 22px);margin:0px 32px 40px 0px;background-color:#FFFFFF;transition:box-shadow .2s}
.video-list li:nth-child(3n){margin-right:0px}
.video-img{overflow:hidden}
.video-info{padding:16px}
.video-name{font-size:var(--fontsize20);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fontcolor)}
.video-in{font-size:var(--fontsize16);color:var(--introcolor);margin-top:6px;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:72px}
.video-list li:hover .video-name{color:var(--color)}
.compare-titText,.compareorder,.download-btn i{display:none}
.howtouse{color:var(--introcolor);line-height:2}
.howtouse-list>li{width:calc(33.33% - 20px);margin:40px 30px 0px 0px}
.howtouse-list>li:nth-child(3n){margin-right:0px}
.howtouse-img{display:block;overflow:hidden;transition:box-shadow .2s}
.howtouse-list>li>p:nth-child(2){font-size:var(--fontsize20);color:var(--fontcolor);padding:20px;line-height:1.3}
.solutions{color:var(--introcolor);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:0px 2% 0px 0px}
.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:70px;height:3px;background-color:var(--color)}
.solutions-list>li{width:24%;background:#FAFAFA;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:var(--fontcolor);font-weight:var(--fontbold6)}
.support{color:var(--introcolor);line-height:1.8}
.flex-half{margin-bottom:40px}
.flex-half-l{width:50%;padding-right:6%}
.flex-half-r{width:50%}
.support .flex-half-r{border:1px solid #EEEEEE}
.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(--fontbold6);color:var(--fontcolor)}
.sup-list>li div p{display:inline-block;border-bottom:1px solid #DDDDDD;position:relative;line-height:1.3;padding:10px 0px}
.sup-list>li div p::before{content:'';display:block;width:40px;height:4px;background:var(--color);position:absolute;bottom:-2px;left:0px}
.sup-list>li strong{font-size:40px;font-weight:var(--fontbold6);color:var(--fontcolor);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:var(--color);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(--introcolor);line-height:1.8}
.app-name{display:block;font-size:var(--fontsize26);font-weight:var(--fontbold6);color:var(--fontcolor);margin-bottom:20px;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:0px 2% 0px 0px}
.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}
#brand-history-list li:hover p{color:var(--color)}
#brand-history-list li.left,#brand-history-list li:nth-of-type(2n+1){float:left;background:url(https://css02.v15cdn.com/m419/red/img/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/m419/red/img/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(--fontbold6);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 #EEEEEE;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;font-style:italic}
.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:0px 0px 0px 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:var(--color);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(--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:var(--fontsize16)}
.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 #EEEEEE}
.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)}}
@media(min-width:800px){
.procate-list li:hover{background-color:var(--color);border:solid 1px #FFFFFF}
.newpro-list li:hover .newpro-more,.pdshow-r-btn a:hover,.procate-list li:hover a,.addToCart:hover{color:#FFFFFF}
.newpro-list li:hover .newpro-more::before{width:100%}
.pdshow-r-btn a:hover::before,.pdshow-r-btn .addToCart:hover::before{width:calc(100% + 2px)}
.newspage-ninelist-0>li:hover,.products-ninelist-0>li:hover{box-shadow:0px 5px 10px 0px rgba(1,1,1,.1);transform:translateY(-5px)}
.howtouse-list>li:hover img,.maybe-list li:hover .maybe-img img,.newpro-list li:hover .newpro-item-l img,.news-list li:hover .news-item-img img,.newspage-ninelist-1 li:hover .newspage-img img,.products-ninelist-1 li:hover .products-list-img img,.project-list li:hover img,.repro-boxlist li:hover .repro-item-img img,.video-list li:hover .video-img img{transform:scale(1.05)}
.download-list li:hover .download-img,.howtouse-list>li:hover .howtouse-img,.news-list li:hover,.newspage-ninelist-1 li:hover,.repro-boxlist li:hover,.video-list li:hover{box-shadow:0px 5px 10px 0px rgba(1,1,1,.1)}
.fshare a:hover{transform:translateY(-4px)}
.howtouse-list>li:hover p,.selected-item:hover .item-title{color:var(--color)}}
@media(max-width:1600px){
.about-r{padding-right:20px}}
@media(max-width:1500px){
.addToCart,.pdshow-r-btn a{width:180px}}
@media(max-width:1367px){
.nav .submenu.nav2,.nav .submenu.nav3{padding-left:5%;padding-right:5%}
.nav>li{margin:0px 8px}
.preview-container .thumbnail-box .btn-prev{left:0px}
.preview-container .thumbnail-box .btn-next{right:0px}}
@media(max-width:1281px){
.nav>li>a{font-size:var(--fontsize14)}
.logo{max-width:160px}
.about-r-tit{font-size:var(--fontsize22)}
.about-r-text{font-size:var(--fontsize16)}
.about-r-list div p:nth-child(1),.news-name,.project-name,.video-name{font-size:var(--fontsize18)}
.about-r-list li{margin-top:10px}
.about-r{padding-top:1%;padding-left:2%}
.page-l{width:280px}
.page-r{width:calc(100% - 300px)}
.relatedpro-img{width:100px;height:100px}
.download-name,.newpro-name{font-size:var(--fontsize18);max-height:47px}}
@media(max-width:1024px){
.page-l{display:none}
.page-r{width:100%}
.howtouse-list>li>p:nth-child(2){font-size:var(--fontsize16);padding:10px}}
@media(max-width:800px){
body{padding-top:1rem}
header{height:1rem}
.container{padding-left:.3rem;padding-right:.3rem}
.logo{max-width:45%}
.logo img {max-width:180px;max-height:45px}
.mob-menu{display:block;width:36px;height:25px}
.mobheadnav{position:fixed;width:100%;top:1rem;left:0px;bottom:0px;background:#FFFFFF;display:none;overflow-y:auto;padding:.8rem .3rem .2rem;z-index:999}
.head-box{align-items:center}
.cate-con .cate-img,.nav .submenu.nav2 .item-info,.nav .submenu::before,.searchicon,nav .nav>li .nav1 i{display:none}
.headsearch{height:auto;position:absolute;top:10px;left:0px;width:100%;padding:0 .3rem}
.search-box{display:block;position:static;width:100%;height:.5rem;border-radius:4px;overflow:hidden}
.search-box #txtSearch{width:calc(100% - 50px);font-size:var(--fontsize14)}
.search-box .searchbtn{width:50px}
nav{height:auto}
.nav,.nav>li{display:block;margin:0px}
.nav>li>a{font-size:var(--fontsize20);line-height:3;border-bottom:1px solid rgba(0,0,0,.08)}
.nav .submenu{border-bottom:1px solid rgba(0,0,0,.08);max-width:100%}
.nav .submenu ul{padding-left:30px}
.nav>li>a i{position:absolute;right:0px;font-size:var(--fontsize22);z-index:10;margin:0px;line-height:1;top:.12rem;padding:5px}
.nav1 ul{position:static;display:block;padding-left:18px;background:0 0}
.nav .submenu.nav2>li{text-align:left}
.liproducts-diff{position:relative}
.nav .submenu a{color:var(--introcolor)}
.nav .submenu ul a{padding:0px}
.nav .submenu.nav2>li,.nav .submenu.nav3>li{width:100%;margin:0px;min-height:0px;padding:0px}
.nav .submenu.nav2,.nav .submenu.nav3{padding:0px;display:none;background:0 0}
.nav .submenu.nav2>li a,.nav .submenu.nav3>li a{padding:5px 18px}
.nav .submenu.nav2 ul,.nav .submenu.nav3 ul{padding-left:14px}
.nav .inmenu_1,.nav .submenu a:hover{background:0 0;color:var(--color)}
.nav .submenu,.nav>li:hover .submenu{transform:rotateX(0);position:static;display:none;transition:none;width:100%;background:0 0}
.nav>li ul a{font-size:var(--fontsize18);line-height:2}
.actnavi{transform:rotate(90deg)}
.cate-con{border:none;margin:0px}
.procate-list{padding:0px}
.procate-list li{width:calc(50% - .15rem);margin:0px .3rem .3rem 0px;font-size:.28rem;height:.7rem}
.procate-list li:nth-child(2n){margin-right:0px}
.repro-swiper{width:100%}
.honor-swiper .swiper-pagination,.repro-swiper .swiper-pagination{position:static;margin-top:10px}
.repro-name{font-size:var(--fontsize16)}
.newpro-list li{width:100%;margin:.25rem 0rem}
.newpro{padding:.5rem 0rem}
.newpro-item-l{width:3rem}
.newpro-item-r{width:calc(100% - 3rem);padding:0px 0px 0px .4rem}
.download-name,.newpro-name,.newspage-tit{font-size:var(--fontsize16)}
.newpro-bref{font-size:.27rem;-webkit-line-clamp:3;max-height:1.23rem}
.about-l{width:100%}
.about-r{width:100%;padding:.3rem .3rem .5rem}
.about-r-text{font-size:var(--fontsize16);margin-top:.2rem}
.about-r-list div{padding:0px 0px 0px 10px}
.about-r-list{max-width:100%}
.our{padding:.6rem 0rem}
.our-list li{width:33.33%}
.news{padding:1rem 0rem}
.news-list{margin-top:0px}
.news-list li{width:100%;margin-top:.4rem}
.news-bref{font-size:.27rem;max-height:.78rem}
.news-cont{padding:.3rem .2rem}
.footitem{max-width:100%;width:100%;font-size:var(--fontsize16)}
.foot-t{padding:.6rem 0rem}
.footitem1{margin-bottom:.5rem}
.foottit{font-size:.28rem;margin-bottom:.3rem}
.fcontact p{margin-bottom:.1rem}
.fshare{margin-top:.4rem}
.fnav{flex-direction:row;height:auto;width:auto}
.fnav li{margin-right:.4rem;margin-bottom:.1rem;max-width:100%}
.inquiry-pro-item{width:100%;padding:10px 0px}
.pro-item-name{font-size:var(--fontsize16)}
.page-box{padding:.2rem 0}
.contactsec1-l{width:100%;padding:0px}
.contactsec1-r{width:100%;margin-top:30px}
.contactus>div>p{width:.7rem;height:.7rem}
.project-img{width:2rem}
.project-info{width:calc(100% - 2rem);padding:0 0 0 .2rem}
.video-info{width:100%;padding:.2rem 0rem}
.download-btn{font-size:.27rem;width:2.6rem}
.project-list li{width:100%;margin-bottom:.4rem}
.download-list{justify-content:space-between}
.download-list li{margin-bottom:.4rem;width:100%;margin-right:0!important}
.project-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.28rem}
.faq-list .project-name{font-size:var(--fontsize16);white-space:normal;overflow:visible}
.project-content,.video-in{font-size:.27rem;max-height:1.18rem}
.faq-list .project-content{font-size:.27rem;margin-top:.14rem}
.video-list li{width:100%;margin:0px 0px .4rem 0px!important}
.newspage-box{padding:.3rem 0rem}
.newspage-item-text{font-size:.27rem;-webkit-line-clamp:2;max-height:.72rem}
.article-name{text-align:left}
.article-date{justify-content:flex-start;font-size:.2rem}
.newspage-ninelist-1 li{width:100%;margin:0px 0px .4rem 0px!important}
.footitem4,.repro-box-next,.repro-box-prev{display:none}
.footitem3{margin-top:20px}
.fpronav{display:flex;flex-wrap:wrap}
.fpronav li{margin-right:20px}
.pages-list{border:none;margin-top:.5rem}
.pages-list>div,.pdown1,.pdown2,.pdown3{width:100%}
.pages-list>div{margin-bottom:.2rem;font-size:var(--fontsize16);border:1px solid #EEEEEE}
.pages-list>div a{color:var(--color)}
.products-ninelist-1 li{width:calc(50% - .15rem);margin:0px .3rem .4rem 0}
.products-ninelist-1 li:nth-child(3n){margin-right:.3rem}
.products-ninelist-1 li:nth-child(2n){margin-right:0px}
.products-item-name{font-size:var(--fontsize16);max-height:.76rem}
.products-item-bref{font-size:.27rem;max-height:.75rem}
.products-ninelist-0>li .products-list-img{width:3rem}
.products-ninelist-0>li .products-list-box{width:calc(100% - 3rem);padding-left:.4rem}
.products-ninelist-0>li{margin-bottom:.4rem}
.preview-container .thumbnail-box .list ul .item img{width:auto}
.pdshow-l{width:100%;height:calc(100vw - .6rem)}
.preview-container{height:100%}
.preview-container .thumbnail-box{margin-top:0px;height:100%}
.preview-container .thumbnail-box .list{width:100%;height:100%;padding-bottom:30px}
.preview-container .thumbnail-box .list .banner-page{display:flex}
.preview-container .thumbnail-box .list ul .item-cur{border:none}
.preview-container .thumbnail-box .list ul .item{width:100%;height:auto;border:none;margin:0px}
.pdshow-r{padding:.4rem 0 0 0;width:100%;border-top:1px solid #EEEEEE}
#gallery .swiper-pagination{bottom:5px}
.prodetails-page .page-box{padding-top:0px}
.pdshow-r-text{font-size:.27rem;margin:10px 0px 20px}
.addToCart,.pdshow-r-btn a{width:100%;border-radius:0;margin:0px 0px .2rem 0px;font-size:.28rem}
.maybe,.pd-inquirl{margin-top:.6rem}
.list-wrapper .item-img img{width:auto}
.maybe-list li{width:48%}
.preview-container .thumbnail-box .btn,.prodetails-page .crumbs,.prodetails-page .inner-banner,.small-box{display:none}
.procate-list li a{-webkit-line-clamp:1}
.faq-list li{padding:.15rem .7rem .15rem .16rem;margin-bottom:.3rem}
.faq-list .project-name::before{right:-.46rem}
.newspage-ninelist-0>li{margin-bottom:.4rem}
.contactus>div{margin-bottom:.3rem}
.howtouse-list>li{width:calc(50% - .2rem);margin:.4rem .32rem 0 0}
.howtouse-list>li:nth-child(3n){margin-right:.32rem}
.howtouse-list>li:nth-child(2n){margin-right:0px}
.home-tit,.about-r-tit{font-size:var(--fontsize22)}
.about-r-list div p:nth-child(1),.aboutus-box .about-tit,.article-name,.contact-tit,.details-tit{font-size:var(--fontsize20)}
.contactus>div>div>p:nth-child(1),.maybe-name,.news-name,.our-list .our-item-bref,.pdshow-r h1,.video-name{font-size:var(--fontsize16)}
.howtouse-list>li>p:nth-child(2),.newsdetails-cont,.pdshow-r-btn i,.prodetails-bref,.siggle-cont{font-size:var(--fontsize16)}
.about-r-list div p:nth-child(2),.contactus>div>div>p:nth-child(2),.contactus>div>p .iconfont,.home-text,.newpro-more,.pro-itemprice,.procateword,.product-content-price{font-size:var(--fontsize16)}
.crumbs,.crumbs a{font-size:var(--fontsize14)}
.our-list .our-item-name,.pro-price{font-size:.22rem}
.foot-bcont,.keywords.proCateTags a{font-size:.28rem}
.repro-boxlist li{width:50%}}
@media(max-width:768px){
.mobbotact{display:flex;bottom:0px}
.mobactfoot{margin-bottom:calc(1rem + constant(safe-area-inset-bottom));margin-bottom:calc(1rem + env(safe-area-inset-bottom))}
.newsdetails-cont iframe,.newsdetails-cont video,.page-r iframe,.page-r video,.siggle-cont iframe,.siggle-cont video{max-width:100%;min-height:240px;height:auto}
.compare-panel{width:100vw;box-shadow:none}
.compare-panel::before{content:'';display:block;border:4px solid transparent;border-top-color:var(--color);position:absolute;top:100%;right:11%}
.singglepic{border:none;border-bottom:1px solid #DDDDDD}}
@media(max-width:481px){
.products-list-img .icon-hottitle{left:2px;top:5px;line-height:1;font-size:var(--fontsize30)}
.products-add-inquirl{width:35px;height:35px;border:none;background:none}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:40px;height:40px;line-height:40px;margin-top:-20px;padding:0px 4px}
#swiper-banner .swiper-button-next{right:-20px}
#swiper-banner .swiper-button-prev{left:-20px}
#swiper-banner .swiper-button-next::before,#swiper-banner .swiper-button-prev::before{width:50px;height:50px;top:-5px;left:-5px}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i,.products-add-inquirl i{font-size:var(--fontsize20)}
.nav>li>a{font-size:var(--fontsize16)}
.search-box{height:40px}
.mobheadnav{padding-top:60px}
.home-tit{margin-bottom:10px}
.nav>li ul a,.our-list .our-item-name{font-size:var(--fontsize16)}
.our-list li .iconfont{font-size:36px}
.about-r-list i,.about-r-list em{font-size:var(--fontsize32)}
.howtouse-list>li{width:100%;margin:.4rem 0 0!important}}
@media(max-width:415px){
.mob-menu{width:30px;height:20px;margin-left:10px}
.repro-swiper{padding-top:0px}
.repro-boxlist li{padding:6px}
.newpro-item-r,.products-ninelist-0>li .products-list-box{padding-left:14px}
.products-ninelist-1 li .products-list-box{padding:8px}
.pro-price,.article-date{font-size:var(--fontsize14)}
.article-name,.pdshow-r h1{font-size:var(--fontsize22)}
.contactus>div>p .iconfont,.foottit{font-size:.39rem}
.news-item-date{font-size:var(--fontsize12);top:-25px;width:45px;height:45px}
.news-item-date strong{font-size:var(--fontsize16);padding-top:7px}
.newspage-item-date{width:80px;padding:16px 0px}
.newspage-item-box{width:calc(100% - 80px);padding:0px 10px}
.download-name,.newpro-name{font-size:var(--fontsize16)}
.contactus>div>div{padding-left:10px}
.faq-list .project-name::before{font-size:var(--fontsize24)}
.faq-list .faq-item-act .project-name::before{width:12px}
.honor,.news{padding:.5rem 0rem}
.fshare a{width:30px;height:30px}
.addToCart,.pdshow-r-btn a{font-size:var(--fontsize16);padding:8px 0px}
.inquiry-form textarea{height:160px}
.mob-menu span{height:2px}
.mob-menu span:nth-child(2){top:43%}
.pro-item-img{width:90px;height:90px}
.pro-itemcont{padding:0px 10px}
.newpro-item-l,.products-ninelist-0>li .products-list-img{width:2.5rem}
.newpro-item-r,.products-ninelist-0>li .products-list-box{width:calc(100% - 2.5rem)}
.products-item-bref{margin-bottom:10px}
.newpro-bref{-webkit-line-clamp:2;margin:5px 0px 0px}}
@media(max-width:321px){
.nav>li>a{font-size:var(--fontsize16)}
.faq-list .project-content,.nav>li ul a{font-size:var(--fontsize14)}
.nav>li>a i,.sup-name{top:10px;font-size:var(--fontsize18)}
.howtouse-list>li>p:nth-child(2){padding:10px 0px}}
.toast-title{font-weight:var(--fontbold7)}
.toast-message{-ms-word-wrap:break-word;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;right:-.3em;top:-.3em;float:right;font-size:var(--fontsize20);font-weight:var(--fontbold7);color:#FFFFFF;-webkit-text-shadow:0 1px 0 #FFFFFF;text-shadow:0 1px 0 #FFFFFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}
.toast-close-button:focus,.toast-close-button:hover{color:var(--fontcolor);text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
.rtl .toast-close-button{left:-.3em;float:left;right:.3em}
button.toast-close-button{padding:0px;cursor:pointer;background:0 0;border:0px;-webkit-appearance:none}
.toast-top-center{top:6%;right:0px;width:100%}
.toast-center-center{top:20%;right:0px;width:100%}
.toast-bottom-center{bottom:0px;right:0px;width:100%}
.toast-top-full-width{top:0px;right:0px;width:100%}
.toast-bottom-full-width{bottom:0px;right: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;z-index:999999;pointer-events:none}
#toast-container *{box-sizing:border-box}
#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0px 0px 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #EEEEEE;color:#FFFFFF;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover{box-shadow:0 0 12px #AAAAAA;cursor:pointer;transition:box-shadow .2s}
#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-center-center>div,#toast-container.toast-top-center>div{width:340px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}
.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;left:0px;bottom:0px;height:4px;background-color:var(--hovercolor);opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
@media all and (max-width:240px){#toast-container.toast-bottom-center>div,#toast-container.toast-center-center>div,#toast-container.toast-top-center>div{padding:8px 8px 8px 50px;width:11em;font-size:var(--fontsize14)}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}
@media all and (min-width:241px) and (max-width:480px){#toast-container.toast-bottom-center>div,#toast-container.toast-center-center>div,#toast-container.toast-top-center>div{padding:8px 8px 8px 50px;width:18em;font-size:var(--fontsize14)}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}
@media all and (min-width:481px) and (max-width:768px){#toast-container.toast-bottom-center>div,#toast-container.toast-center-center>div,#toast-container.toast-top-center>div{padding:15px 15px 15px 50px}
#toast-container>div.rtl{padding:15px 50px 15px 15px}}
section.indcategories {padding:60px 0px}
ul.indcate-list {justify-content:space-between;padding-top:30px}
ul.indcate-list li {width:23%;margin-bottom:25px}
ul.indcate-list li a {display:block;position:relative;-webkit-mask-image:url(https://css02.v15cdn.com/m419/img49.webp);mask-image:url(https://css02.v15cdn.com/m419/img49.webp);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:bottom}
ul.indcate-list li .indcatelist-pic {width:100%;position:relative}
ul.indcate-list li .indcatelist-pic img {width:100%;display:block}
ul.indcate-list li .indcatelist-content {position:absolute;bottom:0px;padding:25px;height:130px;background:rgb(212 50 44 / 65%);color:#FFFFFF;display:flex;align-items:center;justify-content:center;transition:all .4s;width:100%}
ul.indcate-list li .indcatelist-content>div {width:100%}
ul.indcate-list li .indcatelist-tit {font-size:var(--fontsize20);margin-bottom:8px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
ul.indcate-list li .indcatelist-tit+p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:48px;line-height:24px}
ul.indcate-list li .indcatelist-tit+p+p {display:none}
ul.indcate-list li:hover .indcatelist-content {height:100%}
ul.indcate-list li:hover .indcatelist-tit {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
ul.indcate-list li:hover .indcatelist-tit+p {-webkit-line-clamp:5}
ul.indcate-list li:hover .indcatelist-tit+p+p {display:block;margin-top:40px;font-size:var(--fontsize30);font-weight:var(--fontbold3);line-height:1}
@media (max-width:1300px){ul.indcate-list li:hover .indcatelist-tit+p{-webkit-line-clamp:3}
ul.indcate-list li:hover .indcatelist-tit+p+p{margin-top:20px}
ul.indcate-list li .indcatelist-content{padding:15px;height:110px}}
@media (max-width:1024px){ul.indcate-list li{width:48%}}
@media (max-width:540px){ul.indcate-list li .indcatelist-tit+p,ul.indcate-list li:hover .indcatelist-tit+p+p{display:none}
ul.indcate-list li .indcatelist-content{height:40px;padding:10px}
ul.indcate-list li .indcatelist-tit{font-size:var(--fontsize15);margin:0px;line-height:20px}
ul.indcate-list{padding-top:15px}}
#tags:after {content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li {margin-bottom:10px;float:left}
#tags li a {text-decoration:none;display:block;line-height:50px;margin-right:30px;border-bottom:3px solid #FFFFFF;color:var(--fontcolor);font-size:var(--fontsize22)}
ul#tags li.selectTag a {border-color:var(--color)}
.tagContent {display:none;padding-top:10px}
#tagContent div.selectTag {display:block}
@media (max-width:800px){#tags li a{font-size:.27rem}}
@media (max-width:500px){#tags li a{line-height:40px;margin-right:20px}}
.wmkc-team-table{font-size:var(--fontsize24);text-align:center;margin-bottom:30px}
.wmkc-team-tab{color:var(--introcolor);line-height:1.8}
.wmkc-team-box{width:23%;text-align:center;border:1px solid #E5E5E5;margin-bottom:40px;transition:box-shadow .2s}
.wmkc-team-box img{width:80%;margin-top:30px}
.wmkc-team-box p:nth-of-type(1){color:var(--color);font-size:var(--fontsize16);padding:20px 0px}
.wmkc-team-box p:nth-of-type(2){font-size:var(--fontsize20);margin-bottom:20px}
.wmkc-team-all{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px}
.wmkc-team-box:hover{box-shadow:5px 5px 5px 5px #999999}
.wmkc-advan-ioce{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-advan-one{text-align:center;font-size:var(--fontsize20);padding:30px 0px}
.wmkc-advan-tow{color:var(--introcolor)}
.wmkc-advan-box{width:12%;text-align:center;padding:50px 0px}
.wmck-advan-img{width:20%;margin:auto}
.wmck-advan-img img{width:100%}
.wmkc-advan-lh{line-height:2.3;color:var(--introcolor);margin-bottom:25px}
.wmkc-advan-sp{margin-bottom:40px;color:var(--introcolor)}
.wmkc-action{display:flex}
.wmkc-action-size{margin-right:80px;width:58%}
.wmkc-action-img{flex:1}
.wmkc-action-size p:nth-of-type(1){font-size:var(--fontsize20);margin-bottom:25px}
.wmkc-action-size p:nth-of-type(2),.wmkc-action-size p:nth-of-type(3){line-height:1.8;margin-bottom:40px}
.wmkc-action-main{background-color:#FAFAFA}
.wmkc-actipn-p{font-size:var(--fontsize20);font-weight:var(--fontbold6);padding:40px 0px}
.wmkc-action-box{width:50%;display:flex;padding:20px 0px}
.wmkc-action-png{width:40px;height:40px;margin-right:20px}
.wmkc-action-png img{width:100%}
.wmkc-action-zi p:nth-of-type(1){margin-bottom:20px;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.wmkc-action-zi p:nth-of-type(2){margin-right:100px}
.wmkc-action-all{display:flex;flex-wrap:wrap;padding:0px 0px 40px 0px}
.wmkc-action-tooer{background:url(https://css02.v15cdn.com/m419/aboutimg/protect-02.webp) no-repeat center}
.wmkc-action-bj{text-align:center;width:49%;margin:auto;padding:100px 0px}
.wmkc-action-q{font-size:var(--fontsize22);margin-bottom:40px;color:#FFFFFF;font-weight:var(--fontbold6)}
.wmkc-action-w{color:#FFFFFF}
.wmkc-action-but{width:150px;text-align:center;background-color:var(--color);margin:auto;padding:10px 0px;margin-top:45px}
.wmkc-action-but p{color:#FFFFFF;font-size:var(--fontsize16)}
.wmkc-action-zz{background-color:#000000}
.wmkc-action-bjtp{background-color:var(--hovercolor);opacity:.8}
.wmkc-action-di{display:flex;justify-content:space-between;padding:60px 0px;flex-wrap:wrap}
.wmkc-action-her{width:11%}
@media (max-width:768px){
.wmkc-advan-lh,.wmkc-advan-sp,.wmkc-advan-tow,.wmkc-team-tab{font-size:var(--fontsize18)}
.wmkc-action-size p:nth-of-type(1){font-size:var(--fontsize22);text-align:center}
.wmkc-action-size p:nth-of-type(2){font-size:var(--fontsize18)}
.wmkc-action-size p:nth-of-type(3){font-size:var(--fontsize18)}
.wmkc-team-box{width:48%}
.wmkc-action{flex-direction:column}
.wmkc-action-box,.wmkc-action-size{width:100%}
.wmkc-action-img{margin:auto}
.wmkc-action-zi p:nth-of-type(2){margin-right:0px;font-size:var(--fontsize18)}
.wmkc-action-png{width:55px;height:55px}
.wmkc-action-bj{width:100%}
.wmkc-action-w,.wmkc-team-box p:nth-of-type(2){font-size:var(--fontsize18)}
.wmkc-action-her{width:30%;margin-bottom:20px}
.wmkc-advan-box{width:50%}
.wmkc-advan-lh,.wmkc-advan-sp{margin-bottom:10px}
.wmkc-advan-one{padding:10px 0px}}
@media (max-width:320px){
.wmkc-team-box{width:100%}}
@media(min-width:1368px) and (max-width:1460px){
.nav>li{margin:0px 9px}}
@media(min-width:1281px) and (max-width:1330px){
.nav>li{margin:0px 5px}}
@media(max-width:1024px){
.mobcate-main .page-l{display:block;width:100%;margin-bottom:15px}
.mobcate-main .relatedpro{display:none}
.mobcate-main .categories{position:relative;margin-bottom:0px}
.mobcate-main .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 .categories .aside-tit{margin:0px;padding:5px 0px;cursor:pointer;font-size:var(--fontsize20);background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}
.mobcate-main .categories .aside-tit::before{display:none}
.mobcate-main .sf-menu li:hover>i{transform:none}
.mobcate-main .sf-menu li i.active{transform:rotate(90deg)}
.mobcate-main .sf-menu li:hover>ul{display:none}}
@media(min-width:769px){
.newspage-item-text,.products-item-bref{-webkit-line-clamp:initial;max-height:100%}}
.lang{display:inline-block;position:relative;margin-top:3px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;cursor:pointer;box-sizing:border-box;font-size:var(--fontsize14);position:relative;user-select:none}
.lang-icon span{position:relative;padding-right:18px;margin-left:8px;display:none;}
.lang-icon::before{content:'';display:block;position:absolute;right:0px;top:50%;width:6px;height:6px;border:0 solid #333333;border-bottom-width:1px;border-left-width:1px;transform:rotate(-45deg);margin-top:-4px}
.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 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 8px)}
.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;color:var(--fontcolor);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}
.lang-icon{padding:0px}
.lang-icon span,.lang-icon::before{display:none}
@media(max-width:768px){
iframe,video{max-width:100%;min-height:240px;height:auto}
.lang{margin-left:auto;margin-top:0px}
.lang-icon img{width:36px;height:24px;margin-top:4px}
.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-icon{margin-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)}
@media(max-width:1600px){.prohome-content,.prolist-bottom{margin-left:20px;margin-right:20px}}
@media(max-width:800px){.prohome-content{clear:both;margin:0px 0.3rem 20px;padding:0px}
.prolist-bottom{clear:both;margin:0px 0.3rem 20px;padding:0px}}
.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}
.newsendinquiry{cursor:pointer}
.inquiry-pc{padding:15px}
@media(max-width:768px){
.gotop{display:none !important}
.mobile-bottom-item .gotop{display:flex !important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35px;height:35px;background:var(--color,#EEE);align-items:center;justify-content:center}
.mobile-bottom-item .gotop i{font-size:var(--fontsize16);color:#FFFFFF;margin:0px}}
.imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:2px;background:rgba(0,0,0,.2);color:#FFFFFF;width:98%;padding:0px 6px;line-height:34px;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:var(--fontsize14);display:none;text-transform:capitalize}
@media(max-width:500px){.imgalt{padding-right:46px;display:-webkit-box}}
.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}
@media(min-width:1280px){.newsdetails-page .maybe-list li,.indusdetails-page .maybe-list li{width:15%}}
#filterlist .sidebar-item{display:block!important;padding:0px}
#filterlist .sidebar-item .sidebar-title{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;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;background:#fafafa;padding:15px 20px}
.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}