@charset "utf-8";
@import url('https://css02.v15cdn.com/m420/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m420/message.css");
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#55961b;--hovercolor:#111111;--fontcolor:#000000;--headercolor:#FFFFFF;--footercolor:#DDDDDD;--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;--fontsize35:35px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Lato', 'Open Sans', 'Roboto', '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{margin:0px;padding:0px;box-sizing:border-box}
html{line-height:1.15;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{margin:0px auto;padding:0px;font-size:var(--fontsize16);color:var(--fontcolor);line-height:1.6;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{text-transform:capitalize;font-weight:var(--fontbold6)}
ol,ul,li{list-style:none}
input{border:0px;outline:0}
button{border:0px;outline:0}
button:active{transform:scale(0.95)}
main{display:block}
hr{box-sizing:content-box;height:0px;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{text-decoration:none;color:var(--fontcolor);transition:color .2s ease;background-color:transparent}
a:hover{color:var(--color)}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:var(--fontbold6)}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0px;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{max-width:100%;height:auto;border-style:none;vertical-align:bottom}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0px}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0px}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0px;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0px}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
.top-btn{cursor:pointer;display:none;height:40px;width:40px;align-items:center;justify-content:center;border-radius:50%;position:fixed;bottom:150px;right:35px;background:#FFFFFF;box-shadow:0px 3px 5px 0px rgba(0,0,0,.1);transition:all .4s ease;z-index:1}
.top-btn i,.top-btn em{transform:rotate(270deg)}
.top-btn:hover{background:#c1c1c1}
@media(max-width:768px){.top-btn{bottom:140px;right:24px}}
@keyframes loading{to{opacity:0;transform:scale(2)}}
.inquiry-prolist{margin:20px 0px;padding:0px 20px;width:100%;display:none;background:#FFFFFF;box-sizing:border-box;border:1px solid #DDD}
.inquiry-prolist a{text-decoration:none;color:var(--fontcolor)}
.inquiry-prolist .inquiry-pro-item.has-price .pro-item-name{padding-top:0px}
.inquiry-prolist .inquiry-pro-item.has-price .price{margin-top:10px}
.inquiry-prolist .inquiry-pro-item{height:100px;border-bottom:1px solid #DDDDDD;display:flex;padding:20px 0px;margin-top:0px;box-sizing:content-box}
.inquiry-prolist .inquiry-pro-item .pro-item-img{height:100%;width:100px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.inquiry-prolist .inquiry-pro-item .pro-item-img a{width:100%;height:100%}
.inquiry-prolist .inquiry-pro-item .pro-item-img img{height:100%}
.inquiry-prolist .inquiry-pro-item .pro-item-name{padding-top:20px;margin-left:30px;font-size:var(--fontsize14)}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{font-size:var(--fontsize16);color:var(--color)}
.inquiry-prolist .inquiry-pro-item .pro-item-name a:hover{color:var(--color);text-decoration:underline}
.inquiry-prolist .inquiry-pro-item .pro-item-name p{padding:0px;margin:0px}
.inquiry-prolist .inquiry-pro-item .pro-item-del{position:relative;height:100%;width:30px;margin-left:auto;display:flex;justify-content:center;align-items:center}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close{position:absolute;width:32px;height:32px;left:-6px;top:43px}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:before,.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:after{position:absolute;left:15px;content:"";height:20px;width:2px;background-color:#333333}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:before{transform:rotate(45deg)}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:after{transform:rotate(-45deg)}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:hover{cursor:pointer}
.inquiry-prolist .inquiry-pro-item:last-child{border:none}
@media screen and (max-width:768px){
.inquiry-prolist{padding:0vw 3vw}
.inquiry-prolist .inquiry-pro-item{box-sizing:border-box;padding:3vw 0;margin:0px}
.inquiry-prolist .inquiry-pro-item .pro-item-del{width:5vw}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close{right:0px;top:6vw}
.inquiry-prolist .inquiry-pro-item .pro-item-name{font-size:3vw;padding:0px;margin:0px;padding-top:2vw;max-width:48vw}
.inquiry-prolist .inquiry-pro-item .pro-item-name p a{font-size:var(--fontsize14);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.inquiry-prolist .inquiry-pro-item .pro-item-img{max-width:24vw;margin-right:3vw}
.product-view .singglepic{width:100%;height:100vw}
.pro-main .common-breadcrumb{display:none}}
.table-responsive{-ms-touch-action:auto;touch-action:auto;width:100%;margin:.2rem 0px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.close{display:inline-block;position:relative;top:-6px;width:16px;height:16px}
.close::before,.close::after{position:absolute;content:" ";background-color:#555555;left:8px;width:2px;height:16px}
.close::before{transform:rotate(45deg)}
.close::after{transform:rotate(-45deg)}
.slide-fade-enter-active{transition:all .2s ease}
.slide-fade-leave-active{transition:all .2s ease}
.slide-fade-enter,.slide-fade-leave-to{transform:translateY(10px);opacity:0}
.content-title{font-size:var(--fontsize26);margin-bottom:10px}
@media screen and (max-width:768px){
.content-title{font-size:var(--fontsize20)}}
.singglepic{width:450px;height:450px;display:flex;justify-content:center;align-items:center;border:1px solid #EEEEEE}
.singglepic img{max-width:100%;max-height:100%}
.singglepic:hover img{transform:scale(1.1)}
.map{margin:30px auto}
.map iframe{width:100%;border:0px}
@media screen and (max-width:768px){
.singglepic{width:100%;height:100vw;border:0px}}
.table-responsive{-ms-touch-action:auto;touch-action:auto;width:100%;margin:.2rem 0px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}
[data-aos]{pointer-events:none}
[data-aos].aos-animate{pointer-events:auto}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:none}
html:not(.no-js) [data-aos=fade-up]{transform:translate3d(0, 100px, 0)}
html:not(.no-js) [data-aos=fade-down]{transform:translate3d(0, -100px, 0)}
html:not(.no-js) [data-aos=fade-right]{transform:translate3d(-100px, 0, 0)}
html:not(.no-js) [data-aos=fade-left]{transform:translate3d(100px, 0, 0)}}
.head.is-fixed .head-main{position:fixed;top:0px;left:0px;right:0px;z-index:999;box-shadow:0px 1px 6px 0px rgba(0,0,0,.1)}
.head.is-fixed .head-main .l-wrap{height:96px}
.head.is-fixed .head-top{display:none}
.head.is-fixed .head-nav{height:96px}
.head-top{height:45px;background:var(--hovercolor);position:relative}
.head-top .l-wrap{position:relative;height:100%;display:flex;align-items:center}
.head-top .head-box{position:relative;width:300px;height:21px;top:13px;margin-right:20px;background:#FFFFFF;position:relative}
.head-top .head-box:after{content:"";display:block;position:absolute;right:0px;width:0px;height:0px;border-top:20px solid var(--hovercolor);border-left:24px solid transparent}
.head-top .head-lang{margin-left:auto}
.head-top .head-contact{color:var(--headercolor);display:flex;align-items:center}
.head-top .head-contact a{color:var(--headercolor);position:relative;margin-right:60px;display:flex;align-items:center}
.head-top .head-contact a:hover{color:var(--color)}
.head-top .head-contact i,.head-top .head-contact em{position:relative;top:2px;color:var(--color);font-size:var(--fontsize16);margin-right:5px}
.head-top .head-tel{margin-right:54px;position:relative}
.head-top .head-mail:after{content:"";position:absolute;width:22px;height:1px;left:-38px;top:50%;background:#FFFFFF4F}
.head-top:after{content:"";display:block;height:20px;width:300px;background:#FFFFFF;position:absolute;bottom:0px;left:0px}
.head-main{z-index:2;position:relative;background:#FFFFFF}
.head-main .l-wrap{height:110px;display:flex;align-items:center;transition:height .3s ease;position:relative}
.head-main .head-logo img{width:auto;max-width:300px;max-height:100px}
.head-nav{height:110px;margin-left:auto}
.head-nav>ul{display:flex;height:100%}
.head-nav>ul>li{margin:0px 15px;height:100%;position:relative}
.head-nav>ul>li>a{font-weight:var(--fontbold6);height:100%;display:flex;justify-content:center;align-items:center;text-transform:uppercase}
.head-nav li .arrow{display:none}
.head-nav a.inmenu_1{color:var(--color)}
.head-nav .submenu{display:none;position:absolute;top:100%;left:0px;max-width:300px;z-index:9;text-overflow:ellipsis}
.head-nav .submenu a{padding:10px;white-space:nowrap;color:var(--headercolor);background:var(--fontcolor);transition:background .2s ease;text-overflow:ellipsis;overflow:hidden}
.head-nav .submenu a:hover{background:var(--color)}
.head-nav a{font-size:var(--fontsize16);display:block}
.head-nav .nav-btn{display:none;position:relative;cursor:pointer;width:55px;height:55px;background-color:var(--color)}
.head-nav .nav-btn span{display:block;position:absolute;border-radius:999px;background:#FFFFFF;left:15px;width:25px;height:2px}
.head-nav .nav-btn span:nth-child(1){top:18px}
.head-nav .nav-btn span:nth-child(2){top:26px}
.head-nav .nav-btn span:nth-child(3){top:34px}
.head-search .head-search-btn{width:42px;height:42px;display:flex;cursor:pointer;margin-left:20px;justify-content:center;align-items:center}
.head-search .head-search-btn>i,.head-search .head-search-btn>em{font-weight:var(--fontbold6);font-size:var(--fontsize20);color:var(--color)}
.head-search .search-box{display:none;position:absolute;top:100%;right:0px;background:#FFFFFF}
.head-search .search-box i{cursor:pointer;position:absolute;right:26px;top:27px}
.head-search .search-btn{position:absolute;right:0px;top:0px}
.head-search .search-wrap{position:relative;padding:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
.head-search #txtSearch{width:200px;font-size:var(--fontsize14);line-height:2.4em;height:2.4em;border:1px solid #EEEEEE;box-sizing:border-box;padding:0px 20px 0px 10px}
.head-icon{display:none}
@media screen and (max-width:1470px){
.head-top .head-box{width:200px}
.head-top:after{width:200px}
.head-nav>ul>li{margin:0 12px}}
@media screen and (max-width:1080px){
.head-nav{height:auto;display:flex;align-items:center}
.head-nav .nav-btn{display:block}
.head-top .l-wrap{width:auto}
.head-main .l-wrap{position:static}
.head-nav>ul{opacity:0;max-height:0px;overflow:hidden;display:block;background-color:#FFFFFF;box-shadow:0px 1px 6px 0px rgba(0,0,0,.1);width:100%;height:auto;position:absolute;top:100%;left:0px;right:0px;transition:max-height .2s ease,opacity .2s ease,height .2s ease}
.head-nav>ul>li{margin:0px 20px}
.head-nav>ul>li>a{display:block;text-align:left;line-height:50px;height:50px;font-weight:normal}
.head-nav.is-active .nav-btn{display:block}
.head-nav.is-active .nav-btn span:nth-child(1){transform:rotate(45deg);top:25px}
.head-nav.is-active .nav-btn span:nth-child(2){opacity:0}
.head-nav.is-active .nav-btn span:nth-child(3){transform:rotate(-45deg);top:25px}
.head-nav.is-active>ul{opacity:1;overflow-y:auto;max-height:100vh}}
@media screen and (max-width:768px){
.head-main{position:fixed;top:0px;left:0px;right:0px;z-index:997;transition:top ease .3s;box-shadow:0px 1px 5px rgba(0,0,0,.1)}
.head-logo img{margin-top:3px;max-width:200px !important;max-height:50px !important}
.head-top{position:fixed;left:0px;top:0px;right:0px;z-index:2;max-height:0px;overflow:hidden;opacity:0;transition:opacity .3s,max-height .3s;background-color:#FFF}
.head-top:after,.head-top .head-box,.head-top .head-lang,.head-top .head-box,.head-top .head-contact{display:none}
.head-top .search-wrap,.head-top .search-box{width:100%;height:100%}
.head-top .search-wrap{display:flex;justify-content:space-between;align-items:center}
.head-top .search-wrap i{flex:0 0 16px;margin-left:10px;color:var(--fontcolor);font-size:var(--fontsize18)}
.head-top .search-wrap input{height:30px;flex:1;background:transparent;color:var(--fontcolor);border:solid 1px #EEEEEE;text-indent:10px}
.head-top.is-active{opacity:1;top:55px;height:50px;max-height:50px}
.head-search{display:none}
.head-main .l-wrap{height:55px}
.head-nav .nav-btn{display:block;margin-right:-3vw}
.head-nav>ul>li{position:relative;height:auto;margin:0vw 3vw;border-bottom:solid 1px #EEEEEE}
.head-nav.is-active>ul{position:fixed;top:55px;bottom:0px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);z-index:99}
.head-nav li .arrow{position:absolute;height:46px;width:46px;display:flex;justify-content:flex-end;align-items:center;right:0px;top:3px}
.head-nav li .arrow i{transition:transform .2s ease}
.head-nav li .arrow.is-active i{transform:rotate(90deg)}
.head-nav .submenu{position:relative;max-width:none;max-width:initial}
.head-nav .submenu ul{padding-left:10px}
.head-nav .submenu a{padding:8px;color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;background:transparent}
.head-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:absolute;right:72px;z-index:1}
.head-icon i{font-weight:var(--fontbold6);font-size:var(--fontsize20)}}
.l-wrap{margin:0px auto;max-width:1600px}
.l-mask{display:none;position:fixed;left:0px;z-index:998;width:100%;height:100%;background:rgba(0,0,0,.8)}
main.is-fixed{margin-top:156px}
.inner-banner{position:relative;min-height:90px;background-color:#EEEEEE}
.inner-banner>img{display:block;width:100%;height:auto}
.inner-banner h2,.inner-banner h1{text-transform:uppercase;font-size:var(--fontsize32)}
.inner-banner h2{margin:.6em 0em}
.inner-banner .inner-content{display:flex;position:absolute;left:0px;top:0px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#FFFFFF}
.inner-banner .breadcrumb{width:100%;max-width:1600px;position:absolute;bottom:-1px;z-index:1}
.inner-banner .breadcrumb h1 a:nth-child(1){color:var(--introcolor);font-weight:normal}
.inner-banner .breadcrumb h1,.inner-banner .breadcrumb span,.inner-banner .breadcrumb span a{display:inline;font-size:inherit;font-weight:normal;text-transform:capitalize;color:var(--color)}
.inner-banner .breadcrumb>div{display:inline-block;background:#FFFFFF;min-height:30px;color:var(--introcolor);padding:0px 15px;line-height:2;font-size:var(--fontsize14);display:-webkit-inline-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;position:absolute;bottom:0px}
.inner-banner .breadcrumb a{color:var(--introcolor)}
.common-main{margin:60px 0px}
.common-page{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin-bottom:20px}
.common-page a,.common-page span{margin:0px 12px 12px 0px;padding:8px 16px;background-color:#F5F8F8;color:var(--fontcolor);transition:background .2s,color .2s}
.common-page a:hover{background-color:var(--color);color:#FFFFFF}
.common-page span{opacity:.4}
.common-page .last a{display:inline-block;font-style:normal}
.common-page .ctxt{background-color:var(--color);opacity:1;color:#FFFFFF}
.common-page .tol{background:transparent;opacity:1;color:var(--fontcolor)}
.product-main .l-wrap,.new-main .l-wrap{display:flex;flex-wrap:wrap}
.product-main .sidebar,.new-main .sidebar{position:relative;-ms-flex-item-align:start;align-self:flex-start;flex:0 0 370px;box-sizing:border-box;padding:15px 15px 0px;border:2px solid #F3F3F3;width:370px}
.product-main .sidebar .sidebar-item:nth-last-of-type(1),.new-main .sidebar .sidebar-item:nth-last-of-type(1){margin-bottom:0px}
.product-main .common-content,.new-main .common-content{flex:1;width:calc(100% - 410px)}
.new-main .sidebar{padding:15px;margin-left:40px}
.product-main .sidebar{margin-right:40px}
.sidebar-item .send-inquiry .inquiry-form input{width:100%}
.sidebar-item .send-inquiry .inquiry-form textarea{height:120px}
.more-btn{display:inline-block;padding:10px 40px;border:1px solid var(--color);background:var(--color);color:#FFFFFF;text-transform:lowercase;transition:color ease .3s,background ease .3s}
.more-btn:hover{background:#FFFFFF;color:var(--color)}
.main-title,.main-part{text-align:center}
.main-title{margin-bottom:5px;color:var(--introcolor)}
.main-part{text-transform:uppercase;font-size:var(--fontsize35)}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
@media screen and (max-width:1680px){
.l-wrap{max-width:1400px}}
@media screen and (max-width:1470px){
.l-wrap{max-width:1200px}
.product-main .sidebar,.new-main .sidebar{flex:0 0 320px;width:320px}}
@media screen and (max-width:1279px){
.l-wrap{max-width:none;max-width:initial;width:auto;margin:0px 50px}
.inner-banner h1{font-size:var(--fontsize26)}}
@media(max-width:1024px){
.new-main .sidebar,.product-main .sidebar{display:none}}
@media screen and (max-width:768px){
.l-wrap{margin:0vw 3vw}
.main-part{font-size:var(--fontsize20)}
.main-title{font-size:var(--fontsize16)}
.inner-banner{height:40vw}
.inner-banner>img{height:100%;object-fit:cover}
.inner-banner h2,.inner-banner h1{font-size:var(--fontsize26)}
.inner-banner .breadcrumb h1,.inner-banner .breadcrumb span,.inner-banner .breadcrumb span a{font-weight:var(--fontbold6)}
.common-main{margin:5.3333333333vw 0}
main{margin-top:55px}}
#contact{padding:20px 0px;background:#222222}
#contact .l-wrap{display:flex;justify-content:space-between}
#contact .foot-contact{padding:0px 25px;height:40px;background:var(--color);line-height:40px;color:var(--headercolor);white-space:nowrap}
#contact .foot-contact:hover{background:var(--hovercolor)}
#contact .foot-title{line-height:40px;font-size:var(--fontsize20);text-transform:capitalize;color:var(--headercolor)}
.foot-main{background:var(--hovercolor);color:var(--footercolor)}
.foot-main a{color:var(--footercolor)}
.foot-main .l-wrap{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 0px}
.foot-main .foot-item{width:25%}
.foot-main .foot-intro{max-width:300px;margin-bottom:10px}
.foot-main .foot-title{position:relative;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase;font-size:var(--fontsize20);color:#FFFFFF}
.foot-main .foot-title:after{display:block;position:absolute;left:0px;top:100%;width:40px;height:2px;background:var(--color);content:""}
.foot-main .foot-title img{max-width:280px;max-height:70px}
.foot-main .foot-about .foot-title{padding-bottom:0px;margin-bottom:10px}
.foot-main .foot-about .foot-title:after{display:none}
.foot-main .foot-feedback{padding-bottom:20px}
.foot-about .foot-link .title{margin:30px 0px 20px;text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--fontsize20);color:#FFFFFF}
.foot-about .foot-link ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px}
.foot-about .foot-link ul li{margin:12px 12px 0px 0px}
.foot-about .foot-link ul .social-item{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#555555;color:#FFFFFF;border-radius:2px;transition:transform .3s ease}
.foot-about .foot-link ul .social-item>i,.foot-about .foot-link ul .social-item>em{font-size:var(--fontsize20)}
.foot-about .foot-link ul .social-item.fb{background-color:#3b5997}
.foot-about .foot-link ul .social-item.tw{background-color:#2d2d2d}
.foot-about .foot-link ul .social-item.lk{background-color:#0A66C2}
.foot-about .foot-link ul .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.foot-about .foot-link ul .social-item.pi{background-color:#cc2127}
.foot-about .foot-link ul .social-item.you{background-color:#FF0000}
.foot-about .foot-link ul .social-item.vk{background:#0077FF}
.foot-about .foot-link ul .social-item.tik{background-color:var(--fontcolor)}
.foot-about .foot-link ul .social-item:hover{transform:scale(1.1)}
.foot-cate ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:316px}
.foot-cate ul>li{overflow:hidden;position:relative;box-sizing:border-box;margin-right:16px;margin-bottom:10px;padding-left:14px;width:calc(50% - 32px);text-overflow:ellipsis;white-space:nowrap}
.foot-cate ul>li:after{position:absolute;left:0px;top:0px;content:">"}
.foot-cate a:hover,.foot-right a:hover,.foot-main a:hover{color:var(--color)}
.foot-contact .contact-item{display:flex}
.foot-contact li{margin-bottom:20px}
.foot-contact .icon{display:flex;justify-content:center;align-items:center;margin-right:10px;width:40px;height:40px;background:#FFFFFF14}
.foot-contact .icon i,.foot-contact .icon em{color:var(--footercolor)}
.foot-contact .con{display:flex;flex-direction:column;justify-content:center;max-width:240px;min-height:40px;line-height:1.3em}
.foot-feedback .foot-wrap{max-width:300px}
.foot-feedback .tips{line-height:1.5em}
.foot-feedback .feedback-input{position:relative;margin:10px 0px 20px;border:1px solid #FFFFFF4F;width:280px}
.foot-feedback .feedback-input .iconfont{position:absolute;right:5px;top:5px;font-size:var(--fontsize20);color:#FFFFFF95}
.foot-feedback .feedback-btn{padding:10px 20px;background:var(--color);cursor:pointer;text-transform:capitalize;color:#FFFFFF}
.foot-feedback .feedback-btn i,.foot-feedback .feedback-btn em{display:inline-block;margin-left:10px;transform:scale(0.9)}
.foot-feedback input{box-sizing:border-box;padding:0px 14px;width:100%;height:40px;background:var(--hovercolor);line-height:40px;color:var(--footercolor);font-size:var(--fontsize14)}
.foot-feedback input::placeholder{color:#DDDDDD55}
.foot-right{background:var(--hovercolor);font-size:var(--fontsize14);color:var(--footercolor)}
.foot-right a{margin-left:10px;color:var(--footercolor)}
.foot-right .l-wrap{padding:10px 0px;border-top:1px solid #FFFFFF2E;text-align:center}
.bottom-btn{position:fixed;display:none;padding:0vw 4vw;box-sizing:border-box;left:0px;bottom:-16vw;width:100%;z-index:996;background-color:#FCFCFCFB;border-top:solid 1px #F1F1F1;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;transition:all .2s linear;opacity:0}
.bottom-btn .btn-item{width:14vw;height:14vw;line-height:1.2;position:relative}
.bottom-btn .btn-item>a{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}
.bottom-btn .iconfont{font-size:var(--fontsize20);line-height:1;color:#333333}
.bottom-btn p{font-size:var(--fontsize12);color:var(--fontcolor);text-transform:capitalize}
.bottom-btn .btn-item.cart{display:none}
.bottom-btn .btn-item.cart>div{width:100%;height:100%}
.bottom-btn .btn-item .top-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#FFFFFF;border:1px solid #CCCCCC;box-shadow:none;width:35px;height:35px}
.bottom-btn .btn-item .top-btn:hover{box-shadow:none;background:none}
.bottom-btn.is-active{bottom:0px;opacity:1}
.bottom-btn.show-cart{bottom:0px;opacity:1}
.bottom-btn.is-pro .btn-item.inquiry{display:none}
.bottom-btn.is-pro .btn-item.cart{display:block}
@media screen and (max-width:1080px){
.foot-main .foot-item{width:50%}
.foot-main .l-wrap{padding:40px 0px}}
@media screen and (max-width:768px){
#contact{display:none}
.top-btn{display:none!important}
.bottom-btn .btn-item .top-btn{display:flex!important}
.foot-main .foot-item{width:100%;margin-bottom:20px}
.foot-contact .con{max-width:250px}
.foot-main .foot-feedback{display:none}
.foot-main .foot-intro,.foot-cate ul{max-width:none;max-width:initial}
.foot-about .foot-link ul{max-width:100%}
.foot-main .foot-title{margin-bottom:20px}
.foot-main .l-wrap{padding:8vw 0vw 0vw}
.foot-right .l-wrap{padding:4vw}
.foot-feedback .feedback-btn{font-size:var(--fontsize14);padding:12px 14px}
.bottom-btn{display:flex}
footer{margin-bottom:calc(14vw + constant(safe-area-inset-bottom));margin-bottom:calc(14vw + env(safe-area-inset-bottom))}}
img.lazy{opacity:0}
img:not(.initial){transition:opacity 1s,transform .3s ease}
img.initial,img.loaded,img.error{opacity:1}
img:not([src]){visibility:hidden}
.load{position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px;background-color:#CCCCCC;animation:loading 1.5s ease infinite;border-radius:100%}
#home-swiper .swiper-slide img{display:block;width:100%;height:auto}
#home-swiper .swiper-pagination-bullet{background:#FFFFFF;opacity:.95}
#home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#home-swiper .swiper-next,#home-swiper .swiper-prev{cursor:pointer;position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;top:50%;margin-top:-25px;z-index:9;background:rgba(255,255,255,.2);transition:background .3s ease}
#home-swiper .swiper-next:hover,#home-swiper .swiper-prev:hover{background:var(--color)}
#home-swiper .swiper-next i,#home-swiper .swiper-prev i{color:#FFFFFF;font-weight:var(--fontbold6);font-size:var(--fontsize22)}
#home-swiper .swiper-next{right:0px}
#home-swiper .swiper-next i{transform:rotate(180deg)}
#home-swiper .swiper-prev{left:0px}
@media screen and (min-width:769px){
#home-swiper{min-height:300px}}
@media screen and (max-width:768px){
#home-swiper .swiper-next,#home-swiper .swiper-prev{width:36px;height:36px}}
#about{padding:80px 0px}
#about .l-wrap{display:flex}
#about .about-img,#about .about-con{width:50%}
#about .about-con{padding-left:100px}
#about .about-con .title{color:var(--color);font-weight:var(--fontbold6);margin-bottom:22px}
#about .about-con h3{font-size:var(--fontsize32);text-transform:uppercase;margin-bottom:20px}
#about .about-con h3>span{color:var(--color)}
#about .about-con .con{color:var(--introcolor);line-height:1.5em}
#about .about-con ul{margin:40px 0px 50px;padding-left:70px;position:relative;color:var(--fontcolor)}
#about .about-con ul li{line-height:1.5em;margin-bottom:10px;position:relative}
#about .about-con ul li:after{content:"";width:10px;height:10px;background:var(--color);position:absolute;top:8px;left:-20px}
#about .about-con ul:before,#about .about-con ul:after{content:"";height:100%;width:1px;background:var(--color);position:absolute;left:0px}
#about .about-con ul:after{left:14px;top:-22px}
#about .about-con ul:before{top:10px}
#about .about-img{padding-top:60px}
#about .about-img img{display:block;right:0px;width:90%;height:auto}
#about .about-img .img-wrap{position:relative;display:flex;justify-content:flex-end}
#about .about-img .dot,#about .about-img .box{position:absolute}
#about .about-img .dot{z-index:-2;background-image:radial-gradient(#D8D8D8 1.2px, rgba(0, 0, 0, 0) 1px);background-size:16px 16px}
#about .about-img .box{background:#F1F4F9;z-index:-1}
@media screen and (max-width:1470px){
#about .about-con{padding-left:50px}}
@media screen and (max-width:768px){
#about{padding:3vw}
#about .l-wrap{display:block;margin:0px}
#about .about-img,#about .about-con{width:100%}
#about .about-img{margin-bottom:40px}
#about .about-img img{width:100%}
#about .about-con{padding-left:0px}
#about .about-con h3,#about .about-con .title{text-align:center}
#about .about-con h3{font-size:var(--fontsize20)}
#about .about-con .title{margin-bottom:16px}
#about .about-con ul{margin:30px 0px 40px;padding-left:60px}}
#ind{display:flex;padding:100px 0px;overflow:hidden}
#ind>div{flex:1}
#ind .ind-wrap{box-sizing:border-box;padding:80px 100px}
#ind .ind-l{z-index:1;background:var(--hovercolor)}
#ind .ind-l h3{margin-bottom:10px;font-size:var(--fontsize32);color:#FFFFFF}
#ind .ind-l .con{margin-bottom:40px;color:#FFFFFF95}
#ind .ind-r{position:relative;top:-54px;z-index:0;margin-left:-100px}
#ind .ind-r>img{display:block;width:100%;height:auto}
#ind .ind-r .play{display:flex;position:absolute;left:50%;top:50%;justify-content:center;align-items:center;border-radius:50%;width:77px;height:77px;background:var(--color);transform:translate(-50%, -50%)}
#ind .adv-icon{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -16px}
#ind .adv-icon>li{box-sizing:border-box;margin-bottom:30px;padding:0px 15px;width:50%}
#ind .adv-icon .icon-item{display:flex;box-sizing:border-box;padding:25px;background:#FFFFFF10;color:#FFFFFF}
#ind .adv-icon .icon-img{margin-right:24px}
#ind .adv-icon .num{font-size:var(--fontsize32);line-height:1}
#ind .adv-icon .text{margin-top:0px;color:#FFFFFF95}
@media screen and (max-width:1680px){
#ind .ind-wrap{padding:100px}
#ind .ind-r .play{top:40%}}
@media screen and (max-width:1470px){
#ind .ind-wrap{padding:40px}
#ind .adv-icon .icon-item{padding:15px}
#ind .ind-r .play{top:45%}}
@media screen and (max-width:768px){
#ind{flex-direction:column-reverse;margin:5.3333333333vw 0;padding:20px 0px}
#ind .ind-r{position:relative;top:0px;margin:0px}
#ind .ind-r .play{top:50%;width:9.3333333333vw;height:9.3333333333vw}
#ind .ind-r .play img{width:3.2vw}
#ind .ind-wrap{padding:3vw}
#ind .ind-l h3{font-size:var(--fontsize24);margin-bottom:20px}
#ind .adv-icon .icon-img{margin-right:0px}
#ind .adv-icon .icon-item{padding:3vw;height:100%;flex-direction:column}
#ind .adv-icon .icon-item>div{text-align:center}
#ind .adv-icon .num{margin-top:4px;font-size:1.6em}}
#product{margin-bottom:100px}
#product .pro-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:40px -20px 0px}
#product .pro-list>li{width:25%;padding:0px 20px;margin-bottom:40px;box-sizing:border-box}
#product .pro-list .pro-item{padding:15px;border:1px solid #EEEEEE;transition:border .3s ease}
#product .pro-list .pro-item:hover{border-color:var(--color)}
#product .pro-list .pro-item:hover img{transform:scale(1.05)}
#product .pro-list .pro-img{position:relative;padding-top:100%}
#product .pro-list .pro-img img{transition:transform .3s ease}
#product .pro-list .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
#product .pro-list .pro-name{margin:10px 0px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#product .pro-list .pro-more{width:100%;display:block;color:var(--fontcolor);font-size:var(--fontsize14);background:#F2F2F2;text-align:center;height:40px;line-height:40px;text-transform:lowercase;transition:color .3s ease,background .3s ease}
#product .pro-list .pro-more:hover{color:#FFFFFF;background:var(--color)}
#product .product-more{text-align:center}
#product .product-more .more-btn{display:inline-block;margin:10px auto 0px;padding:10px 25px;background:#FFFFFF;text-transform:capitalize;color:var(--fontcolor);border-color:var(--fontcolor)}
#product .product-more .more-btn:hover{background:var(--color);border-color:var(--color);color:#FFFFFF}
#product .product-more .more-btn i,#product .product-more .more-btn em{display:inline-block;margin-left:14px;transform:rotate(180deg)}
@media screen and (max-width:1470px){
#product .pro-list .pro-item{padding:14px}}
@media screen and (max-width:768px){
#product{margin-bottom:5.3333333333vw}
#product .pro-list{margin:4vw -2vw}
#product .pro-list>li{padding:0vw 2vw;margin-bottom:4vw;width:50%}
#product .pro-list .pro-name{font-size:var(--fontsize16);margin:0vw 0vw 2vw 0vw;-webkit-line-clamp:3}
#product .pro-list .pro-item{padding:10px}
#product .pro-list .pro-more{font-size:var(--fontsize14)}
#product .product-more .more-btn{margin:0px}}
#appli{background-color:#F6F6F6;background-image:url("https://css02.v15cdn.com/m420/images/appli_bg.webp");background-repeat:no-repeat;background-position:center bottom;background-size:100%}
#sol-swiper{padding-bottom:60px}
#sol-swiper .swiper-slide{display:flex}
#sol-swiper .swiper-slide>div{flex:1}
#sol-swiper .sol-img img{width:100%;height:auto}
#sol-swiper .sol-r-wrap{padding:0px 11% 0 9%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}
#sol-swiper .sol-r{background:#FFFFFF}
#sol-swiper .sol-title{font-size:var(--fontsize26);margin-bottom:10px;font-weight:var(--fontbold6);text-transform:capitalize;color:var(--fontcolor)}
#sol-swiper .sol-con{color:var(--introcolor);line-height:1.7em;margin-bottom:30px}
#sol-swiper .swiper-pagination-bullet{background:var(--color)}
.sol-top{background:url("https://css02.v15cdn.com/m420/images/sol_bg.webp") repeat-x left top}
.sol-top h3{font-size:var(--fontsize35);text-align:center;padding:70px 0px 50px;text-transform:uppercase;color:#FFFFFF}
.advan{padding:60px 0px 85px}
.advan h3{margin-bottom:5px;font-size:var(--fontsize35);text-align:center;text-transform:uppercase}
.advan .title{margin:0px auto;color:var(--introcolor);max-width:48%;text-align:center;margin-bottom:54px}
.advan .advan-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -25px}
.advan .advan-list>li{width:25%;padding:0px 25px;box-sizing:border-box}
.advan .advan-item{padding:38px 20px 46px;box-sizing:border-box;height:100%;background:#FFFFFF;position:relative}
.advan .advan-item .tit{margin:0px auto;text-align:center;font-weight:var(--fontbold6);margin:20px 0px;font-size:var(--fontsize20)}
.advan .advan-item .con{text-align:center;line-height:1.5em;color:var(--introcolor)}
.advan .advan-item:hover .advan-icon{background-color:var(--color)}
.advan .advan-item:hover .advan-icon .qa{background-position:-36px 0px}
.advan .advan-item:hover .advan-icon .gs{background-position:-108px 0px}
.advan .advan-item:hover .advan-icon .rn{background-position:-180px 0px}
.advan .advan-item:hover .advan-icon .fd{background-position:-252px 0px}
.advan .advan-item:hover:after{border-bottom:24px solid var(--color);border-left:24px solid transparent}
.advan .advan-item:after{content:"";position:absolute;display:block;height:0px;width:0px;right:14px;bottom:14px;border-bottom:14px solid var(--color);border-left:14px solid transparent;transition:border .3s ease}
.advan .advan-icon{width:65px;height:65px;margin:0px auto;border-radius:5px;background:#F6F6F6;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}
.advan .advan-icon>i,.advan .advan-icon>em{display:block;width:36px;height:36px;background:url("https://css02.v15cdn.com/m420/images/advan_icon.webp") no-repeat}
.advan .advan-icon .gs{background-position:-72px 0px}
.advan .advan-icon .rn{background-position:-144px 0px}
.advan .advan-icon .fd{background-position:-216px 0px}
@media screen and (max-width:1470px){
.advan .advan-item{padding:15px 10px}
.advan .advan-item .tit{margin:18px 30px}}
@media screen and (max-width:768px){
#sol-swiper .swiper-slide{display:block}
#sol-swiper .sol-title{font-size:var(--fontsize18)}
#sol-swiper .sol-r-wrap{padding:5.3333333333vw 4vw}
#sol-swiper .sol-con{font-size:var(--fontsize16);margin-bottom:4vw}
.sol-top h3{font-size:var(--fontsize20);padding:5vw 0}
.sol-top{background-size:auto 30%;background-position:top 0 center}
.more-btn{font-size:var(--fontsize14);padding:10px 30px}
.advan h3{font-size:var(--fontsize20)}
.advan .title{max-width:100%;font-size:var(--fontsize16);margin-bottom:5.3333333333vw}
.advan{padding:5.3333333333vw 0}
.advan .advan-list>li{width:50%;margin-bottom:4vw;padding:0vw 2vw}
.advan .advan-list{margin:0vw -2vw}
.advan .advan-item .tit{font-size:var(--fontsize16);margin:4vw 0vw}
.advan .advan-item .con{font-size:var(--fontsize16)}}
#new{padding:80px 130px}
#new .new-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:36px -25px 0px}
#new .new-list>li{width:33.3333%;padding:0px 25px;box-sizing:border-box}
#new .new-item{box-shadow:0px 0px 70px 0px rgba(184,184,184,.33);padding-bottom:15px}
#new .new-item .new-img:hover img{transform:scale(1.05)}
#new .new-img{position:relative;overflow:hidden;display:block}
#new .new-img img{display:block;width:100%;height:auto}
#new .new-date{position:absolute;left:15px;bottom:0px;padding:5px 10px;font-size:var(--fontsize14);color:#FFFFFF;background:var(--color)}
#new .new-date i{margin-right:6px}
#new .new-more{margin:0px 20px;font-size:var(--fontsize14);display:flex;justify-content:space-between;text-transform:lowercase}
#new .new-more i{font-weight:var(--fontbold6);transform:rotate(180deg)}
#new .new-title{margin:15px;padding-bottom:15px;border-bottom:1px solid #EEEEEE;font-size:var(--fontsize18);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#new .new-title:hover{color:var(--color)}
@media screen and (max-width:1470px){
#new .new-title{margin:12px}
#new{padding:100px 80px}}
@media screen and (max-width:768px){
#new{padding:4vw 0vw}
#new .new-list{margin:4vw -2vw}
#new .new-list>li{padding:0vw 2vw;width:100%}
#new .new-date{font-size:var(--fontsize12);padding:2px 5px;left:10px}
#new .new-item{padding-bottom:1px}
#new .new-title{font-size:var(--fontsize16)}
#new .new-more{font-size:var(--fontsize14);margin:10px}
#new .new-more i{font-size:var(--fontsize14)}}
.tab{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.tab .tab-item{padding:15px 50px;margin:0px 15px 15px 0px;background:#F4F4F4;color:var(--fontcolor);font-weight:var(--fontbold6)}
.tab .tab-item.is-current{background-color:var(--color);position:relative;color:#FFFFFF}
.tab .tab-item.is-current:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%, -5px);display:block;width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #FFF}
.common-main #about{padding:0px}
.common-main #about .about-con{margin-top:80px}
.common-main #about .about-con ul{padding-left:20px}
.common-main #about .about-con ul:before,.common-main #about .about-con ul:after{display:none}
.common-main article p{color:var(--fontcolor);line-height:1.6em}
.about-adv{display:flex;margin:80px 0px 60px}
.about-adv>li{width:25%}
.about-adv .icon-item{display:flex;justify-content:center}
.about-adv .icon-item>div{margin-left:20px}
.about-adv .icon-item>.icon-img{margin-left:0px}
.about-adv .num{font-size:var(--fontsize32);color:var(--fontcolor);line-height:1;font-weight:var(--fontbold6)}
.about-adv .text{color:var(--introcolor)}
.about-part{margin-bottom:60px}
.about-part .part-item{display:flex}
.about-part .part-item>div{width:50%}
.about-part .part-item:nth-last-child(1) .part-img{justify-content:flex-start}
.about-part .part-con{background:#F6F6F7;padding:70px;box-sizing:border-box}
.about-part .part-img{display:flex;flex-direction:column;justify-content:flex-end}
.about-part .part-img img{width:100%;height:auto}
.about-part .title{position:relative;text-align:center;color:var(--fontcolor);padding-bottom:10px;margin-bottom:20px;font-size:var(--fontsize32)}
.about-part .title:after{content:"";position:absolute;width:80px;height:2px;left:50%;top:100%;transform:translateX(-50%);background:var(--color)}
.about-part .con{line-height:1.8em;color:var(--introcolor)}
.product-case{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:48px;margin:0 -9px -36px}
.product-case>li{width:25%;padding:0px 9px;margin-bottom:36px;box-sizing:border-box}
.product-case .case-img{padding:0px;border:1px solid #EEEEEE;box-sizing:border-box}
.product-case .case-img img{width:100%;height:auto;vertical-align:bottom}
.product-case .case-name{width:100%;height:50px;line-height:50px;padding:0px 10px;text-overflow:ellipsis;text-align:center;overflow:hidden;white-space:nowrap;box-sizing:border-box;font-size:var(--fontsize18);background:#f0f0f0}
.company-cer{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:40px;margin:0 -27px}
.company-cer>li{width:25%;padding:0px 27px;box-sizing:border-box}
.company-cer .cer-img{padding:10px;border:1px solid #EEEEEE;box-sizing:border-box}
.company-cer .cer-img img{width:100%;height:auto}
.company-cer .cer-name{margin-top:10px;text-align:center;font-size:var(--fontsize18);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-partner h3{position:relative;margin-top:70px;font-size:var(--fontsize32);padding-bottom:10px;text-align:center}
.company-partner h3:after{content:"";position:absolute;width:80px;height:2px;left:50%;top:100%;transform:translateX(-50%);background:var(--color)}
.company-partner ul{display:flex;margin:40px -9px 0px}
.company-partner ul>li{width:33.3333%;padding:0px 9px;box-sizing:border-box}
.company-partner .partner-item{width:100%;height:95px;display:flex;border:1px solid #EEEEEE;justify-content:center;align-items:center}
.company-partner .partner-item img{max-width:100%;height:auto}
.contact{display:flex}
.contact .contact-box{flex:0 0 420px;margin-right:40px;padding:30px;box-sizing:border-box;background:var(--color);color:#FFFFFF}
.contact .contact-box p, .contact .contact-box p a{color:#FFFFFF}
.contact .contact-box .title{font-size:var(--fontsize26);margin-bottom:10px}
.contact .contact-box .tip{margin-bottom:20px}
.contact .contact-inquiry{padding-top:10px;flex:1}
.contact .contact-inquiry .title{font-size:var(--fontsize26);font-weight:var(--fontbold6);line-height:1.1;position:relative;margin-bottom:10px;padding-bottom:10px;color:var(--fontcolor)}
.contact .contact-inquiry .title:after{content:"";position:absolute;width:80px;height:2px;top:100%;left:0px;background:var(--color)}
.contact .contact-inquiry .tip{color:var(--fontcolor);margin-bottom:30px}
.contact .contact-item{display:flex;margin-bottom:20px}
.contact .contact-item .icon{width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px}
.contact .contact-item .con{flex:1}
.application .app-item{display:flex;margin-bottom:60px}
.application .app-item>div{width:50%}
.application .app-img{position:relative}
.application .app-img img{width:100%;height:auto;display:block}
.application .app-img .tri{position:absolute;top:0px;right:0px;width:0px;height:0px}
.application .app-item:nth-of-type(2n){flex-direction:row-reverse}
.application .app-item:nth-of-type(2n) .app-img .tri{right:inherit;left:0px;border-left:0px}
.application .app-info{display:flex;flex-direction:column;justify-content:center;padding:26px;box-sizing:border-box;color:var(--introcolor)}
.application .app-info .title{color:var(--fontcolor);font-size:1.75em;font-weight:var(--fontbold6);text-transform:capitalize}
.application .app-info li{line-height:1.8em}
.solution .sol-title{font-size:var(--fontsize32);color:var(--fontcolor);margin-bottom:30px;text-align:center}
.solution .sol-list{display:flex;margin:0px 0px 130px}
.solution .sol-list>li{width:25%;margin-right:30px;box-sizing:border-box}
.solution .sol-list>li:last-child{margin-right:0px}
.solution .sol-item{position:relative;height:100%;box-shadow:0px 0px 65px 0px rgba(215,215,215,.63);padding:60px 30px 50px;box-sizing:border-box;border-bottom:3px solid var(--color);transition:color .3s ease,background-color .3s ease}
.solution .sol-item .title{margin-bottom:20px;font-size:var(--fontsize20);font-weight:var(--fontbold6);color:var(--fontcolor);transition:color .3s ease}
.solution .sol-item .con{line-height:1.8em}
.solution .sol-item .icon{width:50px;height:50px;background:url("https://css02.v15cdn.com/m420/images/sol_icon.webp") no-repeat;margin-bottom:46px}
.solution .sol-item .icon2{background-position:-100px 0px}
.solution .sol-item .icon3{background-position:-200px 0px}
.solution .sol-item .icon4{background-position:-300px 0px}
.solution .sol-item:hover{background-color:var(--color);color:#FFFFFF}
.solution .sol-item:hover:after{opacity:.1}
.solution .sol-item:hover .title{color:#FFFFFF}
.solution .sol-item:hover .icon{background-position:-50px 0px}
.solution .sol-item:hover .icon2{background-position:-150px 0px}
.solution .sol-item:hover .icon3{background-position:-250px 0px}
.solution .sol-item:hover .icon4{background-position:-350px 0px}
.solution .sol-item:after{content:"";position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;opacity:0;background-image:url("https://css02.v15cdn.com/m420/images/sol_item.webp");background-size:cover;background-repeat:no-repeat;transition:opacity .3s ease}
.solution .sol-content{margin-bottom:-90px;padding:60px 0 120px;background:#F2F2F2}
.solution .top-con{margin-bottom:66px}
.solution .sol-tab{display:flex}
.solution .sol-tab .sol-tab-container{display:none}
.solution .sol-tab .sol-tab-container.is-active{display:block}
.solution .sol-tab .sol-tab-item{height:80px;line-height:80px;margin-bottom:15px;cursor:pointer;padding:0px 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#FFFFFF;text-align:center;color:var(--fontcolor);transition:color .3s ease,background-color .3s ease}
.solution .sol-tab .sol-tab-item:hover,.solution .sol-tab .sol-tab-item.is-active{background-color:var(--color);color:#FFFFFF}
.solution .sol-tab .sol-tab-list{-ms-flex:3;flex:3;margin-right:36px}
.solution .sol-tab .sol-tab-wrap{-ms-flex:7;flex:7}
.solution .sol-tab .sol-tab-content{width:100%;display:flex}
.solution .sol-tab .sol-tab-content>div{width:50%}
.solution .sol-tab .sol-tab-con{background-color:#FFFFFF;padding:0px 34px 0px 50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.solution .sol-tab .sol-tab-con .title{font-weight:var(--fontbold6);margin-bottom:10px;font-size:var(--fontsize26);color:var(--fontcolor)}
.suport{display:flex}
.suport .suport-side{-ms-flex:0 0 328px;flex:0 0 328px;width:328px;margin-right:60px}
.suport .support-main{flex:1;width:calc(100% - 388px)}
.suport .suport-link a{height:60px;line-height:60px;background:#F3F3F3;color:var(--fontcolor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:0px 24px;box-sizing:border-box;transition:background-color .3s ease}
.suport .suport-link-item{margin-bottom:8px;position:relative}
.suport .suport-link-item .iconfont{color:var(--fontcolor);position:absolute;right:20px;top:20px}
.suport .suport-link-item:hover a,.suport .suport-link-item.is-current a{background-color:var(--color);color:#FFFFFF}
.suport .suport-link-item:hover i,.suport .suport-link-item.is-current i,.suport .suport-link-item:hover em,.suport .suport-link-item.is-current em{color:#FFFFFF}
.htu .htu-title{margin-bottom:26px;text-align:center;font-size:2.5em;color:var(--fontcolor)}
.htu .htu-con{margin-bottom:30px;text-align:center}
.htu .htu-list{margin:0 -14px;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.htu .htu-list>li{width:33.3333%;padding:0px 14px;box-sizing:border-box;margin-bottom:28px}
.htu .htu-item{position:relative}
.htu .htu-item img{width:100%;height:auto}
.htu .htu-item:hover .htu-box{opacity:1}
.htu .htu-box{position:absolute;background:rgba(0,0,0,.6);top:0px;left:0px;width:100%;height:100%;opacity:0;transition:opacity .3s ease}
.htu .htu-icon{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%)}
.htu .htu-icon img{width:46px;height:auto}
.htu .htu-name{position:absolute;left:30px;right:30px;bottom:30px;padding:20px;box-sizing:border-box;color:#444444;font-weight:var(--fontbold6);background:#FFFFFF}
.htu .htu-name:after{content:"";position:absolute;display:block;top:100%;height:12px;left:6px;right:6px;background-color:var(--color)}
.afs .afs-content{display:flex;margin-bottom:70px}
.afs .afs-img{-ms-flex:4.5;flex:4.5}
.afs .afs-img img{width:100%;height:auto}
.afs .afs-con{-ms-flex:5.5;flex:5.5;margin-left:40px}
.afs .afs-con .title{font-weight:var(--fontbold6);font-size:var(--fontsize26);color:var(--fontcolor)}
.afs .afs-con .con{margin-bottom:40px}
.afs .afs-con li{color:var(--fontcolor);margin-bottom:1em}
.afs .afs-con li i,.afs .afs-con li em{width:18px;height:18px;position:relative;top:4px;margin-right:10px;display:inline-block;background-color:var(--color);border-radius:50%;color:#FFFFFF}
.afs .afs-con li i::before,.afs .afs-con li em::before{font-size:var(--fontsize12);position:absolute;top:-3px;left:3px}
.afs .afs-title{color:var(--fontcolor);font-size:var(--fontsize26);font-weight:var(--fontbold6)}
.afs .afs-tab{height:70px;display:flex;margin-top:30px;border:2px solid var(--color);box-sizing:border-box}
.afs .afs-tab-item{width:33.3333%;display:flex;font-size:var(--fontsize18);font-weight:var(--fontbold6);position:relative;cursor:pointer;justify-content:center;align-items:center}
.afs .afs-tab-item i,.afs .afs-tab-item em{width:24px;height:24px;margin-right:8px;position:relative;font-weight:var(--fontbold6);border:2px solid var(--color);border-radius:50%;color:var(--color)}
.afs .afs-tab-item i::before,.afs .afs-tab-item em::before{position:absolute;top:0px;left:4px}
.afs .afs-tab-item.is-active,.afs .afs-tab-item:hover{color:var(--color)}
.afs .afs-tab-item.is-active i,.afs .afs-tab-item:hover i,.afs .afs-tab-item.is-active em,.afs .afs-tab-item:hover em{background-color:var(--color);color:#FFFFFF}
.afs .afs-tab-item:after{content:"";position:absolute;background-color:#c4c4c4;display:block;height:28px;width:1px;right:1px;top:19px}
.afs .afs-tab-item:last-child:after{display:none}
.afs .afs-tab-content{padding-top:30px}
.afs .afs-tab-content ul{margin-top:30px}
.afs .afs-tab-content ul li{color:var(--fontcolor);margin-bottom:1em}
.afs .afs-tab-content .icon-check{font-weight:var(--fontbold6);margin-right:10px}
.afs .tab-content-wrap{display:none}
.afs .tab-content-wrap.is-active{display:block}
.case .case-title{color:var(--color);text-align:center;margin-bottom:30px;font-size:2.25em}
.case .case-item{position:relative}
.case .case-item:hover .case-box{opacity:1;transform:translate3d(0, 0, 0) scale(1)}
.case .case-box{position:absolute;background:#FFFFFF;padding:20px;left:30px;right:30px;bottom:30px;text-align:center;opacity:0;transition:opacity .3s,transform .3s;transform:translate3d(0, 20px, 0) scale(1.05)}
.case .case-name{color:var(--color);font-size:var(--fontsize18)}
.case .case-more{display:inline-block;width:40px;height:40px;margin:0px auto;background-color:var(--color);border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;transform:rotate(180deg);color:#FFFFFF}
.case .case-tip{text-align:center;margin:0px auto;max-width:780px;padding:0px 20px}
.case .case-img img{width:100%;height:auto}
.case .case-con{margin-bottom:18px}
.case .case-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:50px -13px 0px}
.case .case-list>li{width:33.3333%;padding:0px 13px;margin-bottom:26px;box-sizing:border-box}
@media screen and (max-width:1680px){
.about-part .part-con{padding:60px 40px}}
@media screen and (max-width:1470px){
.about-part .part-con{padding:30px 20px}
.about-part .title{margin-bottom:20px}
.solution .sol-item{padding:30px 16px}
.case .case-box{padding:15px;left:15px;right:15px;bottom:15px;transform:none;opacity:1}
.case .case-more{width:32px;height:32px}
.suport .suport-side{flex:0 0 300px;width:300px;margin-right:30px}}
@media screen and (max-width:768px){
.tab{justify-content:space-between}
.tab .tab-item{width:calc(50% - 1vw);margin:0 2vw 2vw 0;padding:10px;box-sizing:border-box;font-size:var(--fontsize14);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab .tab-item:nth-of-type(2n){margin-right:0px}
.about-adv{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:12vw 0px}
.about-adv>li{width:50%;margin-bottom:4vw}
.about-adv .num{font-size:var(--fontsize14);margin:2vw 0px}
.about-adv .icon-item{display:block;text-align:center}
.about-adv .icon-item>div{margin-left:0px}
.about-adv .text{font-size:var(--fontsize12)}
.about-part .part-item{flex-direction:column}
.about-part .part-item:nth-of-type(2n){flex-direction:column-reverse}
.about-part .part-item>div{width:100%}
.about-part .part-con{padding:5.3333333333vw}
.about-part .title{font-weight:var(--fontbold6);font-size:var(--fontsize18);padding-bottom:6px}
.about-part{margin-bottom:12vw}
.product-case{margin:0 -4vw -36px}
.product-case>li{width:50%;padding:0vw 2vw}
.product-case .case-name{font-size:var(--fontsize14);height:36px;line-height:36px}
.product-case .case-img{padding:8px}
.company-cer{margin:0 -2vw;padding-top:16px}
.company-cer>li{width:50%;padding:0vw 2vw}
.company-cer .cer-img{padding:6px}
.company-cer .cer-name{font-size:var(--fontsize16);margin:10px 0px}
.company-partner h3{margin-top:20px;font-size:var(--fontsize18);padding-bottom:12px}
.company-partner ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
.company-partner ul>li{margin-bottom:4vw}
.contact{display:block}
.contact .contact-box{-ms-flex:initial;flex:initial;padding:14px;margin-right:0px}
.contact .contact-box .title{font-size:var(--fontsize18)}
.contact .contact-inquiry .title{font-size:var(--fontsize20);margin-top:20px}
.solution .sol-title{font-size:var(--fontsize20);margin-bottom:4vw}
.solution .sol-list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:4vw}
.solution .sol-list>li{width:100%;margin-bottom:4vw;margin-right:0px}
.solution .sol-item .icon{margin-bottom:4vw}
.solution .sol-item .title{font-size:var(--fontsize18);margin-bottom:10px}
.solution .sol-tab{display:block}
.solution .sol-tab .sol-tab-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0px}
.solution .sol-tab .sol-tab-item{width:calc(50% - 7px);margin-right:14px;box-sizing:border-box;height:42px;line-height:42px}
.solution .sol-tab .sol-tab-item:nth-of-type(2n){margin-right:0px}
.solution .sol-tab .sol-tab-content{display:block}
.solution .sol-tab .sol-tab-content>div{width:100%}
.solution .sol-tab .sol-tab-img img{width:100%;height:auto}
.solution .sol-tab .sol-tab-con{background:transparent;padding:10px 0px}
.solution .sol-tab .sol-tab-con .title{font-size:var(--fontsize18)}
.solution .top-con{margin-bottom:8vw}
.solution .sol-content{padding-top:8vw}
.case .case-title{margin-bottom:4vw;font-size:var(--fontsize18)}
.case .case-tip{padding:0px}
.case .case-list{margin:50px 0px 0px}
.case .case-list>li{width:100%;padding:0px}
.suport .suport-side{display:none}
.afs .afs-content{display:block}
.afs .afs-con{margin-left:0px}
.afs .afs-title,.afs .afs-con .title{font-size:var(--fontsize18)}
.afs .afs-tab{height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}
.afs .afs-tab-item{width:100%;padding:10px 0px;font-size:var(--fontsize16);border-bottom:1px solid #EEEEEE}
.afs .afs-tab-item:after{display:none}
.htu .htu-title{margin-bottom:10px;font-size:var(--fontsize18)}
.htu .htu-list{margin:0vw -2vw}
.htu .htu-list>li{width:50%;padding:0vw 2vw}
.htu .htu-name{font-size:var(--fontsize12);left:10px;right:10px;bottom:16px;padding:12px}
.htu .htu-name:after{height:6px}
.htu .htu-icon img{width:40px}
.application .app-item{display:block;margin-bottom:4vw}
.application .app-item>div{width:100%}
.application .app-info{display:block;padding:4vw 0vw}
.application .app-info .title{line-height:1.5em;font-size:var(--fontsize18)}}
.send-inquiry .inquiry-form{position:relative;display:flex;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.inquiry .l-wrap{padding:0px;max-width:900px}
.inquiry .send-inquiry .send-btn{margin:50px auto}
.inquiry-tip{margin-bottom:30px;line-height:1.5em}
.inquiry-tip a{text-decoration:underline}
.inquiry-tip a:hover{color:var(--color)}
.feedback p{line-height:1.5em}
.send-tit{margin:70px 0px 30px;font-size:34px;color:var(--fontcolor);font-weight:var(--fontbold6);text-transform:uppercase}
@media screen and (max-width:769px){
.send-tit{margin:20px 0px 20px;font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold6)}
.l-main-single .inquiry{padding:8vw 0}
.inquiry .send-inquiry .send-btn{margin:8vw auto 4vw}
.inquiry-tip{margin-bottom:6vw}
.send-inquiry .send-btn{height:10.6666666667vw;margin:20px 0px 0px;padding:0px 6.6666666667vw}}
.hvr-bounce-to-right,.hvr-bounce-to-right-y{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;background:var(--color);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:hover:before,.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}
.pro-img img{max-width:100%;max-height:100%}
.product-main .pro-list .pro-more{color:var(--introcolor);background:#F2F2F2;transition:background .2s ease,color .2s ease}
.product-main .pro-list .pro-more:hover{background:var(--color);color:#FFFFFF}
.product-main .pro-list .pro-name{width:100%;font-size:var(--fontsize18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product-main .pro-list .pro-img:hover .pro-cart{opacity:1}
.product-main .pro-list .pro-img:hover img{transform:scale(1.05)}
.product-main .pro-list .img-wrap{position:absolute;left:0px;top:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.product-main .pro-list .img-wrap:after{content:"";display:block;background:rgba(0,0,0,.1);position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;transition:opacity .2s ease}
.product-main .pro-cart{position:absolute;right:10px;bottom:10px;width:35px;height:35px;cursor:pointer;background:#FFFFFF;border-radius:50%;display:flex;opacity:0;justify-content:center;align-items:center;z-index:1;transition:opacity .2s ease}
.product-main .pro-cart i{font-size:var(--fontsize18)}
.product-main .pro-list .pro-img .icon-hottitle{position:absolute;left:5px;top:0px;z-index:1;color:var(--color);font-size:35px}
.product-main .pro-list.list1{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -20px}
.product-main .pro-list.list1>li{width:33.3333%;margin-bottom:40px;box-sizing:border-box;padding:0px 20px}
.product-main .pro-list.list1 .pro-item{height:100%;box-sizing:border-box;border:1px solid #EEEEEE}
.product-main .pro-list.list1 .pro-item:hover{border:1px solid var(--color)}
.product-main .pro-list.list1 .pro-info{padding:0px 15px 15px}
.product-main .pro-list.list1 .pro-more{display:block;width:100%;height:40px;line-height:40px;font-size:var(--fontsize14);text-align:center;text-transform:lowercase;transition:background .2s ease,color .2s ease}
.product-main .pro-list.list1 .pro-name{text-align:center;margin:10px 0px}
.product-main .pro-list.list1 .data-price{text-align:center;font-size:var(--fontsize14);color:var(--introcolor);margin-bottom:10px;display:block}
.product-main .pro-list.list1 .pro-img{width:100%;padding-top:100%;position:relative}
.product-main .pro-list.list0>li{margin-bottom:40px}
.product-main .pro-list.list0 .pro-item{display:flex}
.product-main .pro-list.list0 .pro-img{flex:0 0 320px;height:320px;margin-right:40px;position:relative;border:1px solid #EEEEEE;box-sizing:border-box}
.product-main .pro-list.list0 .pro-info{padding:30px 0px;box-sizing:border-box;flex:1}
.product-main .pro-list.list0 .pro-name{margin-bottom:10px}
.product-main .pro-list.list0 .pro-intro{color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3.1em;font-size:var(--fontsize16)}
.product-main .pro-list.list0 .data-price{margin:10px 0px;display:block}
.product-main .pro-list.list0 .pro-more{display:inline-block;margin-top:15px;padding:10px 40px;font-size:var(--fontsize14);text-transform:lowercase}
.product-main .pro-bottom{padding:10px;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,.1)}
.product-main .pro-bottom a{text-decoration:underline;text-transform:lowercase}
.product-main .pro-bottom a:hover,.product-main .pro-bottom a:active{color:var(--color)}
.product-main li.is-checked .pro-cart{box-shadow:0px 3px 5px 0px rgba(0,0,0,.1);opacity:1;color:var(--color)}
.pro-detail .pro-detail-top{display:flex}
.pro-detail .preview-container{position:relative;width:450px;background:#FFFFFF;padding-bottom:1px}
.pro-detail .preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#FFFFFF;cursor:move}
.pro-detail .preview-container .small-box img{max-width:100%;max-height:100%}
.pro-detail .preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #EEEEEE;display:none}
.pro-detail .preview-container .thumbnail-box{margin:20px 0px 0px;position:relative;width:100%;box-sizing:border-box;background:#FFFFFF}
@media(max-width:768px){.pro-detail .preview-container .thumbnail-box{margin-top:4vw}}
.pro-detail .preview-container .thumbnail-box .list{width:390px;margin:0px auto;overflow:hidden;position:relative}
.pro-detail .preview-container .thumbnail-box .list ul{width:10000px;display:flex;padding:2px 0px}
.pro-detail .preview-container .thumbnail-box .list ul .item{width:76px;height:76px;display:flex;justify-content:center;align-items:center;margin:0px 10px;box-sizing:border-box;overflow:hidden;border:1px solid #CCC;position:relative}
.pro-detail .preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.pro-detail .preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%;display:block}
.pro-detail .preview-container .thumbnail-box .list ul .item-cur{border:none;outline:2px solid var(--color)}
.pro-detail .preview-container .thumbnail-box .btn{position:absolute;width:22px;display:flex;justify-content:center;align-items:center;height:100%}
.pro-detail .preview-container .thumbnail-box .btn-prev{left:0px;border-radius:5px 0px 0px 5px}
.pro-detail .preview-container .thumbnail-box .btn-next{right:0px;border-radius:0px 5px 5px 0px}
.pro-detail .preview-container .thumbnail-box .btn_prev_disabled{cursor:not-allowed;opacity:.4}
.pro-detail .preview-container .thumbnail-box .btn_next_disabled{cursor:not-allowed;opacity:.4}
.pro-detail .preview-container .thumbnail-box .arrow{width:24px;height:36px;display:inline-block;position:absolute;top:50%;margin-top:-18px;right:0px;transform:rotate(0)}
.pro-detail .preview-container .thumbnail-box .arrow:before,.pro-detail .preview-container .thumbnail-box .arrow:after{content:"";transition:.2s ease-in-out;background-color:transparent;width:1.8px;height:8px;display:inline-block;position:absolute;border-bottom:10px solid #222;top:10px;left:10px}
.pro-detail .preview-container .thumbnail-box .arrow:before{transform:rotate(-135deg)}
.pro-detail .preview-container .thumbnail-box .arrow:after{transform:rotate(135deg)}
.pro-detail .preview-container .thumbnail-box .arrow-left{transform:rotate(90deg)}
.pro-detail .preview-container .thumbnail-box .arrow-right{transform:rotate(-90deg)}
.pro-detail .preview-container .big-box{display:none;overflow:hidden;top:0px;left:449px;border:1px solid #EEEEEE;position:absolute;width:550px;height:553.5px;box-sizing:border-box;background:#FFFFFF;z-index:20}
.pro-detail .preview-container .big-box img{display:block;max-width:none;max-height:none;width:130%}
.pro-detail .preview-container .banner-page{display:none;justify-content:center;align-items:center;position:absolute;padding:1vw 4vw;border-radius:999px;background:var(--color);bottom:3vw;right:2vw}
.pro-detail .preview-container .banner-page span{color:#FFFFFF}
.pro-detail .preview-container .banner-page .of{margin:0px 4px}
.pro-detail .preview-container #media{position:relative;width:100%;height:100%;z-index:100;background-color:#EEEEEE}
.pro-detail .preview-container .video-switch{position:absolute;cursor:pointer;top:0px;right:10px;z-index:3}
.pro-detail .preview-container .video-switch>i,.pro-detail .preview-container .video-switch>em{font-size:var(--fontsize26)}
.pro-detail .pro-detail-top .pro-info{flex:1;margin-left:50px;color:var(--fontcolor)}
.pro-detail .pro-detail-top .pro-info .pro-name{font-size:var(--fontsize26);margin-top:20px}
.pro-detail .pro-detail-top .pro-info .pro-price{margin:15px 0px;color:var(--fontcolor)}
.pro-detail .pro-detail-top .pro-info .pro-con{padding-top:10px;margin-bottom:20px;border-top:1px solid #EEEEEE}
.pro-detail .pro-btnlist{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pdown1 a,.pdown2 a,.pdown3 a,.pdown4 a{width:200px;height:48px;line-height:1.2;display:flex;cursor:pointer;margin-bottom:12px;margin-right:12px;justify-content:center;align-items:center;color:var(--fontcolor);border:1px solid var(--hovercolor);transition:background-color .2s ease,border-color .2s ease,color .2s ease;padding:0 10px;box-sizing:border-box}
.pro-detail .pro-btnlist>a i,.pro-detail .pro-btnlist .pro-btn i{position:relative;margin-right:10px;font-size:var(--fontsize18);top:2px}
.pro-detail .pro-btnlist>a .icon-cart,.pro-detail .pro-btnlist .pro-btn .icon-cart{font-size:var(--fontsize20);top:1px}
.pro-detail .pro-btnlist>a:hover,.pro-detail .pro-btnlist .pro-btn:hover{background-color:var(--color);border-color:var(--color);color:#FFFFFF}
.pro-detail .pro-btnlist>a:hover i,.pro-detail .pro-btnlist .pro-btn:hover i{color:#FFFFFF}
.pro-btn.add.is-active{background-color:var(--color);border-color:var(--color);color:#FFFFFF}
.pro-detail .pro-detail-content{padding-top:30px}
.pro-detail .pro-detail-content .part-title{padding:8px;font-weight:var(--fontbold6);position:relative;font-size:var(--fontsize22);cursor:pointer;background-color:#EEEEEE;color:var(--fontcolor)}
.pro-detail .pro-detail-content .part-title i{position:absolute;right:14px;top:12px;font-size:var(--fontsize18);color:var(--introcolor);transform:rotate(270deg)}
.pro-detail .pro-detail-content .part-title.is-close i{transform:rotate(90deg)}
.pro-detail .pro-detail-content .part-con{padding:20px 10px 10px 10px}
.pro-detail .pro-detail-content .pro-part{margin-bottom:20px}
.pro-detail .pro-detail-content table{width:100%;border-collapse:collapse}
.pro-detail .pro-detail-content table td{padding:5px;border-width:1px;border-bottom:1px solid #CCC}
.pro-detail .pro-detail-content p,.pro-detail .pro-detail-content li{color:var(--fontcolor);line-height:1.6em}
.pro-detail .pro-detail-content p a,.new-con p a{color:var(--color)}
.pro-detail .pro-detail-content p a:hover,.new-con p a:hover{text-decoration:underline}
.pro-detail .pro-detail-content p.productsTags a{color:var(--fontcolor);text-decoration:underline;text-transform:lowercase}
.pro-detail .pro-detail-content p.productsTags a:hover{color:var(--color)}
.pro-detail .pro-detail-content img{max-width:100%}
.pro-detail .pro-random{margin-bottom:30px}
.pro-detail .pro-random ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -20px}
.pro-detail .pro-random li{width:33.3333%;padding:0px 20px;margin-bottom:20px;box-sizing:border-box}
.pro-detail .pro-random .pro-item{padding:5px;border:1px solid #EEEEEE;transition:border .3s ease}
.pro-detail .pro-random .pro-item:hover{border-color:var(--color)}
.pro-detail .pro-random .pro-item:hover img{transform:scale(1.05)}
.pro-detail .pro-random .pro-img{position:relative;padding-top:100%}
.pro-detail .pro-random .pro-img img{transition:transform .3s ease}
.pro-detail .pro-random .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.pro-detail .pro-random .pro-name{display:block;margin:5px 0px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--fontcolor);font-size:var(--fontsize16)}
.pro-detail .pro-random .pro-more{width:100%;display:block;color:#09162a;background:#F2F2F2;text-align:center;height:40px;line-height:40px;transition:color .3s ease,background .3s ease}
.pro-detail .pro-random .pro-more:hover{color:#FFFFFF;background:var(--color)}
.pro-detail .pro-inquiry-title,.pro-detail .pro-random-title{font-size:var(--fontsize22);margin-bottom:20px;text-align:left;color:var(--fontcolor);font-weight:var(--fontbold6)}
@media screen and (max-width:1470px){
.product-main .pro-list.list1 .pro-info{padding:0px 15px 15px}
.pro-detail .pro-random .pro-item{padding:20px 16px}}
@media screen and (max-width:768px){
.product-main .pro-bottom{margin:8vw 0 5.3333333333vw;font-size:var(--fontsize16)}
.pro-detail .pro-detail-top{display:block}
.pro-detail .pro-detail-content .part-con{padding:20px 0px 10px 0px}
.pro-detail .pro-detail-top .pro-info{margin-left:0px}
.pro-detail .pro-detail-top .pro-info .pro-name{font-size:var(--fontsize24)}
.pro-detail .preview-container{width:100%}
.pro-detail .preview-container .small-box,.pro-detail .preview-container .thumbnail-box .btn,.pro-detail .preview-container .thumbnail-box a{display:none}
.pro-detail .preview-container .thumbnail-box .list .wrapper{display:none;padding:0px}
.pro-detail .preview-container .thumbnail-box .list ul .item{height:92vw;border:none;display:flex;justify-content:center;align-items:center;margin:0px;outline:none}
.pro-detail .preview-container .banner-page{display:flex;z-index:1}
.pro-detail .preview-container .thumbnail-box .list{width:100%;min-height:75vw;border:1px solid #EEEEEE}
.pro-detail .pro-detail-top .pro-info .pro-price{margin:10px 0px}
.pro-detail .pro-btnlist{display:block}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pdown1 a,.pdown2 a,.pdown3 a,.pdown4 a{width:100%;height:13.3333333333vw}
.pro-detail .pro-detail-content .part-title{font-size:var(--fontsize16);padding:4vw}
.pro-detail .pro-detail-content .part-title i{top:4vw;right:4vw}
.product-main .pro-list .pro-name{-webkit-line-clamp:3;font-size:var(--fontsize16);white-space:inherit}
.product-main .pro-list.list1>li{width:50%;margin-bottom:4vw;padding:0vw 2vw}
.product-main .pro-list.list1{margin:0vw -2vw}
.product-main .pro-list.list1 .pro-img{margin-bottom:10px}
.product-main .pro-list.list1 .pro-info{padding:0px 10px 10px}
.product-main .pro-list.list1 .pro-name,.product-main .pro-list.list1 .data-price{margin-bottom:10px}
.product-main .pro-list.list1 .pro-more{font-size:var(--fontsize14);height:36px;line-height:36px}
.product-main .pro-list.list0{margin:0 -2vw;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-main .pro-list.list0 .pro-item{padding:15px 0px;align-items:center}
.product-main .pro-list.list0 .pro-img{margin-right:0px;-ms-flex:initial;flex:initial;height:auto;width:40%}
.product-main .pro-list.list0 .pro-img:before{content:"";display:block;padding-top:100%}
.product-main .pro-list .img-wrap:after{display:none}
.product-main .pro-list.list0>li{width:100%;padding:0vw 2vw;box-sizing:border-box;margin-bottom:0px}
.product-main .pro-list.list0 .pro-info{padding:0px 0px 0px 10px}
.product-main .pro-list.list0 .data-price{margin:10px 0px}
.product-main .pro-list.list0 .pro-more{width:100%;padding:10px 10px;font-size:var(--fontsize14);box-sizing:border-box;text-align:center;display:none}
main.pro-main .inner-banner{display:none}
.pro-detail .pro-inquiry-title,.pro-detail .pro-random-title{margin-bottom:4vw}
.pro-detail .pro-random ul{margin:0vw -2vw}
.pro-detail .pro-random li{width:50%;margin-bottom:4vw;padding:0vw 2vw}
.pro-detail .pro-random .pro-item{padding:10px}
.product-main .pro-list .pro-img:hover img{transform:scale(1)}
.product-main .pro-list .pro-img:after{display:none}
.product-main .pro-cart{opacity:1;right:3px;bottom:3px;width:30px;height:30px}
.product-main .pro-list .pro-img .icon-hottitle{font-size:var(--fontsize30,30px)}
.product-main li.is-checked .pro-cart{box-shadow:none;background:#FAFAFA;color:var(--color)}}
.document-main .project-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -13px}
.document-main .project-list>li{width:25%;padding:0px 13px;margin-bottom:26px;box-sizing:border-box;color:var(--fontcolor)}
.document-main .project-list .project-name{text-align:center;font-size:var(--fontsize18);margin:10px 0px;height:3em}
.document-main .project-list .project-name,.document-main .project-list .project-content{padding:0px 10px;box-sizing:border-box;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.document-main .project-list img{width:100%;height:auto}
.document-main .project-list.faq-list .project-name{margin:0px;padding:15px 60px 15px 15px;min-height:50px;cursor:pointer;font-size:var(--fontsize18);display:flex;box-sizing:border-box;align-items:center;box-shadow:0px 0px 15px 0px rgba(215,215,215,.68);position:relative;height:auto}
.document-main .project-list.faq-list .project-name:after,.document-main .project-list.faq-list .project-name:before{content:"";display:block;position:absolute;width:14px;height:2px;background:var(--fontcolor);right:20px;top:26px}
.document-main .project-list.faq-list .project-name:before{transform:rotate(90deg);width:14px}
.document-main .project-list.faq-list .project-content{max-height:none;max-height:initial;height:auto;padding:15px;display:none}
.document-main .project-list.faq-list .project-info.is-active .project-name:before{width:0px}
.document-main .project-list.faq-list>li{width:100%;margin-bottom:1em}
.document-main .video-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -13px}
.document-main .video-list>li{width:25%;padding:0px 13px;margin-bottom:26px;box-sizing:border-box}
.document-main .video-list .video-name{position:relative;top:-20px;padding:14px 10px;box-sizing:border-box;text-align:center;margin:0px 10px;box-shadow:0px 0px 15px 0px rgba(215,215,215,.68);background-color:#FFFFFF}
.document-main .video-list .video-in{display:-webkit-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.document-main .video-list .video-img img{width:100%;height:auto}
.document-main .download-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.document-main .download-list>li{width:calc(33.3333% - 20px);display:flex;align-items:center;margin:0px 30px 50px 0px;padding:20px 30px 20px 70px;box-sizing:border-box;background:#F7F7F7;transition:background-color .2s ease;background-image:url("https://css02.v15cdn.com/m420/images/pdf_c.webp");background-repeat:no-repeat;background-position:30px center}
.document-main .download-list>li:nth-of-type(3n){margin-right:0px}
.document-main .download-list>li:hover{background-color:var(--color);background-image:url("https://css02.v15cdn.com/m420/images/pdf_w.webp")}
.document-main .download-list>li:hover .download-name{color:#FFFFFF}
.document-main .download-list>li:hover .download-btn{background:#FFFFFF;border-color:var(--color)}
.document-main .download-list>li:hover .download-btn i{background-position:-16px 0px}
.document-main .download-list .download-img{display:none}
.document-main .download-list .download-btn{width:50px;height:50px;margin-left:10px;-ms-flex:0 0 50px;flex:0 0 50px;margin-left:auto;border-radius:50%;border:1px solid #DDDDDD;transition:background .2s ease,border .2s ease;display:flex;justify-content:center;align-items:center}
.document-main .download-list .download-btn i{width:16px;height:16px;background:url("https://css02.v15cdn.com/m420/images/download_btn.webp") no-repeat;background-position:center;background-position:0 0}
.document-main .download-list .download-btn span{display:none}
.document-main .download-list .download-name{font-size:var(--fontsize18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--introcolor)}
.document-main .download-list .download-info{width:calc(100% - 60px)}
@media screen and (max-width:768px){
.document-main .project-list{margin:0vw -2vw}
.document-main .project-list>li{width:50%;padding:0vw 2vw}
.document-main .project-list.faq-list .project-name{padding:10px 40px 10px 10px;font-size:var(--fontsize16);text-align:left}
.document-main .project-list.faq-list .project-name:after,.document-main .project-list.faq-list .project-name:before{right:10px}
.document-main .project-list.faq-list .project-content{padding:14px}
.document-main .download-list>li{width:100%;padding:10px 10px 10px 50px;background-position:10px center;margin:0px 0px 4vw 0px}
.document-main .download-list .download-btn{-ms-flex:0 0 42px;flex:0 0 42px;width:42px;height:42px}
.document-main .download-list .download-name{font-size:var(--fontsize16)}
.document-main .video-list{margin:0vw -2vw}
.document-main .video-list>li{width:50%;padding:0vw 2vw}
.document-main .video-list .video-name{font-size:var(--fontsize12);padding:10px}
.document-main .video-list .video-in{font-size:var(--fontsize14)}}
.new-main .new-list.list1{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -14px 30px}
.new-main .new-list.list1>li{width:33.3333%;padding:0px 14px;margin-bottom:28px;box-sizing:border-box}
.new-main .new-list.list1 .new-item{box-shadow:0px 0px 70px 0px rgba(184,184,184,.33);padding-bottom:15px}
.new-main .new-list.list1 .new-img{position:relative;display:block;overflow:hidden}
.new-main .new-list.list1 .new-img img{display:block;width:100%;height:auto}
.new-main .new-list.list1 .new-img:hover img{transform:scale(1.05)}
.new-main .new-list.list1 .new-date{position:absolute;left:20px;font-size:var(--fontsize14);padding:5px 10px;color:#FFFFFF;background:var(--color);bottom:0px}
.new-main .new-list.list1 .new-date i{margin-right:5px}
.new-main .new-list.list1 .new-more{margin:0px 20px;font-size:var(--fontsize14);display:flex;justify-content:space-between;text-transform:lowercase}
.new-main .new-list.list1 .new-more i{font-weight:var(--fontbold6);transform:rotate(180deg)}
.new-main .new-list.list1 .new-title{margin:15px 20px;border-bottom:1px solid #EEEEEE;font-size:var(--fontsize18);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-bottom:5px;min-height:60px}
.new-main .new-list.list1 .new-title:hover{color:var(--color)}
.new-main .new-list.list0>li{margin-bottom:60px}
.new-main .new-list.list0 .new-item{display:flex;position:relative;box-shadow:0px 0px 15px 0px rgba(215,215,215,.68)}
.new-main .new-list.list0 .new-item:hover .new-more{background:var(--color);color:#FFFFFF}
.new-main .new-list.list0 .new-item:hover .new-info{border-color:var(--color)}
.new-main .new-list.list0 .new-img{flex:0 0 300px;width:300px;overflow:hidden}
.new-main .new-list.list0 .new-img img{display:block;width:100%;height:auto}
.new-main .new-list.list0 .new-img:hover img{transform:scale(1.05)}
.new-main .new-list.list0 .new-info{display:flex;flex:1;width:calc(100% - 300px);flex-direction:column;justify-content:center;padding:25px;box-sizing:border-box;border-bottom:2px solid #EEEEEE;transition:border .2s ease}
.new-main .new-list.list0 .new-more{position:absolute;width:30px;height:30px;right:14px;bottom:-14px;color:var(--color);background:#FFFFFF;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0px 0px 15px 0px rgba(215,215,215,.68);transition:background .2s ease,color .2s ease}
.new-main .new-list.list0 .new-title{font-size:var(--fontsize18);margin:15px 0px 10px;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.new-main .new-list.list0 .new-date{color:var(--introcolor);font-size:var(--fontsize14)}
.new-main .new-list.list0 .new-date i{margin-right:4px}
.new-main .new-list.list0 .new-intro{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--introcolor);font-size:var(--fontsize16)}
@media screen and (max-width:768px){
.pro-detail .pro-detail-content img{max-width:100%;height:auto}
.pro-detail .pro-detail-content iframe{max-width:100%;min-height:240px;height:auto}
.new-main .new-list.list1{margin:0vw -2vw}
.new-main .new-list.list1>li{width:50%;padding:0vw 2vw}
.new-main .new-list.list1 .new-title{font-size:var(--fontsize16);margin:6px 10px;-webkit-line-clamp:3;min-height:76px}
.new-main .new-list.list1 .new-date{font-size:var(--fontsize12);padding:2px 5px;left:10px}
.new-main .new-list.list1 .new-more{margin:0px 10px;font-size:var(--fontsize14)}
.new-main .new-list.list1 .new-item{padding-bottom:10px}
.new-main .new-list.list0 .new-item{display:block}
.new-main .new-list.list0 .new-info{padding:4vw;width:100%}
.new-main .new-list.list0 .new-title{margin:10px 0px;-webkit-line-clamp:3}
.new-main .new-list.list0 .new-more{width:36px;height:36px;bottom:-18px}}
.new-main .new-top{font-size:var(--fontsize14);color:var(--color)}
.new-main .new-top .new-date i{margin-right:5px}
.new-main .news-views{margin-left:14px}
.new-main .new-title{font-size:var(--fontsize26);margin-bottom:20px}
.new-main .new-share{margin:20px 0px}
.pagelink{display:flex;margin:30px -29px}
.pagelink>div{width:50%;padding:0px 29px;box-sizing:border-box}
.pagelink .pagelink-info{display:block;padding:15px;line-height:1.5em;border:1px solid #E5E5E5;transition:border .2s ease,box-shadow .2s ease}
.pagelink .pagelink-info:hover{border-top:1px solid var(--color);box-shadow:0px 0px 20px 0px rgba(215,215,215,.74)}
.pagelink .link-intro{font-size:var(--fontsize14);color:var(--color)}
.pagelink .pagelink-item.prev .iconfont{margin-right:10px}
.pagelink .pagelink-item.next .pagelink-info{text-align:right}
.pagelink .pagelink-item.next .iconfont{display:inline-block;margin-left:10px;transform:rotate(180deg)}
.share-btn-list,.common-inquiry{margin-top:20px}
.common-inquiry-title{color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize22);margin-bottom:20px}
@media screen and (max-width:768px){
.pagelink{display:block;margin:0px}
.pagelink>div{width:100%;margin-bottom:4vw;padding:0px}
.pagelink .pagelink-info{padding:10px}
.common-inquiry-title,.new-main .new-title{font-size:var(--fontsize24);margin:10px auto 20px}}
.sidebar-item{margin-bottom:30px}
.sidebar-item .sidebar-title{position:relative;font-size:var(--fontsize24);padding-bottom:5px;margin-bottom:20px;font-weight:var(--fontbold6)}
.sidebar-item .sidebar-title:after{content:"";position:absolute;background:var(--color);width:54px;height:2px;left:0px;top:100%}
.siderbar-search{display:flex}
.siderbar-search input{flex:1;border:1px solid var(--color);padding:0px 10px;font-size:var(--fontsize16);box-sizing:border-box}
.siderbar-search button{width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px;background:var(--color)}
.siderbar-search button i{font-size:var(--fontsize24);color:#FFFFFF}
.sidebar-cate li{position:relative}
.sidebar-cate li>.iconfont{cursor:pointer;position:absolute;right:8px;top:14px;font-size:var(--fontsize14);color:var(--introcolor)}
.sidebar-cate .sub-menu{display:none}
.sidebar-cate .sub-menu li,.sidebar-cate .pro-menu li{line-height:40px;height:40px;padding:0px 30px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-cate .icon-arr{transition:transform .2s ease}
.sidebar-cate .icon-arr.is-active{transform:rotate(90deg)}
.sidebar-cate>li{margin-bottom:8px;position:relative}
.sidebar-cate>li>a{display:block;width:100%;height:56px;line-height:56px;padding:0px 30px;box-sizing:border-box;overflow:hidden;background:#FBFBFB;text-overflow:ellipsis;white-space:nowrap}
.sidebar-cate .is-current>a{color:var(--color)}
.sidebar-prolist .pro-item{display:flex}
.sidebar-prolist .pro-item:hover img{transform:scale(1.05)}
.sidebar-prolist .pro-img{-ms-flex:0 0 87px;flex:0 0 87px;height:87px;overflow:hidden;position:relative;margin-right:16px}
.sidebar-prolist .pro-img img{max-width:100%;max-height:100%;transition:transform .2s ease}
.sidebar-prolist .pro-info{flex:1}
.sidebar-prolist .pro-more{display:block;margin-top:10px}
.sidebar-prolist .pro-name{width:100%;display:-webkit-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sidebar-prolist .img-wrap{display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.sidebar-prolist li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #EEEEEE}
.sidebar-prolist li:last-child{margin-bottom:0px;border-bottom:0px}
.sidebar-newlist>li{margin-bottom:20px;border-bottom:1px solid #EEEEEE}
.sidebar-newlist>li:last-child{margin-bottom:0px;border-bottom:0px}
.sidebar-newlist .new-item{display:block;position:relative;padding-right:20px;box-sizing:border-box;border-bottom:1px solid #EEEEEE}
.sidebar-newlist .new-item:last-child{border:0px}
.sidebar-newlist .new-title{font-size:var(--fontsize18);line-height:1.5em}
.sidebar-newlist .iconfont{position:absolute;right:0px;top:0px;transform:rotate(180deg)}
.sidebar-newcate li.LiLevel1{margin-bottom:5px;position:relative}
.sidebar-newcate li.LiLevel1:after{content:"";position:absolute;width:30px;height:50px;top:0px;left:0px;background:url("https://css02.v15cdn.com/m420/images/new_icon.webp") no-repeat;background-position:center center}
.sidebar-newcate li.LiLevel1>a{display:block;padding:0px 14px 0px 30px;width:100%;height:50px;line-height:50px;background:#FBFBFB;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.sidebar-contact{position:absolute;padding:44px 0px;left:0px;width:100%;top:calc(100% + 30px);background:url("https://css02.v15cdn.com/m420/images/side_contact.webp") no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#FFFFFF;text-align:center}
.sidebar-contact p{font-size:var(--fontsize22);line-height:1.5em}
.sidebar-contact .tel{margin-top:20px;font-size:var(--fontsize26)}
.sidebar-contact .contact-btn{padding:16px 20px;margin-top:30px;background:var(--color);border:1px solid var(--color);color:#FFFFFF;text-transform:uppercase}
.sidebar-contact .icon{width:85px;height:85px;margin-bottom:24px;background:url("https://css02.v15cdn.com/m420/images/side_icon.webp") no-repeat;background-position:center;border:1px solid #FFF;border-radius:50%}
.cart-panel{position:fixed;width:280px;right:0px;bottom:0px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);z-index:2;background-color:#FFFFFF;box-shadow:0 0 10px #EEEEEE;font-size:var(--fontsize12)}
.cart-panel .cart-top{height:36px;width:100%;cursor:move;background-color:var(--color)}
.cart-panel .cart-title{-ms-user-select:none;user-select:none;text-align:center;line-height:36px;font-size:var(--fontsize14);font-weight:var(--fontbold6);color:#FFFFFF}
.cart-panel .close-btn{cursor:pointer}
.cart-panel .list-wrap{height:220px;overflow-y:auto}
.cart-panel .selected-item{padding:10px;border-bottom:1px solid #EEEEEE;display:flex}
.cart-panel .selected-item:hover{background-color:#FAFAFA}
.cart-panel .item-img{-ms-flex:0 0 50px;flex:0 0 50px;width:50px;height:50px;display:flex;border:1px solid #EEEEEE;justify-content:center;align-items:center;margin-right:10px}
.cart-panel .item-img img{max-width:100%;max-height:100%}
.cart-panel .selected-item .item-price{color:var(--color)}
.cart-panel .item-info{width:calc(100% - 60px)}
.cart-panel .item-info>div{display:flex}
.cart-panel .item-info .item-del{margin-left:auto}
.cart-panel .item-title{width:100%;display:block;margin:5px 0px;overflow:hidden;padding-right:20px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap}
.cart-panel .item-del{cursor:pointer;color:#888}
.cart-panel .item-del:hover{text-decoration:underline}
.cart-panel .button-area{padding:10px;display:flex;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cart-panel .button-area>button{outline:0;border:0px;cursor:pointer;padding:8px 10px;border-radius:3px}
.cart-panel .button-area .cart-order{background-color:var(--color);color:#FFFFFF}
.cart-panel .button-area .cart-contact{background-color:var(--color);color:#FFFFFF}
.cart-panel .button-area .cart-clear{background-color:#EDEDED;color:#333333}
.cart-panel .arrow{position:absolute;display:none;bottom:-6px;right:10vw;width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #FFF}
.arrow-bottom{width:24px;height:33px;cursor:pointer;display:inline-block;position:absolute;top:3px;left:10px;transition:.2s ease-in-out;text-align:left;transform:rotate(0)}
.arrow-bottom:after,.arrow-bottom:before{content:"";transition:.2s ease-in-out;background-color:transparent;width:1.8px;height:8px;display:inline-block;position:absolute;border-bottom:8px solid #FFF;top:10px;left:10px}
.arrow-bottom:before{transform:rotate(-135deg)}
.arrow-bottom:after{transform:rotate(135deg)}
.cart-btn{position:fixed;display:flex;justify-content:center;align-items:center;cursor:pointer;width:40px;height:40px;bottom:200px;right:35px;border-radius:50%;background-color:var(--color)}
.cart-btn>i,.cart-btn>em{font-size:var(--fontsize20);color:#FFFFFF}
.cart-btn .num{position:absolute;display:block;font-size:var(--fontsize14);width:20px;height:20px;line-height:20px;top:-6px;right:-6px;border-radius:50%;overflow:hidden;background-color:#E00;color:#FFFFFF;text-align:center}
@media screen and (max-width:767px){
.cart-panel{width:100vw;transition:all .2s ease;box-shadow:none;box-shadow:initial}
.cart-panel .arrow{display:block}
.cart-panel.show-cart,.cart-panel.is-active{bottom:calc(14vw + constant(safe-area-inset-bottom));bottom:calc(14vw + env(safe-area-inset-bottom))}
.cart-btn{position:relative;flex-direction:column;width:100%;height:100%;bottom:auto;bottom:initial;right:auto;right:initial;background-color:transparent}
.cart-btn .num{width:16px;height:16px;line-height:16px;font-size:var(--fontsize12);top:3px;right:3px}}
@media screen and (min-width:768px){
.cart-btn .text{display:none}}
.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 #FFF;text-shadow:0 1px 0 #FFF;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: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 #999;color:#FFFFFF;opacity:.8;-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 #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;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(--fontcolor);opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
@media all and (max-width:240px){
#toast-container>div{padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{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>div{padding:8px 8px 8px 50px;width:18em}
#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>div{padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl{padding:15px 50px 15px 15px}}
.pro-detail .pro-detail-content .table td{border:1px solid #CCC}
.pro-detail .pro-detail-content .table-bottom td{border:none;border-bottom:1px solid #CCC}
@media(max-width:1240px){
.head-search .head-search-btn{margin-left:20px}}
@media(min-width:1081px) and (max-width:1200px){
.head-nav>ul>li{margin:0px 6px}}
.pro-detail .preview-container #media{background:#F3F3F3}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #CCC;padding:5px}
@media(max-width:1024px){
.mobcate-main .sidebar{display:block;width:100%;flex-basis:100%;margin:0px 0px 15px;padding:0px}
.mobcate-main .common-content{width:100%}
.mobcate-main .sidebar-item:nth-of-type(n+2){display:none}
.mobcate-main .sidebar-item:first-of-type{margin:0px;padding:5px 10px}
.mobcate-main .sidebar-cate{position:absolute;top:100%;left:-2px;right:-2px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .sidebar-item:first-of-type .sidebar-title{margin:0px;padding:0px;font-size:var(--fontsize18);cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}
.mobcate-main .sidebar-item .sidebar-title::after{display:none}
.mobcate-main .sidebar-newcate li.LiLevel1{margin:0px}}
@media(min-width:769px){
.new-main .new-list.list0 .new-intro,.product-main .pro-list.list0 .pro-intro{-webkit-line-clamp:initial;max-height:100%}}
#tags{display:flex;flex-wrap:wrap;background:#EEEEEE;padding:10px 24px}
#tags li {margin:10px 35px 10px 0px}
#tags li a {text-decoration:none;display:block;line-height:40px;color:var(--fontcolor);font-size:var(--fontsize20)}
#tags li.selectTag a,#tags li:hover a{color:var(--color)}
.tagContent {display:none;width:100%;color:var(--fontcolor);padding-top:10px;font-size:var(--fontsize14);line-height:28px}
#tagContent div.selectTag {display:block}
@media (max-width:640px){
#tags{padding:5px 10px}
#tags li {margin:5px 20px 5px 0px}
#tags li a {font-size:var(--fontsize17)}}
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:768px){.prohome-content{clear:both;margin:0px 15px 20px;padding:0px}
.prolist-bottom{clear:both;margin:0px 15px 20px;padding:0px}}
@media(max-width:1680px){
.inner-banner .breadcrumb{max-width:1400px}}
@media(max-width:1470px){
.inner-banner .breadcrumb{max-width:1200px}}
@media(max-width:1280px){
.inner-banner .breadcrumb{max-width:initial;box-sizing:border-box;padding:0px 4%}}
@media(max-width:768px){
.inner-banner .breadcrumb>div{margin-left:15px;margin-right:15px}
.inner-banner .breadcrumb{padding:0px}}
#ind .ind-r lite-youtube{max-width:100%}
.lang{width:auto;position:absolute;right:20px;top:5px;z-index:9999999;text-align:left}
.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;color:var(--headercolor)}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon>img{margin-right:5px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:12px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:12px;width:8px;height:1px;background:var(--headercolor);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.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;position:fixed;top:13px;right:106px;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px}
.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:69%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.newsendinquiry{cursor:pointer}
.inquiry-pc{padding:15px}
.imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:10px;background:rgba(0,0,0,.2);color:#FFFFFF;width:80%;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%}}
.preview-container .big-box.act{display:none!important}
#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;height:100%}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:100%;object-fit:cover;vertical-align:bottom}
.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;box-sizing:border-box}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30,30px);font-weight:var(--fontbold5,500);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4,400)}
@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{top:50%}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}}
.sidebar-cate li.active>a{color:var(--color)}
@media(min-width:768px){
.head-nav .submenu.nav1>li{min-width:160px;position:relative}
.head-nav .submenu.nav1>li ul{display:none;position:absolute;left:100%;top:0;z-index:9}
.head-nav .submenu.nav1>li:hover ul{display:block}}
.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}