@charset "utf-8";
@import url('https://css02.v15cdn.com/m418/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m418/message.css");
@import url("https://css01.v15cdn.com/language.css");
:root{--color:#2a9d1f;--hovercolor:#111111;--fontcolor:#111111;--headercolor:#111111;--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;--fontsize36:36px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Lato', 'Roboto', 'Open Sans', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', arial, sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
html{margin:0px;padding:0px;-webkit-text-size-adjust:100%;direction:rtl}
body{margin:0px auto;padding:0px;font-size:var(--fontsize16);color:var(--fontcolor);line-height:1.6;overflow-x:hidden;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold6);text-transform:capitalize}
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)}
ul,li,ol{margin:0px;padding:0px;list-style:none}
input{border:0px;outline:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
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{border-style:none;max-width:100%;height:auto;vertical-align:bottom}
table{border-collapse:collapse}
main{display:block}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;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}
article p,article li{line-height:1.6em}
article li{margin-bottom:10px}
article img{max-width:100%;height:auto}
.l-wrap{max-width:1600px;margin:0px auto}
header+main{margin-top:100px}
@media screen and (max-width:769px){
body{font-size:var(--fontsize16);line-height:1.6}
.pro-main .inner-banner{display:none}
article p{font-size:var(--fontsize16);color:var(--fontcolor)}}
@media screen and (max-width:1700px){
.l-wrap{max-width:1400px}}
@media screen and (max-width:1500px){
.l-wrap{max-width:1200px}}
@media screen and (max-width:1300px){
.l-wrap{max-width:1100px;padding:0px 15px}}
@media screen and (max-width:769px){
header+main{margin-top:55px}
.l-wrap{padding:0px 15px}}
.home-title{text-align:center;margin-bottom:30px}
.home-title span{font-size:var(--fontsize36);font-weight:var(--fontbold4);color:var(--fontcolor);padding-bottom:10px;position:relative}
.home-title span:after{content:"";display:block;position:absolute;top:100%;left:50%;width:60px;height:2px;background:var(--color);transform:translateX(-50%)}
.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:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:1}
.top-btn:hover{background:#C1C1C1}
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%}
@keyframes loading{to{opacity:0;transform:scale(2)}}
.pswp{z-index:2999}
.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}
.inquiry-prolist{margin:20px 0px;padding:0px 20px;width:100%;background:#FFFFFF;display:none;box-sizing:border-box;border:1px solid #DDDDDD}
.inquiry-prolist a{text-decoration:none;color:#000}
.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{padding:20px 0px;border-bottom:1px solid #DDDDDD;display:flex;box-sizing:content-box}
.inquiry-prolist .inquiry-pro-item .pro-item-img{width:100px;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.inquiry-prolist .inquiry-pro-item .pro-item-img a{width:100%;height:100%;display:flex;align-items:center}
.inquiry-prolist .inquiry-pro-item .pro-item-img img{height:auto}
.inquiry-prolist .inquiry-pro-item .pro-item-name{padding-top:10px;margin-left:20px;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:32px}
.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}
.product-view .singglepic{z-index:0;display:flex;width:450px;height:450px;justify-content:center;align-items:center;border:1px solid #EEEEEE;box-sizing:border-box}
.product-view .singglepic img{max-width:100%;max-height:100%}
@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:6vw}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close{right:0px;top:6vw}
.inquiry-prolist .inquiry-pro-item .pro-item-name{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;margin-top:4vw}
.pro-main .common-breadcrumb{display:none}}
.table-responsive{-ms-touch-action:auto;touch-action:auto;width:100%;margin:.2rem 0rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.pop-up-btn-1{background-color:var(--color) !important}
.app, .app p{font-size:var(--fontsize16)}
.app h4{font-size:var(--fontsize24)}
.app h5{font-size:1em;margin:1em 0em}
.app .app-list{display:flex}
.app .app-list .list-item{-ms-flex:1;flex:1}
.app .app-list .list-item h4{margin-bottom:1em}
.app .app-list li{padding:10px 0px 10px 35px;background:url(../images/about_li.webp) no-repeat;background-position:2px}
article{font-size:var(--fontsize16)}
article .app-box{display:flex}
article .box-l{-ms-flex:3.5;flex:3.5}
article .box-l img{width:100%}
article .box-r{-ms-flex:6.5;flex:6.5}
article .box-r{padding-left:40px}
.support .support-item{display:flex}
.support .support-item>div{-ms-flex:1;flex:1;margin-bottom:60px}
.support .item-r{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.support .item-l .item-con{padding-right:66px}
.support .item-r .item-con{padding-left:66px}
.support .item-con{margin-top:10px}
.support .item-con p{margin-top:.5em}
.support .item-con h4{font-size:var(--fontsize24);padding-bottom:10px;margin-bottom:1em;position:relative}
.support .item-con h4::after{content:"";display:block;position:absolute;top:100%;left:0px;height:2px;width:40px;background-color:var(--color)}
.solution .icon-list{display:flex;position:relative}
.solution .icon-list>div{-ms-flex:1;flex:1}
.solution .icon{width:90px;height:90px;display:flex;justify-content:center;align-items:center}
.solution .sol-icon{display:flex;flex-direction:column;background-color:#FFFFFF;align-items:center;position:relative;margin:0px 6%}
.solution .sol-icon:after{content:"01";font-size:90px;font-weight:var(--fontbold6);position:absolute;top:-8px;left:50%;color:var(--introcolor);opacity:.1;transform:translateX(-50%)}
.solution .sol-icon:before{content:"";position:absolute;top:50%;left:100%;width:100%;height:30px;background:url("https://css02.v15cdn.com/m418/images/sol_line.webp") no-repeat;transform:translateY(-50%)}
.solution .sol-icon:nth-child(2):after{content:"02"}
.solution .sol-icon:nth-child(3):after{content:"03"}
.solution .sol-icon:nth-child(4):after{content:"04"}
.solution .sol-icon:nth-child(4):before{display:none}
.solution h4{font-size:var(--fontsize24);margin-bottom:1em}
.solution .sol-tab .tab-list{display:flex;justify-content:center}
.solution .sol-tab .tab-title{padding:10px 20px;background-color:#EAEEEE;color:var(--introcolor);cursor:pointer;margin-right:20px}
.solution .sol-tab .tab-title:hover{background-color:var(--color);color:#FFFFFF}
.solution .sol-tab .tab-title.is-active{background-color:var(--color);color:#FFFFFF}
.solution .sol-tab .tab-title:nth-last-child(1){margin-right:0px}
.solution .sol-tab .tab-content .content-item{display:none}
.solution .tab-content{margin-top:40px}
.solution .sol-box{display:flex;margin-bottom:40px}
.solution .sol-box>div{width:50%;-ms-flex:auto;flex:auto;padding:0px}
.solution .sol-box>div img{display:block;width:100%;height:auto}
.solution .sol-box .box-icon{width:86px;height:86px;border-radius:50%;background-color:var(--color);display:flex;justify-content:center;align-items:center}
.solution .sol-box .box-icon>img{width:40px;height:auto}
.solution .sol-box .con{background-color:#F3F3F3;padding:4%;box-sizing:border-box}
.solution .sol-box .con-top{display:flex;margin-bottom:20px}
.solution .sol-box .con-top p{margin-left:30px;margin-top:10px;font-size:var(--fontsize24);line-height:1.3em}
.how-to-use ul{margin:0px -10px;display:flex;flex-wrap:wrap}
.how-to-use ul>li{width:33.3333%;padding:0px 10px;margin-bottom:30px;box-sizing:border-box}
.how-to-use .mask{position:absolute;opacity:0}
.how-to-use .use-item .img{display:block;position:relative;overflow:hidden}
.how-to-use .use-item .img img{display:block;width:100%;height:auto}
.how-to-use .use-item:hover img{transform:scale(1.05)}
.how-to-use .use-item:hover .mask{opacity:1}
.how-to-use .use-item .mask{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;transition:opacity .2s ease}
.how-to-use .use-item .mask img{width:40px;height:auto}
.how-to-use .use-item .title{margin-top:10px;text-align:center;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.case ul{margin:0px -10px;display:flex;flex-wrap:wrap}
.case ul>li{width:33.3333%;padding:0px 10px;margin-bottom:30px;box-sizing:border-box}
.case ul>li .img{display:block;position:relative;border:1px solid #EEEEEE;transition:box-shadow .2s ease}
.case ul>li .img img{display:block;width:100%;height:auto}
.case ul>li .img:hover{box-shadow:0px 5px 10px 0px rgba(0,0,0,.05)}
.case ul>li .title{margin-top:10px;text-align:center;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.case .title{transition:color .2s ease}
.case .img{overflow:hidden}
.case .use-item:hover .title{color:var(--color)}
.case .use-item:hover img{transform:scale(1.05)}
.map{width:100%;padding-top:50%;position:relative}
.map iframe{position:absolute;top:0px;left:0px;width:100%;height:100%}
#bag{display:none}
.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)}
@media screen and (max-width:767px){
.app .app-list,.app .app-box{flex-direction:column}
.app .box-l{margin-bottom:1em}
.app .box-r{padding-left:0px}
.app .list-item{margin-bottom:1em}
.how-to-use ul>li{width:100%}
.case ul>li{width:50%;padding:0vw 2vw}
.case ul{margin:0vw -2vw}
.map{width:auto;margin:0px -4vw;padding-top:100%}
.common-main .common-content .payment{padding:0px}}
@media screen and (max-width:1000px){
.support .support-item{flex-direction:column}
.support .support-item img{width:100%}
.support .item-l .item-con{padding-right:0px}
.support .item-r .item-con{padding-left:0px}
.support .support-item>div{margin-bottom:8vw}
.support .item-con h4{font-size:var(--fontsize20)}}
@media screen and (max-width:1500px){
.solution .sol-box{flex-direction:column}
.solution .sol-box>div{width:100%}
.solution .icon-list{flex-wrap:wrap}
.solution .icon-list>div{-ms-flex:auto;flex:auto}
.solution .sol-icon{width:50%;margin:0px;margin-bottom:4vw}
.solution .sol-icon:before{display:none}
.solution .sol-tab .tab-list{flex-wrap:wrap}
.solution .sol-tab .tab-title{width:100%;margin-right:0px;margin-bottom:10px}
.solution .sol-box .box-icon{width:65px;height:65px}
.solution .sol-box .con-top p{margin-top:0px;margin-left:16px}}
#jljw_IM_GdImBox{z-index:900 !important}
header{z-index:999;position:fixed;top:0px;left:0px;right:0px;width:100%;background:#FFFFFF;box-shadow:0 1px 6px 0 rgba(0,0,0,.1)}
header>.l-wrap{height:100px;display:flex;align-items:center;transition:height .3s ease}
header.is-fix>.l-wrap,header.is-fix .head-logo{height:80px}
header.is-fix .head-nav>ul>li>a{height:80px;line-height:80px}
header.is-fix .head-nav>ul>li>a:after{bottom:20px}
.head-nav{margin-left:auto}
.head-nav>ul{display:flex;transition:opacity .3s ease,max-height .3s ease}
.head-nav>ul>li{margin:0px 15px}
.head-nav>ul>li>a{display:block;position:relative;box-sizing:border-box;height:100px;line-height:100px;font-size:var(--fontsize18);transition:color .2s ease}
.head-nav>ul>li>a em{font-size:13px;margin-left:5px;}
.head-nav>ul>li>a:after{content:"";position:absolute;display:block;bottom:24px;width:0px;height:2px;background:var(--color);transition:all .3s ease}
.head-nav>ul>li>a.inmenu_1{color:var(--color)}
.head-nav>ul>li>a.inmenu_1:after{width:100%}
.head-nav>ul>li:hover>a{color:var(--color)}
.head-nav>ul>li:hover>a:after{width:100%}
@media(min-width:1025px){
#liinquiry{display:flex;align-items:center;margin:0;}
#liinquiry a{background:var(--color);height:40px;line-height:40px;padding:0 15px;border-radius:30px;color:#fff!important;transition:all .1s linear;text-decoration:none}
#liinquiry a:hover{opacity:.9}
#liinquiry a::after{display:none}
}
.head-nav .submenu{position:absolute;background:#FFFFFF;top:100%;left:0px;z-index:2}
.head-nav .submenu>li>a{font-size:var(--fontsize16);display:block;line-height:2.5em;padding:0px 15px;white-space:nowrap;text-transform:capitalize;transition:color .2s ease}
.head-nav .submenu>li>a:hover{color:var(--color)}
.head-nav .nav2{left:0px;right:0px;transform-origin:top;transition:opacity .3s ease,transform .3s ease}
.head-nav .nav2>li{display:inline-block}
.head-nav .nav-btn{display:none;position:relative;cursor:pointer;width:30px;height:30px}
.head-nav .nav-btn span{display:block;position:absolute;border-radius:999px;background:var(--fontcolor);width:30px;height:2px}
.head-nav .nav-btn span:nth-child(1){top:4px}
.head-nav .nav-btn span:nth-child(2){top:14px}
.head-nav .nav-btn span:nth-child(3){top:24px}
.head-nav.is-active .nav-btn span:nth-child(1){transform:rotate(45deg);top:14px}
.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:14px}
.head-logo{display:flex;align-items:center;max-width:300px;height:100px}
.head-logo>img{max-width:100%;max-height:100%}
.head-search{position:relative;margin-left:20px}
.head-search>input{width:160px;height:32px;font-size:var(--fontsize14);border:1px solid #E9E9E9;padding-left:14px;padding-right:28px;box-sizing:border-box;border-radius:999px;overflow:hidden}
.head-search>i{position:absolute;cursor:pointer;right:12px;top:5px;font-size:var(--fontsize14);font-weight:var(--fontbold6);color:var(--color)}
@media screen and (min-width:1081px){
#liproducts .nav2{padding:30px 10%;margin:0px -13px;display:-ms-flexbox !important;display:flex !important;flex-wrap:wrap;transform:rotateX(90deg);box-shadow:0px 5px 10px 0px rgba(0,0,0,.05);opacity:0}
#liproducts .nav2>li{width:16.6667%;margin-bottom:10px;padding:0px 13px;box-sizing:border-box}
#liproducts .nav2 .item-info{position:relative;border:1px solid #EEEEEE;transition:border .2s ease,box-shadow .2s ease}
#liproducts .nav2 .item-info:after{content:"";display:block;padding-top:75%}
#liproducts .nav2 .item-info:hover{border-color:var(--color);box-shadow:0px 5px 10px 0px rgba(0,0,0,.05)}
#liproducts .nav2 .item-con{position:absolute;top:0px;left:0px;width:100%;height:100%}
#liproducts .nav2 .item-con img{max-width:100%;max-height:100%}
#liproducts .nav2>li a{box-sizing:border-box;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#liproducts:hover .nav2{opacity:1;transform:rotateX(0)}
#liabout-us:hover .submenu{opacity:1;transform:rotateX(0)}
#liabout-us{position:relative}
#liabout-us .submenu{opacity:0;transform:rotateX(90deg);transform-origin:top;transition:opacity .3s ease,transform .3s ease}}
@media screen and (min-width:1081px){
#liproducts .nav2{padding:30px 10%;margin:0px -13px;display:-ms-flexbox !important;display:flex !important;justify-content:center;flex-wrap:wrap;transform:rotateX(90deg);box-shadow:0px 5px 10px 0px rgba(0,0,0,.05);opacity:0}
#liproducts .nav2>li{width:16.6667%;margin-bottom:10px;padding:0px 13px;box-sizing:border-box}
#liproducts .nav2 .item-info{position:relative;border:1px solid #EEEEEE;transition:border .2s ease,box-shadow .2s ease}
#liproducts .nav2 .item-info:after{content:"";display:block;padding-top:75%}
#liproducts .nav2 .item-info:hover{border-color:var(--color);box-shadow:0px 5px 10px 0px rgba(0,0,0,.05)}
#liproducts .nav2 .item-con{position:absolute;top:0px;left:0px;width:100%;height:100%}
#liproducts .nav2 .item-con img{max-width:100%;max-height:100%}
#liproducts .nav2>li a{box-sizing:border-box;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#liproducts:hover .nav2{opacity:1;transform:rotateX(0)}
.head-nav ul li:not(#liproducts){position:relative}
.head-nav ul li:not(#liproducts) .submenu{opacity:0;transform:rotateX(90deg);transform-origin:top;transition:opacity .3s ease,transform .3s ease}
.head-nav ul li:not(#liproducts):hover .submenu{opacity:1;transform:rotateX(0)}
.head-nav>ul.nav0>li{position:relative}
.head-nav>ul.nav0>li:hover .nav0{opacity:1;transform:rotateX(0)}
.head-nav>ul.nav0 ul{opacity:0;transform-origin:top;transform:rotateX(90deg);transition:opacity .3s ease,transform .3s ease}}
@media screen and (max-width:1080px){header.is-fix .head-nav>ul>li>a{line-height:50px;height:50px}
.head-nav>ul{display:block;max-height:0px;overflow:hidden;z-index:9;background-color:#FFFFFF;position:absolute;top:100%;left:0px;width:100%}
.head-nav>ul>li{width:100%;border-bottom:1px solid #EEEEEE}
.head-nav>ul>li ul{display:none}
.head-nav>ul>li>a{line-height:50px;height:50px}
.head-nav>ul>li>a:after{display:none}
.head-nav .nav-btn{display:inline-block}
.head-nav.is-active>ul{max-height:calc(100vh - 55px);padding-top:55px;overflow-y:auto;opacity:1;visibility:inherit}
#liabout-us .submenu{display:none}}
@media screen and (max-width:1500px)and (min-width:1081px){
.head-nav>ul>li>a{font-size:var(--fontsize14)}}
@media screen and (max-width:769px){
.head-search{margin-left:0px;margin:4vw;background-color:#FFFFFF}
.head-search>input{width:100%;height:10vw;border-radius:5px}
.head-search>i{top:3vw}
header>.l-wrap{height:55px}
.head-nav>ul>li>a{font-size:var(--fontsize18)}
.head-logo{height:55px;max-width:33vw;padding:6px 0px;box-sizing:border-box}
.head-nav .nav-btn{width:30px;height:20px}
.head-nav .nav-btn span{width:30px;right:0px}
.head-nav .nav-btn span:nth-child(1){top:3px}
.head-nav .nav-btn span:nth-child(2){top:12px;width:27px}
.head-nav .nav-btn span:nth-child(3){top:21px;width:24px}
.head-nav .submenu{background:transparent;position:relative;display:block}
.head-nav .submenu ul{padding-left:40px}
.head-nav .submenu>li>a{font-size:var(--fontsize16);padding-left:28px}
.head-nav>ul>li{box-sizing:border-box;position:relative;padding:0px;margin:0px}
.head-nav>ul>li .arrow{width:35px;height:35px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:8px;right:2vw;transition:.2s ease-in-out;text-align:left;transform:rotate(0)}
.head-nav>ul>li .arrow:after,.head-nav>ul>li .arrow:before{content:"";transition:.2s ease-in-out;background-color:transparent;width:1px;height:7px;display:inline-block;position:absolute;border-bottom:8px solid #666666;top:12px;right:16px}
.head-nav>ul>li .arrow:after{transform:rotate(135deg)}
.head-nav>ul>li .arrow:before{transform:rotate(-135deg)}
.head-nav>ul>li .arrow.is-active{transform:rotate(-90deg)}
.head-nav>ul>li>a{padding:0 4vw}
.head-nav>ul{border-top:1px solid #EEEEEE;background:rgba(255,255,255,1);position:fixed;display:block;top:55px;bottom:0px;opacity:0;overflow-y:auto;max-height:0px;visibility:hidden;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.head-nav.is-active .nav-btn span{width:26px}
.head-nav.is-active .nav-btn span:nth-child(3),.head-nav.is-active .nav-btn span:nth-child(1){top:12px}
#liproducts .nav2 .item-con{display:none}
.head-nav .nav2>li{display:block}}
footer{clear:both;margin:0px auto;padding:0px;background:var(--hovercolor);color:var(--footercolor)}
footer .l-wrap{padding:40px 0px;display:flex}
footer a{color:var(--footercolor)}
.foot-right a{margin-left:10px}
footer:before{content:"";display:block;height:4px;width:100%;background:var(--color)}
.foot-item{width:28%}
.foot-social{width:16%}
.foot-title{margin-bottom:20px;color:#FFFFFF;font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.foot-cate ul,.foot-contact ul,.foot-nav ul{display:flex;flex-wrap:wrap;flex-direction:column;padding-right:60px;max-height:200px}
.foot-cate ul>li,.foot-contact ul>li,.foot-nav ul>li{margin-bottom:15px}
.foot-cate ul a,.foot-contact ul a,.foot-nav ul a{display:block;width:100%;font-size:var(--fontsize16)}
.foot-contact ul{max-height:inherit;font-size:var(--fontsize16)}
.foot-contact ul>li{display:flex}
.foot-contact ul .icon{position:relative;top:0px;margin-right:10px}
.foot-contact ul .iconfont{font-size:var(--fontsize20)}
.foot-contact ul .con{line-height:25px}
.foot-social ul{display:flex;flex-wrap:wrap;max-width:240px}
.foot-social ul li{margin:0px 10px 10px 0px}
.foot-social ul .social-item{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#5C5C5C;transition:transform .3s ease}
.foot-social ul .social-item>i,.foot-social ul .social-item>em{font-size:var(--fontsize18)}
.foot-social ul .social-item.fb{background-color:#3B5997}
.foot-social ul .social-item.tw{background-color:#323232}
.foot-social ul .social-item.lk{background-color:#0A66C2}
.foot-social ul .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #FD5949 45%, #d6249f 60%, #285aeb 90%)}
.foot-social ul .social-item.pi{background-color:#cc2127}
.foot-social ul .social-item.vk{background-color:#0077FF}
.foot-social ul .social-item.you{background-color:#FF0000}
.foot-social ul .social-item.tik{background-color:#000000}
.foot-social ul .social-item:hover{color:#FFFFFF;transform:scale(1.1)}
.foot-right{border-top:solid 1px #FFFFFF15;padding:10px;text-align:center;font-size:var(--fontsize14)}
.bottom-btn{position:fixed;display:none;padding:0vw 4vw;box-sizing:border-box;left:0px;bottom:-14vw;width:100%;z-index:500;background-color:#FCFCFCFB;box-shadow:1px 2px 10px rgba(0,0,0,.1);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);-ms-flex-pack:justify;justify-content:space-between;transition:all .2s linear;opacity:0}
.bottom-btn .btn-item{width:14vw;height:14vw;line-height:1.2}
.bottom-btn .btn-item>a{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}
.bottom-btn .iconfont{line-height:1;font-size:var(--fontsize22);color:var(--color)}
.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.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:1500px){
.foot-cate ul,.foot-contact ul,.foot-nav ul{padding-right:50px}}
@media screen and (max-width:1300px){
footer .l-wrap{padding:40px 40px;flex-wrap:wrap}
.foot-item{width:50%}
.foot-nav,.foot-cate{margin-bottom:30px}}
@media screen and (max-width:769px){
.foot-item{width:100%}
.foot-contact ul,.foot-nav ul{padding-right:0px}
.foot-right{font-size:var(--fontsize12)}
.foot-nav,.foot-cate,.foot-title,.foot-cate ul>li,.foot-contact ul>li,.foot-nav ul>li{margin-bottom:4vw}
.foot-nav ul{-ms-flex-direction:row;flex-direction:row}
.foot-nav ul>li{width:33.3333%}
.bottom-btn{display:flex}}
@media screen and (max-width:767px){
footer{margin-bottom:calc(14vw + constant(safe-area-inset-bottom));margin-bottom:calc(14vw + env(safe-area-inset-bottom))}
footer .l-wrap{padding:5.3333333333vw 4vw}
.foot-social ul{max-width:100%}
.foot-social ul li{margin:0px 10px 10px 0px}
.foot-social ul .social-item{width:30px;height:30px}}
.home-swiper{min-height:500px}
.home-swiper .swiper-slide{overflow:hidden}
.home-swiper .swiper-slide img{display:block;width:100%;height:auto}
.home-swiper .swiper-prev,.home-swiper .swiper-next{position:absolute;top:50%;margin-top:-23px;width:46px;height:46px;z-index:10;display:flex;justify-content:center;align-items:center;cursor:pointer;background:rgba(255,255,255,.3);transition:background .2s ease}
.home-swiper .swiper-prev>i,.home-swiper .swiper-next>i{color:#FFFFFF;font-weight:var(--fontbold6)}
.home-swiper .swiper-prev:hover,.home-swiper .swiper-next:hover{background:var(--color)}
.home-swiper .swiper-prev{left:0px;right:auto}
.home-swiper .swiper-next{right:0px;left:auto}
.home-swiper .swiper-pagination-bullet{width:11px;height:11px;background:transparent;border:2px solid #FFF;box-sizing:border-box;opacity:1}
.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;top:1px;width:14px;height:14px;background:var(--color);border-color:var(--color)}
@media screen and (max-width:769px){
.home-swiper{min-height:100px}
.home-swiper .swiper-prev,.home-swiper .swiper-next{width:6.1333333333vw;height:6.1333333333vw;margin-top:-3.0666666667vw}
.home-swiper .swiper-pagination-bullet{width:1.4666666667vw;height:1.4666666667vw;border:1px solid #FFF}
.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.8666666667vw;height:1.8666666667vw}}
.home-product{margin:50px auto}
.home-product-cate{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.home-product-cate>li:after{content:"/";color:var(--introcolor);margin:0px 14px}
.home-product-cate>li:nth-last-child(1):after{content:""}
.home-product-cate a{color:var(--introcolor);line-height:1.5em}
.home-product-cate a:hover{color:var(--color)}
.home-product-list{display:flex;flex-wrap:wrap;margin:0px -13px}
.home-product-list>li{width:25%;padding:0px 20px;margin-bottom:30px;box-sizing:border-box}
.home-product-list>li:nth-last-child(1){margin-bottom:0px}
.home-product-list .home-product-name{padding:6px 10px;background:var(--color);opacity:0;color:#FFFFFF;max-width:80%;transform:translate3d(0, 20px, 0);transition:all .35s;overflow:hidden;text-overflow:ellipsis;line-height:1.3em;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5em}
.home-product-list .home-product-link{position:absolute;left:0px;top:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .35s ease;background:rgba(0,0,0,.1)}
.home-product-list .home-product-item:hover{box-shadow:0px 5px 10px 0px rgba(0,0,0,.05);border-color:var(--color)}
.home-product-list .home-product-item:hover .home-product-name{transform:translate3d(0, 0, 0);opacity:1}
.home-product-list .home-product-item:hover .home-product-link{opacity:1}
.home-product-list .home-product-item{padding-top:100%;position:relative;border:1px solid #EEEEEE;box-sizing:border-box}
.home-product-list .home-product-item .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.home-product-list .home-product-item img{max-height:100%;max-width:100%}
@media screen and (max-width:769px){
.home-product{margin:35px 0px}
.home-title span{font-size:var(--fontsize22);padding-bottom:8px}
.home-title span:after{width:8vw;height:2px}
.home-product-cate{margin-bottom:20px}
.home-product-list>li{width:50%;margin-bottom:5.3333333333vw}
.home-product-list .home-product-item{margin-bottom:4em}
.home-product-list .home-product-link{top:100%;width:100%;height:auto;opacity:1;background-color:var(--color);display:block;padding:4px 0px}
.home-product-list .home-product-name{padding:5px;opacity:1;max-width:100%;transform:none;transform:initial;-webkit-line-clamp:2;min-height:3em}
.home-product-list .home-product-item:hover{border-color:#EEEEEE}}
@media screen and (max-width:767px){
.home-product-list>li{margin-bottom:4vw;padding:0vw 2vw}
.home-product-list{margin:0vw -2vw}}
.home-news{margin:50px 0px}
.home-news-list{display:flex;flex-wrap:wrap;margin:0px -15px}
.home-news-list>li{width:23%;margin:0px 1%;box-sizing:border-box}
.home-news-list .img-wrap{padding-top:67%;position:relative}
.home-news-list .news-img{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.home-news-list .news-img>img{max-width:100%;max-height:100%;transition:transform .4s ease;width:100%;height:100%;object-fit:cover}
.home-news-list .news-date{padding:5px 10px;position:absolute;background:var(--color);text-align:center;color:#FFFFFF;top:0px;left:0px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-news-list .news-date>.day{font-size:var(--fontsize20);line-height:1.2}
.home-news-list .news-date>.mon{font-size:var(--fontsize16);line-height:1.2}
.home-news-list .news-title{width:100%;margin-top:10px;font-size:var(--fontsize18);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news-list  .news-info{font-size:var(--fontsize16)}
.home-news-list  .news-info .new-more{font-size:var(--fontsize14);text-transform:lowercase;color:var(--introcolor)}
.home-news-list .news-intro{margin:10px 0px;font-size:var(--fontsize16);display:-webkit-box;color:var(--introcolor);-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-news-list .news-intro a{color:var(--introcolor)}
.home-news-list .home-news-item:hover .news-img>img{transform:scale(1.08)}
.home-news-list .home-news-item:hover .news-title{color:var(--color)}
@media screen and (max-width:769px){
.home-news{margin:12vw 0vw 0vw}
.home-news .home-title{margin-bottom:6vw}
.home-news-list{margin:0px auto}
.home-news-list>li{width:48%;margin-bottom:8vw}
.home-news-list .news-title{margin-top:2vw}
.home-news-list .news-intro{margin:5px 0px}}
.home-partners{background:#F5F8F8}
.home-partners .l-wrap{position:relative}
.home-partners .swiper-next,.home-partners .swiper-prev{position:absolute;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;top:50%;margin-top:-20px;background:#FFFFFF;transition:background .2s ease}
.home-partners .swiper-next .iconfont,.home-partners .swiper-prev .iconfont{color:var(--color);font-weight:var(--fontbold6);font-size:var(--fontsize14);transition:color .2s ease}
.home-partners .swiper-next:hover,.home-partners .swiper-prev:hover{background:var(--color)}
.home-partners .swiper-next:hover .iconfont,.home-partners .swiper-prev:hover .iconfont{color:#FFFFFF}
.home-partners .swiper-prev{left:0px;right:auto}
.home-partners .swiper-next{right:0px;left:auto}
.home-partners .swiper-slide{padding:20px 15px;box-sizing:border-box;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.home-partners .swiper-slide img{max-width:100%}
.home-partners .swiper-slide:hover{box-shadow:0px 1px 10px rgba(34,25,25,.1);border-radius:5px;transform:translateY(-2px)}
.partners-swiper{padding:20px 5px;margin:0px 80px;position:relative}
@media screen and (max-width:769px){
.partners-swiper{margin:0vw 8vw;padding:6vw 0vw}
.home-partners .swiper-next,.home-partners .swiper-prev{width:6.1333333333vw;height:6.1333333333vw;margin-top:-3.0666666667vw}
.home-partners .swiper-prev{left:4vw}
.home-partners .swiper-next{right:4vw}}
.home-certi{clear:both;padding:80px 0px 50px;background:url(https://css02.v15cdn.com/m418/images/certi_bg.webp) var(--color) left top repeat}
.certi-swiper{padding:30px 0px 40px !important}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease}
.certi-swiper .swiper-slide img{max-width:100%}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:138%}
.certi-swiper .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;max-width:350px;max-height:600px}
.certi-swiper .certi-name{padding:10px 0px;font-size:var(--fontsize18);text-align:center;color:#FFFFFF}
.certi-swiper .certi-dot{width:10px;height:10px;background:#FFFFFF;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
.certi-swiper .swiper-slide.is-active{transform:translate3d(0, 0, 0) scale(1.1)}
.certi-swiper .swiper-slide.is-active .certi-dot{display:none}
.certi-swiper .swiper-slide.is-active .certi-name{background:#FFFFFF;color:var(--color);position:relative}
.certi-swiper .swiper-slide.is-active .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:var(--hovercolor)}
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#FFFFFF;left:0px}
@media screen and (max-width:769px){
.home-certi{padding:10.6666666667vw 0 5.3333333333vw;overflow:hidden}
.certi-swiper .certi-name{font-size:var(--fontsize15);padding:1.3333333333vw 0}
.certi-swiper{padding:4vw 0vw 5.3vw !important}
.certi-swiper:after{bottom:4vw;width:auto;left:12vw;right:12vw}
.home-certi .l-wrap{margin:0vw 4vw;padding:0px}}
.home-about{width:100%;overflow:hidden}
.home-about .about-item{display:flex}
.home-about .about-item>div{width:50%}
.home-about .about-con{padding:60px 140px 60px 60px;box-sizing:border-box}
.home-about .about-title{font-size:var(--fontsize26);margin-bottom:20px;padding-bottom:10px;position:relative}
.home-about .about-title:after{content:"";position:absolute;top:100%;left:0px;display:block;width:60px;height:2px;background:#FFFFFF}
.home-about .about-article ul{margin-top:20px}
.home-about .about-article li{padding-left:35px;margin-bottom:15px;background:url("https://css02.v15cdn.com/m418/slimygreen/about_li.webp") no-repeat}
.home-about .about-icon-list{margin:40px 0px;display:flex}
.home-about .about-icon-list>li{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:50px;user-select:none}
.home-about .about-icon-list>li:hover .about-icon{transition:transform .5s ease-out;transform:rotateX(1turn) scale(1.1)}
.home-about .about-icon-list .about-icon{display:block;margin-bottom:8px;width:24px;height:24px;background:url("https://css02.v15cdn.com/m418/images/about_icon.webp") no-repeat}
.home-about .about-icon-list .icon2{background-position:-24px 0px}
.home-about .about-icon-list .icon3{background-position:-48px 0px}
.home-about .about-icon-list .icon4{background-position:-72px 0px}
.home-about .about-more{padding:6px 30px;border:1px solid #FFF;font-size:var(--fontsize18);display:inline-block;border-radius:999px;color:#FFFFFF;transition:color .3s ease,background .3s ease}
.home-about .about-img{background-size:cover;background-repeat:no-repeat}
.home-about .item1 .about-con{color:#FFFFFF;background:var(--color)}
.home-about .item1 .about-article{color:#FFFFFF}
.home-about .item1 .about-img{background-image:url("https://css02.v15cdn.com/m418/images/about_bg1.webp")}
.home-about .item1 .about-more:hover{background:#FFFFFF;color:var(--color)}
.home-about .item2 .about-con{padding:60px 60px 60px 140px}
.home-about .item2 .about-article{color:var(--introcolor)}
.home-about .item2 .about-img{background-image:url("https://css02.v15cdn.com/m418/images/about_bg2.webp")}
.home-about .item2 .about-title:after{background:var(--color)}
.home-about .item2 .about-more{margin-top:40px;border-color:var(--color);color:var(--color)}
.home-about .item2 .about-more:hover{background:var(--color);color:#FFFFFF}
@media screen and (max-width:1500px){
.home-about .about-con{padding:40px 90px 40px 40px}
.home-about .item2 .about-con{padding:40px 40px 40px 90px}}
@media screen and (max-width:1300px){
.home-about .about-item{flex-direction:column}
.home-about .about-item>div{width:100%}
.home-about .about-item .about-img{padding-top:40%}}
@media screen and (max-width:769px){
.home-title{margin-bottom:6vw}
.home-about .about-item .about-img{padding-top:80%}
.home-about .item2 .about-con,.home-about .item1 .about-con{padding:4vw}
.home-about .about-title{padding-bottom:10px;margin-bottom:3.7333333333vw;font-size:var(--fontsize20)}
.home-about .about-title:after{width:8vw}
.home-about .item1 .about-article{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;margin-bottom:8vw}
.home-about .about-icon-list{margin:0px 0px 10.6666666667vw;-ms-flex-pack:justify;justify-content:space-between}
.home-about .about-icon-list span{font-size:var(--fontsize14)}
.home-about .about-icon-list>li{margin-right:0px}
.home-about .about-more{font-size:var(--fontsize13);padding:2.4vw 8vw}
.home-about .item2 .about-more{margin-top:8vw}
.home-about .about-article li{padding-bottom:4.8vw;margin-bottom:0px}}
.news-list ul li:hover{box-shadow:0px 5px 10px 0px rgba(0, 0, 0, .05)}
.news-list ul li:hover .new-info .new-title{color:var(--color)}
.news-list .new-wrap{position:relative;display:flex;color:var(--fontcolor)}
.news-list .new-img{position:relative;margin-right:40px;overflow:hidden;-ms-flex:3;flex:3}
.news-list .new-img>img{display:block;width:100%;height:auto}
.news-list .new-img:hover img{transform:scale(1.05)}
.news-list .new-info{-ms-flex:7.5;flex:7.5;padding:10px}
.news-list .new-date{position:absolute;background-color:var(--color);padding:4px 0px;color:#FFFFFF;min-width:40px;top:0px;left:0px}
.news-list .new-date>p{text-align:center;line-height:1.2}
.news-list .new-date .day{font-size:var(--fontsize20)}
.news-list .new-date .mon{font-size:var(--fontsize12)}
.news-list .new-con{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0px;color:var(--introcolor);font-size:var(--fontsize16)}
.news-list .new-info .new-more{text-transform:lowercase}
.news-list .new-title{font-size:var(--fontsize18)}
.news-list.list0 ul{display:flex;flex-wrap:wrap}
.news-list.list0 ul>li{margin-bottom:30px;padding:0px;width:100%;border:solid 1px #EEEEEE}
.news-list.list0 .new-wrap{display:flex}
.news-list.list0 .new-img{overflow:hidden;margin-right:0px;aspect-ratio:3/2;display:block}
.news-list.list0 .new-img>img{transition:transform .2s ease;height:100%;object-fit:cover}
.news-list.list0 .new-img:hover img{transform:inherit}
.news-list.list0 .new-info{padding:20px}
.news-list.list1 ul{margin:0px -18px;display:flex;flex-wrap:wrap}
.news-list.list1 ul>li{box-sizing:border-box;margin:0px 14px 30px 14px;padding:0px;width:31%;border:solid 1px #EEEEEE}
.news-list.list1 .new-wrap{display:block}
.news-list.list1 .new-img{overflow:hidden;margin-right:0px;border:none;aspect-ratio:3/2;display:block}
.news-list.list1 .new-img>img{transition:transform .2s ease;height:100%;object-fit:cover}
.news-list.list1 .new-img:hover img{transform:inherit}
.news-list.list1 .new-title{text-align:center;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.new-share{margin-top:60px}
.common-content>.new-title{color:var(--fontcolor);font-size:var(--fontsize26);text-align:center}
.common-content>.new-date{margin:15px auto;color:var(--introcolor);font-size:var(--fontsize14);text-align:center}
.common-content .new-con p{color:var(--fontcolor)}
.common-content .news-views{margin-left:20px}
.pagelink{margin-top:20px;padding-top:40px;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #EEEEEE}
.pagelink .pagelink-item{width:calc(50% - 10px);display:flex;border:1px solid #EEEEEE;padding:1%;line-height:1.3;box-sizing:border-box}
.pagelink .pagelink-item.next{-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding:1%}
.pagelink .pagelink-item.next .pagelink-icon{margin-right:0px;margin-left:20px}
.pagelink .pagelink-icon{width:46px;height:46px;-ms-flex:0 0 46px;flex:0 0 46px;margin-right:20px;background-color:var(--color);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s ease}
.pagelink .pagelink-icon>i{color:#FFFFFF}
.pagelink .pagelink-icon:hover{background-color:var(--hovercolor)}
.pagelink .pagelink-info>a{line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;color:var(--fontcolor)}
.pagelink .pagelink-info>a:hover{color:var(--hovercolor)}
.pagelink .link-intro{margin-bottom:4px;color:var(--introcolor);font-size:var(--fontsize14)}
@media screen and (max-width:1500px)and (min-width:1300px){
.news-list .new-con{max-height:3em;-webkit-line-clamp:2}}
@media screen and (max-width:769px){
.news-list .new-img{margin-right:0px}
.news-list .new-info .new-more{display:none}
.news-list .new-title{font-size:var(--fontsize16)}
.news-list .new-con{margin:0px;-webkit-line-clamp:2}
.news-list .new-date .day{font-size:var(--fontsize16)}
.common-content>.new-title{font-size:var(--fontsize24);text-align:left}
.common-content>.new-date{margin:3vw 0vw 5vw;text-align:left;font-size:var(--fontsize14)}
.news-list.list0 ul>li{margin-bottom:4vw}
.news-list.list0 .new-info{padding:2.5vw}
.new-share{margin-top:9.3333333333vw}
.pagelink{flex-direction:column}
.pagelink .pagelink-item{width:100%}
.pagelink .pagelink-item.next{padding:2% 2% 3% 5%}
.pagelink .pagelink-item{padding:2% 5% 3% 2%}
.pagelink-item.next .pagelink-info>a,.pagelink-item.next .link-intro{text-align:right}
.pagelink .pagelink-icon{margin-right:10px}
.pagelink .pagelink-item.next .pagelink-icon{margin-left:10px}
.pagelink .link-intro{font-size:var(--fontsize14)}
.pagelink .pagelink-item.prev{margin-bottom:4vw}}
.inner-banner>img{display:block;width:100%;height:auto}
.common-breadcrumb{font-size:var(--fontsize14);color:var(--introcolor);padding:8px 0px;background-color:#F9F9F9}
.common-breadcrumb .l-wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.common-breadcrumb a{color:var(--introcolor)}
.common-breadcrumb a.home,.common-breadcrumb a:hover{color:var(--color)}
.common-main{margin:30px auto 50px}
.common-main .l-wrap{display:flex}
.common-main .common-content{-ms-flex:1;flex:1;width:calc(100% - 360px)}
.common-main .sidebar{width:300px;margin-right:60px;-ms-flex:0 0 300px;flex:0 0 300px}
.common-page{display:flex;flex-wrap:wrap;justify-content:center}
.common-page a,.common-page span{background-color:#F5F8F8;margin:5px;padding:6px 15px;color:var(--fontcolor);transition:background .2s,color .2s}
.common-page a:hover{background-color:var(--color);color:#FFFFFF}
.common-page span{opacity:.7}
.common-page .last a{font-style:normal;display:inline-block}
.common-page .ctxt{opacity:1;background-color:var(--color);color:#FFFFFF}
.common-page .tol{color:var(--fontcolor);opacity:1;background:transparent}
.common-inquiry,.rec-products{margin:40px 0px 0px 0px}
.common-inquiry .common-inquiry-title{font-size:var(--fontsize22);padding-bottom:5px;border-bottom:1px solid #EEEEEE;color:var(--fontcolor)}
.common-inquiry .send-inquiry{margin-top:20px}
.content-title{margin-bottom:10px;padding-left:18px;position:relative;color:var(--color);font-size:var(--fontsize26)}
.content-title:after{content:"";position:absolute;display:block;left:0px;top:15px;width:0px;height:0px;border-top:6px solid transparent;border-left:8px solid var(--color);border-bottom:6px solid transparent}
.sidebar .sidebar-title{color:var(--fontcolor);margin-bottom:10px;padding-bottom:5px;font-size:var(--fontsize22);font-weight:var(--fontbold5);border-bottom:1px solid #EEEEEE}
.sidebar .sidebar-item{margin-bottom:30px}
.sidebar-item .send-inquiry .inquiry-form input{width:100%}
.sidebar-nav li{position:relative;padding-left:12px;margin-bottom:12px}
.sidebar-nav li:after{content:"";position:absolute;display:block;width:6px;height:6px;top:10px;border-radius:50%;background-color:#222222;left:-2px}
.sidebar-contact li{color:var(--fontcolor);display:flex;margin-bottom:15px;line-height:1.5em}
.sidebar-contact i,.sidebar-contact em{margin-right:5px}
.sidebar-contact .icon-map{font-size:var(--fontsize17);margin-right:3px}
.sidebar-contact a{color:var(--fontcolor)}
.siderbar-search{display:flex;border:1px solid #E7EEEE}
.siderbar-search .search-input{width:100%;height:40px;padding:0px 14px;box-sizing:border-box}
.siderbar-search>button{height:40px;cursor:pointer;padding:0px 12px;line-height:40px;background-color:var(--color);color:#FFFFFF;border:0px;outline:0}
.sidebar-newlist .new-item{display:flex;align-items:center}
.sidebar-newlist .new-img{display:block;margin-right:18px;overflow:hidden;width:38%}
.sidebar-newlist .new-img>img{width:100%;height:auto;display:block}
.sidebar-newlist .new-img:hover img{transform:scale(1.07)}
.sidebar-newlist .new-title{display:flex;line-height:1.5em;overflow:hidden;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sidebar-newlist>li{margin-bottom:20px}
.sidebar-cate li{position:relative;font-size:var(--fontsize16);color:var(--fontcolor)}
.sidebar-cate li a{display:block;width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;text-overflow:ellipsis;padding-right:30px;line-height:36px}
.sidebar-cate li.menu-item{padding-left:15px}
.sidebar-cate li.menu-item:after{content:"";position:absolute;left:0px;top:16px;width:6px;height:6px;border-radius:50%;background-color:#222222}
.sidebar-cate li.menu-item ul{display:none}
.sidebar-cate li.is-current>a{color:var(--color)}
.sidebar-cate .sub-menu li{font-size:var(--fontsize16);color:var(--introcolor)}
.sidebar-cate .sub-menu .LiLevel2{padding-left:14px}
.sidebar-cate .sub-menu .pro-menu{margin-left:14px}
.sidebar-cate i,.sidebar-cate em{width:24px;height:36px;cursor:pointer;display:inline-block;position:absolute;top:0px;right:0px;transition:.2s ease-in-out;margin-top:2px;text-align:left;transform:rotate(0)}
.sidebar-cate i::before,.sidebar-cate em::before,.sidebar-cate i::after,.sidebar-cate em:after{content:"";transition:.2s ease-in-out;background-color:transparent;width:1px;height:7px;display:inline-block;position:absolute;border-bottom:8px solid #666666;top:10px;left:10px}
.sidebar-cate i::before,.sidebar-cate em::before{transform:rotate(-135deg)}
.sidebar-cate i::after,.sidebar-cate em::after{position:absolute;transform:rotate(135deg)}
.sidebar-cate i.is-open,.sidebar-cate em.is-open{transform:rotate(0);transform:translate(0, -6px)}
.sidebar-cate i.is-open::before,.sidebar-cate em.is-open::before{transform:rotate(-45deg)}
.sidebar-cate i.is-open::after,.sidebar-cate em.is-open::after{transform:rotate(45deg)}
.sidebar-prolist>li{margin-bottom:20px}
.sidebar-prolist .pro-item{display:flex}
.sidebar-prolist .pro-item>div{-ms-flex:1;flex:1}
.sidebar-prolist .pro-img{position:relative;max-width:120px;border:1px solid #EEEEEE;box-sizing:border-box;overflow:hidden}
.sidebar-prolist .pro-img:after{content:"";display:block;padding-top:100%}
.sidebar-prolist .pro-img img{max-width:100%;max-height:100%}
.sidebar-prolist .pro-img>.img-wrap{position:absolute;width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center}
.sidebar-prolist .pro-img:hover img{transform:scale(1.05)}
.sidebar-prolist .pro-info{display:flex;flex-direction:column;justify-content:center;padding-left:20px}
.sidebar-prolist .pro-info>p{color:var(--fontcolor);line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.sidebar-prolist .pro-more{margin-top:10px;color:var(--introcolor);text-transform:lowercase}
@media screen and (max-width:1300px){
.common-main .sidebar{display:none}}
@media screen and (max-width:769px){
.content-title{font-size:var(--fontsize20);line-height:1;margin-bottom:20px;padding:0px 0px 10px 12px;border-bottom:solid 1px #EEEEEE}
.content-title:after{top:7px;border-top:4px solid transparent;border-left:6px solid var(--color);border-bottom:4px solid transparent}
.common-main{margin:15px 0px}
.common-breadcrumb{font-size:var(--fontsize14);padding:10px 0px}
.common-breadcrumb a{font-size:var(--fontsize14)}
.common-inquiry .common-inquiry-title{font-size:var(--fontsize20);padding-bottom:10px}}
.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)}
.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 0vw}
.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:0 6.6666666667vw}
.send-inquiry{margin-top:10px}}
.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)}
.common-content .pro-list{display:flex;flex-wrap:wrap;margin:0px -16px}
.common-content .pro-list>li{width:33.3333%;margin-bottom:30px;padding:0px 16px;box-sizing:border-box}
.common-content .pro-list .pro-img{border:1px solid #EEEEEE;box-sizing:border-box;position:relative;overflow:hidden;transition:box-shadow .2s ease,border .2s ease}
.common-content .pro-list .pro-img:after{content:"";display:block;padding-top:100%}
.common-content .pro-list .pro-img .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.common-content .pro-list .pro-img img{max-width:100%;max-height:100%}
.common-content .pro-list .pro-name{margin:10px 0px;width:100%;text-align:center;font-size:var(--fontsize18);font-weight:var(--fontbold5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.common-content .pro-list .pro-price{text-align:center;color:var(--introcolor);font-size:var(--fontsize14)}
.common-content .pro-list .pro-item:hover .pro-img{box-shadow:0px 5px 10px 0px rgba(0,0,0,.05);border-color:var(--color)}
.common-content .pro-list .pro-cart{position:absolute;cursor:pointer;display:flex;width:40px;height:40px;opacity:0;justify-content:center;align-items:center;transition:opacity .2s ease;bottom:0px;right:0px}
.common-content .pro-list .pro-cart>i{font-size:var(--fontsize20);color:var(--fontcolor)}
.common-content .pro-list .pro-img:hover .pro-cart{opacity:1}
.common-content .pro-list .pro-img:hover img{transform:scale(1.05)}
.common-content .pro-list>li.is-checked .pro-img{border-color:var(--color) !important}
.common-content .pro-list>li.is-checked .pro-cart{opacity:1}
.common-content .pro-list>li.is-checked .pro-cart>i{color:var(--color)}
.common-content .pro-list .pro-img .icon-hottitle{position:absolute;left:5px;top:0px;z-index:1;font-size:35px;color:var(--color)}
.common-content .pro-bottom{margin-top:30px;font-size:var(--fontsize16);line-height:1.6em;box-shadow:0px 0px 10px rgba(0,0,0,.1);border-radius:5px;padding:10px;color:#2B2B2B}
.common-content .pro-bottom a{text-decoration:underline;text-transform:lowercase}
.common-content .pro-bottom a:hover,.common-content .pro-bottom a:active{color:var(--color)}
.common-content .pro-list.list0{flex-direction:column;margin:0px}
.common-content .pro-list.list0>li{padding:0px;width:100%}
.common-content .pro-list.list0 .pro-item{display:flex}
.common-content .pro-list.list0 .pro-img{-ms-flex:2.5;flex:2.5;margin-right:20px}
.common-content .pro-list.list0 .pro-info{-ms-flex:7.5;flex:7.5}
.common-content .pro-list.list0 .pro-price,.common-content .pro-list.list0 .pro-name{text-align:left}
.common-content .pro-list.list0 .pro-price{font-weight:var(--fontbold6);margin-top:10px}
.common-content .pro-list.list0 .pro-intro{color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--fontsize16)}
.product-detail .detail-content{margin-top:30px}
.product-detail .detail-content article p{color:var(--fontcolor)}
.product-detail .detail-content article p a{color:var(--color);text-decoration:underline}
.product-detail .detail-content article p.productsTags a{color:var(--fontcolor);text-decoration:underline;text-transform:lowercase}
.product-detail .detail-content article p.productsTags a:hover{color:var(--color)}
.product-detail .detail-content article p iframe{max-width:100%;min-height:300px}
.product-detail .detail-title{font-size:var(--fontsize22);padding-bottom:10px;margin:10px auto;border-bottom:1px solid #E7EEEE}
.product-detail .detail-hot-tag{margin:20px 0px;line-height:1.5em}
.product-detail>.wrap{display:flex}
.product-detail .product-info{margin-left:40px}
.product-detail .product-name{font-size:var(--fontsize26);color:var(--color);line-height:1.4}
.product-detail .product-intro{color:var(--introcolor);margin:10px 0px}
.product-detail .product-price,.product-detail .product-content-price{color:var(--introcolor)}
.product-detail .share-btn-list{margin:30px 0px 40px}
.product-detail .btn-list{display:flex;flex-wrap:wrap;margin:15px 15px 0px 0px}
.product-detail .btn-list>button,.product-detail .btn-list div a,.product-detail .btn-list .addToCart,.product-detail .btn-list .pdown1{margin-right:10px;margin-bottom:10px;transition:background .2s ease}
.product-detail .btn-list>button:hover,.product-detail .btn-list div a:hover,.product-detail .btn-list .addToCart:hover{background-color:var(--color)}
.product-detail .btn-list button{width:180px;height:48px;cursor:pointer}
.product-detail .btn-list a{color:#FFFFFF}
.product-detail .btn-list button.send{outline:0;border:0px;color:#FFFFFF;background-color:#222222}
.product-detail .btn-list button.send:hover{background-color:var(--color)}
.product-detail .btn-list .pdown1{width:180px;height:48px;background-color:#222222}
.product-detail .btn-list .pdown1 a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.product-detail .btn-list .addToCart{width:180px;height:48px;background-color:#222222;cursor:pointer;display:flex;justify-content:center;align-items:center}
.product-detail .btn-list .addToCart span{color:#FFFFFF}
.product-detail .btn-list .addToCart.is-active{background-color:var(--color) !important}
.preview-container{position:relative;width:450px;background:#FFFFFF;padding-bottom:1px}
.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}
.preview-container .small-box img{max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #EEEEEE;display:none}
.preview-container .thumbnail-box{margin:20px 0px;position:relative;width:100%;box-sizing:border-box;background:#FFFFFF}
.preview-container .thumbnail-box .list{width:390px;margin:0px auto;overflow:hidden;position:relative}
.preview-container .thumbnail-box .list ul{width:5000px;display:flex;padding:2px 0px}
.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 #CCCCCC}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{max-width:100%;max-height:100%;display:block}
.preview-container .thumbnail-box .list ul .item-cur{border:none;outline:2px solid var(--color)}
.preview-container .thumbnail-box .btn{position:absolute;width:22px;display:flex;justify-content:center;align-items:center;height:100%}
.preview-container .thumbnail-box .btn-prev{left:0px;border-radius:5px 0px 0px 5px}
.preview-container .thumbnail-box .btn-next{right:0px;border-radius:0px 5px 5px 0px}
.preview-container .thumbnail-box .btn_prev_disabled{cursor:not-allowed;opacity:.4}
.preview-container .thumbnail-box .btn_next_disabled{cursor:not-allowed;opacity:.4}
.preview-container .thumbnail-box .arrow{width:24px;height:36px;display:inline-block;position:absolute;top:50%;margin-top:-18px;right:0px;transform:rotate(0)}
.preview-container .thumbnail-box .arrow:before,.preview-container .thumbnail-box .arrow:after{content:"";transition:.2s ease-in-out;background-color:transparent;width:1px;height:7px;display:inline-block;position:absolute;border-bottom:8px solid var(--color);top:10px;left:10px}
.preview-container .thumbnail-box .arrow:before{transform:rotate(-135deg)}
.preview-container .thumbnail-box .arrow:after{transform:rotate(135deg)}
.preview-container .thumbnail-box .arrow-left{transform:rotate(90deg)}
.preview-container .thumbnail-box .arrow-right{transform:rotate(-90deg)}
.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}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:130%}
.preview-container .banner-page{display:none;justify-content:center;align-items:center;position:absolute;padding:4px 4vw;border-radius:999px;background:var(--color);bottom:23px;right:4vw;z-index:9}
.preview-container .banner-page span{color:#FFFFFF}
.preview-container .banner-page .of{margin:0px 4px}
.preview-container #media{position:absolute;top:0px;left:0px;width:450px;height:450px;z-index:2}
.preview-container .video-switch{position:absolute;cursor:pointer;top:10px;right:10px;z-index:3}
.preview-container .video-switch>i{font-size:var(--fontsize30)}
.rec-products .rec-list{display:flex;margin:0px -6px}
.rec-products li{padding:0px 6px;box-sizing:border-box;width:16.667%}
.rec-products .pro-img{position:relative;border:1px solid #EEEEEE}
.rec-products .pro-img::after{content:"";padding-top:100%;display:block}
.rec-products .pro-img:hover img{transform:scale(1.05)}
.rec-products .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
.rec-products .img-wrap>img{transition:transform .2s ease;max-width:100%;max-height:100%}
.rec-products .pro-name{margin-top:10px;display:block;font-size:var(--fontsize16);text-align:center;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
@media screen and (max-width:769px){
.common-content .pro-list>li{width:100%;padding:0vw 4vw;margin-bottom:5.3333333333vw}
.common-content .pro-list .pro-item:hover .pro-img{box-shadow:none;border-color:#EEEEEE}
.common-content .pro-list .pro-name{font-size:var(--fontsize16);margin:2vw 0vw 0vw 0vw}
.common-content .pro-bottom{margin:5vw auto;font-size:var(--fontsize16)}
.common-content .pro-list.list1{margin-bottom:4vw;margin:0vw -2vw}
.common-content .pro-list.list1 .pro-item{flex-direction:column}
.common-content .pro-list.list1 .pro-img{margin-right:0px}
.common-content .pro-list.list1 .pro-price{margin-top:2vw}
.common-content .pro-list.list1 .pro-intro{-webkit-line-clamp:2;max-height:3em}
.common-content .pro-list.list1>li{width:50%;padding:0vw 2vw}
.common-content .pro-list.list0 .pro-img{width:33vw;height:33vw;-ms-flex:0 0 33vw;flex:0 0 33vw}
.common-content .pro-list.list0 .pro-info{-ms-flex:1;flex:1}
.common-content .pro-list.list0 .pro-name{-webkit-line-clamp:1}
.common-content .pro-list.list0 .pro-price{margin-top:6px}
.common-content .pro-list.list0 .pro-name{margin:4px 0px}
.product-detail>.wrap{flex-direction:column}
.product-detail .product-info{margin:0px}
iframe,video,.product-detail .detail-content article p iframe{max-width:100%;min-height:240px;height:auto}
.rec-products .rec-list{flex-wrap:wrap}
.preview-container{width:100%}
.preview-container .small-box,.preview-container .thumbnail-box .btn,.preview-container .thumbnail-box a{display:none}
.preview-container .thumbnail-box .list,.preview-container .thumbnail-box .list .wrapper{width:100%}
.preview-container .thumbnail-box .list ul .item{height:75vw;border:none;display:flex;justify-content:center;align-items:center;margin:0px;outline:none}
.preview-container .banner-page{display:flex}
.preview-container .thumbnail-box .list{min-height:75vw}
.preview-container .thumbnail-box .list .wrapper{display:none}
.product-view{border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;margin:0px -4vw 4vw}
.product-detail .product-name{font-size:var(--fontsize24)}
.product-detail .btn-list{margin:15px 0px 0px 0px}
.product-detail .btn-list .addToCart,.product-detail .btn-list .pdown1,.product-detail .btn-list>button,.product-detail .btn-list>div{width:100%;height:10.6666666667vw;overflow:hidden;margin:0px 0px 4vw}
.product-detail .share-btn-list{margin:15px 0px 20px}
.product-detail .detail-content{margin-top:6.6666666667vw}
.product-detail .detail-title{font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.common-inquiry,.pagelink{margin-top:9.3333333333vw}
.rec-products{margin-top:9.3333333333vw}
.rec-products li{width:50%}
.preview-container #media{position:relative;width:100vw;height:75vw;padding-bottom:4vw;border-bottom:1px solid #EEEEEE}
.preview-container .video-switch{display:none}
.common-content .pro-list .pro-img .icon-hottitle{left:5px;top:5px;font-size:var(--fontsize30);line-height:1}
.common-content .pro-list .pro-cart{opacity:1;width:35px;height:35px}
.common-content .pro-list .pro-cart>i{font-size:var(--fontsize20)}
.product-detail .product-intro{font-size:var(--fontsize16)}
.product-detail .btn-list .addToCart:hover{background-color:#222222}}
@media screen and (max-width:767px){
.rec-products li{margin-bottom:4vw}}
.common-main .download-list li{display:flex;margin-bottom:30px;align-items:center}
.common-main .download-list .download-img{height:100%;width:328px;display:flex;align-items:center}
.common-main .download-list .download-img img{display:block;max-height:100%;max-width:100%}
.common-main .download-list .download-info{display:flex;align-items:center;color:var(--introcolor);margin-left:30px}
.common-main .download-list .download-btn{margin-left:auto;width:154px;height:40px;background-color:#000000;color:#FFFFFF;display:flex;justify-content:center;align-items:center;transition:background .2s ease}
.common-main .download-list .download-btn:hover{background-color:var(--color)}
.common-main .download-list .download-name{line-height:1.5em;color:var(--fontcolor)}
.common-main .video-list{margin:0px -10px;display:flex;flex-wrap:wrap}
.common-main .video-list>li{padding:0px 10px;margin-bottom:30px;width:33.3333%;box-sizing:border-box}
.common-main .video-list>li:hover .video-name{color:var(--color)}
.common-main .video-list .video-name,.common-main .video-list .video-in{text-align:center;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.common-main .video-list .video-info a{color:var(--fontcolor)}
.common-main .video-list .video-in{color:var(--introcolor);font-size:var(--fontsize14)}
.common-main .video-list .video-img img{max-width:100%;height:auto}
.common-main .project-list li{margin-bottom:40px;display:flex}
.common-main .project-list .project-img{margin-right:40px;-ms-flex:3;flex:3}
.common-main .project-list .project-img img{display:block;width:100%;height:auto}
.common-main .project-list .project-info{padding-top:24px;-ms-flex:7;flex:7}
.common-main .project-list .project-name,.common-main .project-list .project-content{overflow:hidden;line-height:1.5em;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-box-orient:vertical}
.common-main .project-list .project-name{margin-bottom:10px;-webkit-line-clamp:2;max-height:3em}
.common-main .project-list .project-content{-webkit-line-clamp:3;max-height:4.5em;margin-bottom:20px;color:var(--introcolor)}
.common-main .faq-list{margin:20px 0px 50px}
.common-main .faq-list .project-content{position:relative;padding-left:30px;color:var(--introcolor)}
.common-main .faq-list .project-content:after{content:"A";position:absolute;left:0px;top:0px;color:var(--fontcolor)}
.common-main .faq-list .project-name{position:relative;padding-left:30px;margin-bottom:10px}
.common-main .faq-list .project-name:after{content:"Q";position:absolute;top:0px;left:0px}
.common-main .faq-list .project-info{padding-top:0px;border-bottom:1px solid #EEEEEE}
.common-main .faq-list>li{margin-bottom:20px}
.document-content article p{color:var(--introcolor);line-height:1.5em}
.document-content article video{margin:20px 0px;width:100%;height:auto;margin-bottom:20px}
@media screen and (max-width:769px){
.common-main .faq-list{margin:0px}
.common-main .video-list>li,.common-main .faq-list .project-name{margin-bottom:4vw}
.common-main .faq-list .project-info{padding-bottom:4vw}
.common-main .video-list .video-name{margin:2.6666666667vw 0}
.common-main .video-list>li{width:100%}
.common-main .download-list li,.common-main .project-list li{flex-direction:column}
.common-main .project-list .project-img{margin-right:0px}
.common-main .download-list li,.common-main .project-list li,.common-main .project-list .project-content{margin-bottom:4vw}
.common-main .project-list .project-more{display:none}
.common-main .download-list .download-img{width:100%;height:auto}
.common-main .download-list .download-info,.common-main .download-list .download-btn{margin:0px}
.common-main .download-list .download-name{margin:2.6666666667vw 0}
.common-main .download-list li{-ms-flex-align:start;align-items:flex-start}}
.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{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 .selected-item .item-price{color:var(--color)}
.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 .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:var(--introcolor)}
.cart-panel .item-del:hover{text-decoration:underline}
.cart-panel .button-area{padding:10px;display:flex;-ms-flex-pack:justify;justify-content:space-between;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:#F66F08;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{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;border-radius:inherit;background:none}
.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}}
[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-search{margin-left:0px;margin-right:30px}
.head-search>i{right:inherit;left:12px}
.head-search>input{padding-left:0px;padding-right:14px}
.head-logo{margin-left:30px}
.foot-cate ul,.foot-contact ul,.foot-nav ul{padding-left:120px;padding-right:0px}
.content-title:after{left:inherit;right:-4px}
.content-title{padding-left:0px;padding-right:18px}
.sidebar-nav li{padding-left:0px;padding-right:12px}
.sidebar-nav li:after{left:inherit;right:-2px}
.sidebar-cate li.menu-item{padding-left:0px;padding-right:10px}
.sidebar-cate li.menu-item:after{left:inherit;right:-4px}
.sidebar-prolist .pro-info{padding-left:0px;padding-right:12px}
.common-main .sidebar{margin-right:0px;margin-left:30px}
.product-detail .product-info{margin-left:0px;margin-right:40px}
.pagelink .pagelink-item.next .pagelink-icon{margin-right:20px;margin-left:0px}
.pagelink .pagelink-icon{margin-right:0px;margin-left:20px}
.common-main .project-list .project-img,.news-list .new-img{margin-right:0px;margin-left:40px}
.sidebar-newlist .new-img{margin-left:18px;margin-right:0px}
.common-main .faq-list .project-name{padding-left:0px;padding-right:30px}
.common-main .faq-list .project-name:after{left:inherit;right:0px}
.common-main .download-list .download-btn{margin-left:0px;margin-right:auto}
.common-main .download-list .download-info{margin-left:0px;margin-right:30px}
.toast-title{font-weight:var(--fontbold6)}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFFFFF}
.toast-message a:hover{color:#DDDDDD;text-decoration:none}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:var(--fontsize20);font-weight:var(--fontbold6);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:#000000;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:0px;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 #000000;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:#000000;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}}
.detail-content table td{border:1px solid #EEEEEE;padding:5px}
.bottom-btn.hide-im{z-index:994}
@media screen and (max-width:768px){
.top-btn{bottom:calc(140px + constant(safe-area-inset-bottom));bottom:calc(140px + env(safe-area-inset-bottom));right:24px;display:none!important}}
.bottom-btn .btn-item .top-btn{display:flex!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.bottom-btn .btn-item .top-btn:hover{background:none}
.cate-list:after{content:'';display:block;height:0px;clear:both;visibility:hidden}
.cate-list li{position:relative;overflow:hidden;float:left}
.cate-list li a{position:absolute;top:0px;left:0px;width:100%;height:100%}
.cate-list li img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.cate-list li a::after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:5;transition:all .5s}
.cate-list li a:hover::after{background:0 0}
.cate-list li:hover img{transform:scale(1.05)}
.cate-list p{z-index:10;box-sizing:border-box;position:absolute;width:100%;bottom:0px;background:rgba(12,12,12,.75);color:#FFFFFF;font-size:1.25rem;left:0px;display:flex;align-items:center;padding:1.5rem .5rem;justify-content:center}
.cate-list p:hover{background:#000}
.cate-list p span{max-width:calc(100% - 68px);display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cate-list i{height:34px;width:34px;border:2px solid #FFF;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:30px;flex:0 0 auto;position:relative}
.cate-list i:after{content:'';width:10px;height:10px;border:2px solid #FFF;border-left:none;border-bottom:none;transform:rotate(45deg);position:absolute;left:8px}
.cate-list li:nth-child(1){width:36.5%;padding-bottom:40.6%}
.cate-list li:nth-child(2){width:35.5%;padding-bottom:20.3%}
.cate-list li:nth-child(3){width:28%;padding-bottom:20.3%}
.cate-list li:nth-child(4){width:28%;padding-bottom:20.3%}
.cate-list li:nth-child(5){width:35.5%;padding-bottom:20.3%}
.cate-box{margin-top:40px}
@media screen and (max-width:1366px){
.cate-list p{padding:15px 8px}}
@media screen and (max-width:1024px){
.cate-list p{padding:6px 8px}
.cate-list p span{font-size:var(--fontsize17)}}
@media screen and (max-width:768px){
.cate-list{padding-top:20px}
.cate-list li:nth-child(1){width:100%;padding-bottom:100%}
.cate-list li:nth-child(n+2){width:50%;padding-bottom:35%}
.cate-list p span{font-size:var(--fontsize15);max-width:calc(100% - 32px)}
.cate-list i{width:20px;height:20px;margin-left:8px}
.cate-list i:after{width:6px;height:6px;left:5px}}
.applic-list ul{display:flex;flex-wrap:wrap;margin:0px -10px}
.applic-list ul li{width:33.3333%;margin-bottom:20px;padding:0px 10px;box-sizing:border-box}
.applic-list .applic-name{padding:10px 0px;display:block;text-align:center;color:var(--fontcolor);font-weight:var(--fontbold6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.applic-list .applic-img img{display:block;width:100%;height:auto}
.support-item-img{margin-bottom:20px}
.support-item-img img{width:100%;height:auto}
.ck-add .cp .cp-img img{width:100%;height:auto}
.ck-add .cp{display:flex}
.ck-add .cp>div{width:50%}
.ck-add .cp-con{padding-left:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.ck-add .cp-con h4{font-size:var(--fontsize22);font-weight:var(--fontbold6);line-height:1.2em;margin-bottom:14px}
.ck-add .ps-img{margin-bottom:20px}
.ck-add .ps-img img{width:100%;height:auto}
.ck-add .ps-con p{line-height:1.8em;margin-bottom:20px}
.ck-add .ti{display:flex;flex-wrap:wrap;align-items:center}
.ck-add .ti .ti-tit{white-space:nowrap;font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor);padding:20px}
.ck-add .ti .ti-con{flex:1}
.ck-add .ti .ti-img{width:100%;margin:10px 0px}
.ck-add .ti .ti-img img{width:100%;height:auto}
.ck-add p{margin-bottom:20px;line-height:1.6em;color:var(--fontcolor)}
.ck-add h4{font-size:var(--fontsize22);margin-top:20px;font-weight:var(--fontbold6);color:var(--fontcolor)}
.ck-add ul{padding-left:20px}
.ck-add ul li{position:relative;color:#6E6E6E;list-style:disc}
.ck-add .ce-list{display:flex}
.ck-add .ce-list>div{flex:1}
.ck-add .ce-list img{width:100%;height:auto}
.ck-add .ce-list{margin:0px -10px}
.ck-add .ce-list .ce-item{padding:0px 10px;box-sizing:border-box}
.ck-add .ho .ho-item{display:flex}
.ck-add .ho .ho-item img{display:block;margin:0px auto}
.ck-add .ho .l .ho-left,.ck-add .ho .r .ho-right{flex:4}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{display:flex;flex-direction:column;justify-content:center;flex:6;padding:0px 20px;box-sizing:border-box}
.ck-add .ho .ho-title{font-weight:var(--fontbold6)}
.ck-add .ho .ho-con{margin-top:30px}
.ck-add .ca-img img{width:100%;height:auto}
.ck-add .ca-img{margin-bottom:20px}
.ck-add .rd .rd-img-list{display:flex}
.ck-add .rd .rd-img{padding:0px 10px;margin-bottom:20px}
.ck-add .rf .rf-con img{float:left;margin-right:30px}
.ck-add .cm-img img{width:100%;height:auto}
.ck-add .cm-img{margin-bottom:20px}
.ck-add .cv img{float:right}
.ck-add .ch-item{display:flex}
.ck-add .ch-item>div{width:50%}
.ck-add .ch-item.r{flex-direction:row-reverse}
.ck-add .ch-con{display:flex;padding:20px;box-sizing:border-box;flex-direction:column;justify-content:center}
.ck-add .pe .pe-con .pe-img{float:right}
.ck-add .pe ul li img{position:relative;top:6px}
.ck-add .pe ul li{list-style:none}
.ck-add .pe ul{padding-left:0px}
@media screen and (max-width:768px){
.applic-list ul li{width:50%}
.applic-list .applic-name{font-size:var(--fontsize16);font-weight:normal}
.ck-add .cp{flex-direction:column}
.ck-add .cp>div{width:100%}
.ck-add .ce-list{flex-wrap:wrap}
.ck-add .ce-list>div{width:100%;flex:none}
.ck-add .cp-con{padding-left:0px;margin-top:20px}
.ck-add .ho .ho-con{margin-top:0px}
.ck-add .ho .ho-item{display:block}
.ck-add .ho .ho-title{margin:10px 0px}
.ck-add .rd .rd-img-list{flex-direction:column}
.ck-add .rd .rd-img{padding:0px}
.ck-add .ch-item.l,.ck-add .ch-item.r{flex-direction:column}
.ck-add .ch-item>div{width:100%}}
.foot-cate ul{flex-direction:row;padding-right:60px;max-height:inherit}
.foot-cate ul>li{width:50%;margin-right:0px;padding-right:10px;box-sizing:border-box}
.preview-container #media{background:#EEEEEE}
.product-detail .btn-list a{display:block;width:180px;height:48px;line-height:48px;text-align:center;cursor:pointer;outline:0;border:0px;color:#FFFFFF;background-color:#222222;transition:background .2s ease}
.product-detail .btn-list a:hover{background-color:var(--color)}
@media screen and (max-width:769px){
.product-detail .btn-list a{width:100%;height:10.6666666667vw;overflow:hidden;margin:0px 0px 4vw}
.foot-cate ul{padding-right:0px}}
@media screen and (max-width:1500px) and (min-width:1081px){
.head-logo{max-width:100px}}
.wkc-case-all{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-case-box{width:32%}
.wmkc-case-img{border:1px solid #EEEEEE}
.wmkc-case-img img{width:100%}
.wmkc-case-box p{text-align:center;margin-top:20px;margin-bottom:40px}
.wmkc-case-box:hover p{color:var(--color)}
.wmkc-case-box:hover .wmkc-case-img{box-shadow:5px 5px 5px 5px #EEEEEE}
.wmkc-eq-tooer{margin-bottom:90px;display:flex;align-items:center}
.wmkc-eq-toer{display:flex;width:40%;margin-right:30px;justify-content:space-between;position:relative;align-items:flex-start}
.wmkc-eq-toer img{width:48%}
.wmkc-eq-toer img:nth-of-type(1){margin-top:40px}
.wmkc-eq-size{width:60%;margin-left:20px}
.wmkc-eq-size p:nth-of-type(1){font-size:var(--fontsize22);margin-bottom:20px;font-weight:var(--fontbold6);color:var(--fontcolor)}
.wmkc-eq-size p:nth-of-type(2){margin-bottom:20px;line-height:1.6em;color:var(--fontcolor)}
.wmkc-eq-ul{display:flex;flex-wrap:wrap}
.wmkc-eq-ser{font-size:var(--fontsize22);margin-bottom:20px;font-weight:var(--fontbold6);color:var(--fontcolor)}
.wmck-eq-left{width:50%}
.wmkc-eq-li{width:50%;margin-bottom:15px;padding-left:30px;background:url(https://css02.v15cdn.com/m418/images/eq-03.webp) no-repeat left top;box-sizing:border-box}
.wmck-eq-main{display:flex}
.wmkc-eq-right{flex:1;margin-left:20px}
.wmkc-eq-ther{padding:30px 0px;color:#949494}
.wmkc-eq-button{display:flex;justify-content:space-between}
.wmck-eq-bu{width:56.5%}
.wmkc-eq-butt{width:42%;display:flex;flex-direction:column;justify-content:space-between}
.kc-cap-p{font-size:var(--fontsize22);margin-bottom:20px;font-weight:var(--fontbold6);color:var(--fontcolor);text-align:center}
.kc-cap-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.kc-cap-ioc{display:flex;width:23%;align-items:center;padding:20px 0px}
.kc-cap-ioc img{margin-right:20px}
.kc-cap-ioc p{font-size:var(--fontsize18);margin-bottom:0px}
.kc-cap-main{margin-top:50px}
.kc-cap-all,.kc-cap-alls{display:flex;margin-bottom:40px}
.kc-cap-img{width:50%;margin-right:45px}
.kc-cap-imgs{width:50%;margin-left:45px}
.kc-cap-img img{width:100%}
.kc-cap-imgs img{width:100%}
.kc-cap-size,.kc-cap-sizes{width:50%;margin:auto}
.kc-cap-size p:nth-of-type(1){font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.kc-cap-sizes p:nth-of-type(1){font-size:var(--fontsize22);font-weight:var(--fontbold6)}
@media (max-width:768px){
.wmck-eq-main,.wmkc-eq-button,.wmkc-eq-tooer{flex-direction:column}
.wmck-eq-bu,.wmck-eq-left,.wmkc-eq-butt,.wmkc-eq-toer{width:100%;margin-bottom:20px}
.wmkc-eq-size{width:100%;margin-left:0px;margin-top:30px}
.wmkc-eq-tooer{margin-bottom:20px}
.wmck-eq-bu,.wmkc-eq-butt img:nth-of-type(1){margin-bottom:20px}
.kc-cap-ioc{width:50%;text-align:center}
.kc-cap-all{flex-direction:column}
.kc-cap-alls{flex-direction:column-reverse}
.kc-cap-ioc{flex-direction:column}
.kc-cap-img{width:100%;margin-right:0px}
.kc-cap-imgs{width:100%;margin-left:0px}
.kc-cap-size,.kc-cap-sizes{width:100%}
.kc-cap-size p:nth-of-type(1){font-size:var(--fontsize20)}
.kc-cap-ioc img{margin-right:0px}
.kc-cap-p,.kc-cap-sizes p:nth-of-type(1){font-size:var(--fontsize20)}
.wmkc-case-box{width:49%}
.wmkc-eq-toer{margin-right:0px}
.wmkc-eq-li{width:100%}
.wmkc-eq-right{margin-left:0px}}
.ck-add .cm-img img{width:auto}
@media screen and (min-width:1081px){
.head-nav ul li:not(#liproducts):hover .submenu,.head-nav>ul.nav0>li:hover ul{transition:opacity 0.3s ease,transform 0.3s ease}
.head-nav>ul.nav0 ul,.head-nav ul li:not(#liproducts) .submenu{transition:initial}}
.head-nav .submenu{display:none}
#tags{display:flex;margin-bottom:14px}
#tags li{margin-right:35px;margin-bottom:0px}
#tags li a{font-size:var(--fontsize20);font-weight:var(--fontbold6);border-bottom:2px solid #FFF;padding-bottom:10px;display:inline-block}
#tags li a:hover,#tags li.selectTag a{border-color:var(--color);color:var(--color)}
@media (max-width:640px){
#tags li{margin-right:20px}
#tags li a{font-size:var(--fontsize16)}}
.tagContent{display:none}
#tagContent div.selectTag{display:block}
@media (max-width:769px){
.head-search{margin:0px;padding:4vw;box-sizing:border-box;position:absolute;top:50px;left:0px;width:100%;display:none;z-index:99}
.head-search>i{top:6.5vw;right:6.5vw}}
@media (min-width:1081px) and (max-width:1100px){
.head-nav>ul>li{margin:0px 10px}}
@media(max-width:1024px){
.mobcate-main .l-wrap{flex-wrap:wrap}
.mobcate-main .common-content{width:100%}
.mobcate-main .sidebar{display:block;width:100%;margin:0px;flex-basis:100%}
.mobcate-main .sidebar .sidebar-item:nth-of-type(n+2){display:none}
.mobcate-main .sidebar .sidebar-item{position:relative;margin-bottom:15px}
.mobcate-main .sidebar .sidebar-cate{position:absolute;top:100%;left:0px;right:0px;padding:0px 10px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .sidebar .sidebar-title{margin:0px;padding:5px 0px;font-size:var(--fontsize20);cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}}
@media(min-width:769px){
.common-content .pro-list.list0 .pro-intro{-webkit-line-clamp:initial;max-height:100%}}
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:1024px){.prohome-content{clear:both;margin:0px 4vw 20px;padding:0px}
.prolist-bottom{clear:both;margin:0px 4vw 20px;padding:0px}}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
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(max-width:768px){
.news-list.list1 ul>li{margin:0px 1% 1em 1%;padding:0px;width:48%}
.news-list.list1 ul{margin:0vw -2vw}
.news-list.list1 .new-info{padding:10px}}
@media(max-width:768px){
.news-list.list0 .new-img{margin-right:0px;width:35%;flex:none}}
.lang{width:auto;position:relative;z-index:99999;text-align:left;margin-left:15px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.lang-icon>img{margin:0px 5px 0px 0px}
.lang-icon span{position:relative;padding-right:18px;}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#333333;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#333333;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% + 8px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
.lang-icon span{display:none}
@media (max-width:1024px){
.lang{margin-left:auto;position:fixed;top:14px;right:65px;transition:all .2s linear}
.lang-icon>img{width:36px;height:24px;margin-top:0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%)!important;top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:80%!important}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.lang-drop.lang-flex{transform:translateX(26%)}
.lang-drop.lang-flex .lang-arrow{left:74%}
.newsendinquiry{cursor:pointer}
@media(min-width:1025px){
#liproducts{position:relative}
#liproducts .submenu.nav1{display:none !important}
#liproducts:hover .submenu.nav1{display:block !important}
#liproducts .submenu.nav1>li{position:relative;display:flex;flex-wrap:wrap}
#liproducts .submenu.nav1>li ul{position:absolute;left:100%;top:0px;width:220px;display:none;background:#FFFFFF}
#liproducts .submenu.nav1>li ul li a{padding:8px 10px;display:block}
#liproducts .submenu.nav1>li:hover ul{display:block}}
@media (max-width:1024px){
#liproducts .submenu.nav1>li ul{display:block !important;position:static;width:100%;padding-left:20px}}
.inquiry-pc{padding:15px}
.inquiry-pc .sidebar-title{font-weight:var(--fontbold6);font-size:var(--fontsize22)}
.imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:0px;background:rgba(0,0,0,.2);color:#FFFFFF;width:90%;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;box-sizing:border-box}
@media(max-width:500px){.imgalt{padding-right:46px;display:-webkit-box}}
.mediaplay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:9;width:50px;height:50px;cursor:pointer;display:none}
#filterlist .sidebar-item{display:block!important;padding:0px}
#filterlist .sidebar-item .sidebar-title{background:none!important}
#filterlist .filterlist-ul li{display:flex;align-items:center;margin:10px 0px 20px;line-height:1;cursor:pointer;user-select:none}
#filterlist .filterlist-ul li:nth-child(n+21){display:none}
#filterlist .filterlist-ul li.act{color:var(--color)}
#filterlist .filterlist-ul li.act .input::after{transform:translate(-50%,-50%) scale(1)}
#filterlist .filterlist-ul li .input{width:16px;height:16px;margin-right:10px;border:1px solid #666666;position:relative}
#filterlist .filterlist-ul li .input::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;background:var(--color);transition:all .1s linear}
#filterlist .filterlist-ul li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#filterlist .viewmore-filter{color:var(--color);text-transform:uppercase;cursor:pointer}
#filterlist .viewmore-filter:hover{text-decoration:underline}
.pagesbanner{position:relative;z-index:1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:auto;object-fit:cover;vertical-align:bottom;min-height:140px}
.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);font-weight:var(--fontbold5);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4)}
@keyframes pagesbanner{0%{margin-top:20px;opacity:0}100%{margin-top:0px;opacity:1}}
@media (max-width:1024px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}}
@media (max-width:768px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}}
.blogflex-info{display:flex;align-items:flex-start}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{line-height:1.4;color:#555555;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear;box-sizing:border-box}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}