@charset "utf-8";
@import url('https://css02.v15cdn.com/m413/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m413/message.css");
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#0177C1;--hovercolor:rgba(0,0,0,.8);--fontcolor:#111111;--headercolor:#FFFFFF;--footercolor:#BABABA;--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;--fontsize34:34px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Roboto', 'Lato', 'Open Sans', 'Noto Sans', sans-serif}
html,body,blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,table,td,th,ul{border:none;margin:0px;padding:0px}
html{margin:0px;padding:0px;width:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;direction:rtl}
body{margin:0px auto;padding:0px;max-width:1920px;font-size:var(--fontsize16);line-height:1.6;color:var(--fontcolor);font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold5);text-transform:capitalize}
ol,ul,li{list-style-type:none}
img{max-width:100%;height:auto;border:none;vertical-align:bottom}
a{color:var(--fontcolor);text-decoration:none;background-color:transparent}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:var(--fontbold4)}
table{border-collapse:collapse}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
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:-.25em}
sup{top:-.5em}
hr{box-sizing:content-box;height:0px;overflow:visible}
iframe,video{max-width:100%;min-height:300px}
pre{font-family:monospace,monospace;font-size:1em}
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}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0px}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}
[hidden],template{display:none}
input::-ms-clear,input::-ms-reveal{display:none}
input{-webkit-appearance:none;margin:0px;outline:0;padding:0px}
input::-webkit-input-placeholder{color:#CCCCCC}
input::-ms-input-placeholder{color:#CCCCCC}
input::-moz-placeholder{color:#CCCCCC}
input[type=button],input[type=submit]{cursor:pointer}
button[disabled],input[disabled]{cursor:default}
main{display:block}
article p,article li{color:var(--fontcolor);font-size:1em}
.productsTags a{text-decoration:underline;text-transform:lowercase}
.productsTags a:hover{color:var(--color)}
@media screen and (max-width:767px){
article p{font-size:var(--fontsize16)}}
.l-wrap{box-sizing:border-box;margin:0px auto;padding:0px 260px;max-width:1920px;height:100%}
@media screen and (max-width:1650px){
.l-wrap{padding:0px 100px}}
@media screen and (max-width:1280px){
.l-wrap{padding:0px 80px}}
@media screen and (max-width:960px){
.l-wrap{padding:0px 20px}}
@media(max-width:767px){
.l-wrap{font-size:var(--fontsize16);padding:0vw 3vw}}
.l-wrap-fbc{justify-content:space-between}
.l-wrap-fbc,.l-wrap-fc{align-items:center;display:flex}
.l-wrap-fc{justify-content:center}
.l-wrap-f{display:flex}
.l-main-home section{padding:80px 0px}
.l-main-home section.color{background-color:var(--color);position:relative}
.l-main-home section.color .wave-top{left:0px;position:absolute;right:0px;top:0px}
.l-main-home section.latestpro{padding-bottom:0px}
.l-main-home .sec-title{color:var(--color);font-size:var(--fontsize34);text-align:center;text-transform:uppercase}
.l-main-home .sec-title-w{color:#FFFFFF}
.l-main-home .sec-con{margin:0px 0px 20px;color:var(--introcolor);font-size:var(--fontsize14);text-align:center}
.l-main-home .sec-con-w{color:#FFFFFF}
.l-main-home .btn-wrap>a{align-items:center;box-sizing:border-box;display:flex;border-radius:3px;font-size:var(--fontsize14);font-weight:var(--fontbold6);height:50px;justify-content:center;line-height:50px;min-width:160px;padding:0px 20px;text-transform:uppercase;transition:background-color .2s,color .2s,border .2s}
.l-main-home .pro-list{display:flex;flex-wrap:wrap;margin:20px -10px 0px}
.l-main-home .pro-list li{padding:0px 10px;width:25%}
.l-main-home .pro-more{background-color:var(--color);border:2px solid var(--color);color:#FFFFFF;transition:background-color .2s,color .2s,border .2s}
.l-main-home .pro-more:hover{background-color:#FFFFFF;color:var(--color)}
.l-main-home .new-list{padding:20px 0px 40px}
.l-main-home .new-list>li{margin-bottom:40px}
@media screen and (max-width:1820px){
.l-main-home .new-list .new-info{justify-content:space-evenly}
.l-main-home .new-list .new-info>*{margin:0px}}
.l-main-home .new-btn{background-color:#FFFFFF;border:2px solid var(--color);color:var(--color);transition:background-color .2s,color .2s,border .2s}
.l-main-home .new-btn:hover{background-color:var(--color);color:#FFFFFF}
@media screen and (max-width:960px){
.l-main-home section{padding:50px 0px}
.l-main-home .pro-list li{width:50%}}
@media screen and (max-width:767px){
.l-main-home section{padding:6.66667vw 0vw}
.l-main-home .sec-con{margin:0vw 0vw 4vw}
.l-main-home .pro-list{margin:0 -2vw}
.l-main-home .pro-list li{padding:0vw 2vw}
.l-main-home .new-list{padding:6vw 0 0}
.l-main-home .new-tit{font-size:var(--fontsize16)}
.l-main-home .new-info{padding:0px 4vw}
.l-main-single section{padding:6.66667vw 0vw}}
.l-main-single section{padding:100px 0px}
.l-main-single section.aboutcon p{color:var(--fontcolor);line-height:2em}
.l-main-pro .prolist-cate{color:var(--fontcolor);font-size:var(--fontsize26);line-height:1;margin-bottom:10px}
.l-main-pro .prolist-catecon{color:var(--introcolor);font-size:var(--fontsize14);margin:20px 0px}
.l-main-pro .pro-list{display:flex;flex-wrap:wrap;margin:0px -14px}
.l-main-pro .pro-list>li{padding:0px 14px;width:33.33333%}
.l-main-pro .pro-list .pro-r,.l-main-pro .pro-list>li:hover .pro-addbtn{display:flex}
.l-main-pro .pro-list .pro-r{flex-direction:column;height:100%;justify-content:space-between}
.l-main-pro .pro-list .is-checked .pro-addbtn{display:flex}
.l-main-pro .pro-list .is-checked .pro-addbtn i{color:var(--color)}
.l-main-pro .pro-list .is-checked .pro-wrap{border-color:var(--color)}
.l-main-pro .pro-list .is-checked .pro-btn{background-color:var(--color);color:#FFFFFF}
@media screen and (max-width:960px){
.l-main-pro .pro-list>li{width:50%}}
.l-main-pro .pro-addbtn{align-items:center;background-color:#FFFFFF;box-sizing:border-box;cursor:pointer;display:none;width:32px;height:32px;justify-content:center;position:absolute;top:5px;right:5px}
.l-main-pro .pro-addbtn:hover i{color:var(--color)}
.l-main-pro .pro-addbtn i{color:var(--fontcolor);font-size:var(--fontsize18)}
@media screen and (max-width:767px){
.l-main-pro .prolist-catecon{margin:4vw 0vw}
.l-main-pro .pro-list,.l-main-pro .pro-list>li{padding:0px;margin:0px}
.l-main-pro .pro-list{justify-content:space-between}
.l-main-pro .pro-list>li{margin-bottom:20px;width:48%}}
@media screen and (min-width:769px){
.l-main-pro .pro-list.pro-list-type0{display:flex;margin:20px 0px 0px 0px}
.l-main-pro .pro-list.pro-list-type0>li{height:300px;width:100%}
.l-main-pro .pro-list.pro-list-type0 .pro-img{border-right:1px solid #EAEAEA;width:300px}
.l-main-pro .pro-list.pro-list-type0 .pro-r{flex:1;justify-content:center;padding:0px 50px}
.l-main-pro .pro-list.pro-list-type0 .pro-wrap{flex-direction:row;flex-wrap:wrap;overflow:hidden}
.l-main-pro .pro-list.pro-list-type0 .pro-btn{margin-top:20px;width:160px}
.l-main-pro .pro-list.pro-list-type0 .pro-info{box-sizing:border-box;padding:0px}}
@media screen and (max-width:767px){
.l-main-prodetail .inner-banner{display:none}
.l-main-prodetail .l-conwrap{margin-top:3px}}
.l-main-news .new-list>li{margin-bottom:65px}
@media screen and (min-width:960px){
.l-main-news .new-list.new-type1>li{width:100%}
.l-main-news .new-list.new-type1>li .new-img{height:240px;max-width:240px}}
.l-main-news .l-conwrap{flex-direction:column}
@media screen and (max-width:1440px){
.l-main-news .new-info{justify-content:space-around}
.l-main-news .new-info p{margin:0px}}
@media screen and (max-width:767px){
.l-main-news .new-list>li{margin-bottom:6vw}
.l-main-news .l-conwrap{margin-top:0px}}
.l-conwrap{display:flex;justify-content:center;margin-top:50px}
.l-conwrap .l-left{flex:0px 0px 325px;margin-right:30px;max-width:325px;width:100%}
.l-conwrap .l-right{flex:1;width:calc(100% - 325px)}
@media screen and (max-width:1365px){
.l-conwrap .l-left{display:none}}
@media screen and (max-width:767px){
.l-conwrap{margin-top:9.33333vw}
.l-conwrap .l-right{width:100%}}
.l-reconwrap{display:flex;justify-content:center;margin-top:80px}
.l-reconwrap .l-left{flex:1;width:100%}
.l-reconwrap .l-right{flex:0px 0px 325px;margin-left:30px;max-width:325px}
@media screen and (max-width:1180px){
.l-reconwrap .l-right{display:none}}
@media screen and (max-width:767px){
.l-reconwrap{margin-top:6vw}}
.l-sidebar-wrap{padding:0px 15px}
@media screen and (max-width:767px){
body{font-size:var(--fontsize16)}
.l-main-pro .pro-addbtn{display:flex;width:32px;height:32px;right:5px;top:5px}
.prodetail-name{font-size:var(--fontsize24);line-height:1.3;padding:10px 0px;margin-bottom:10px}}
.l-foot{margin:50px auto 0px;padding:0px;background:var(--hovercolor) no-repeat;background-size:cover}
.l-foot .l-wrap{padding-top:50px;padding-bottom:40px}
@media screen and (max-width:960px){
.l-foot .l-wrap{padding-bottom:40px;padding-top:40px}}
@media screen and (max-width:767px){
.l-foot .l-wrap{overflow:hidden;padding-bottom:0px;padding-top:4vw}}
@keyframes pulse{
0%{opacity:1;transform:scale(1)}
to{opacity:.25;transform:scale(.75)}}
.spinner-box{background-color:transparent;height:100%;justify-content:center;left:0px;position:absolute;top:0px;width:100%}
.pulse-container,.spinner-box{align-items:center;display:flex}
.pulse-container{justify-content:space-between;width:50px}
.pulse-bubble{background-color:var(--color);border-radius:50%;height:10px;width:10px}
.pulse-bubble-1{animation:pulse .4s ease 0s infinite alternate}
.pulse-bubble-2{animation:pulse .4s ease .2s infinite alternate;background-color:#84B93E}
.pulse-bubble-3{animation:pulse .4s ease .4s infinite alternate}
img.lazy{opacity:0}
img:not(.initial){transition:opacity .6s,transform .2s ease}
img.error,img.initial,img.loaded{opacity:1}
img.error+.spinner-box,img.loaded+.spinner-box{display:none}
img:not([src]){visibility:hidden}
.top-btn{align-items:center;background:#FFFFFF;border-radius:50%;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);display:none;display:flex;width:36px;height:36px;justify-content:center;transition:all .4s ease;z-index:1}
.top-btn:hover{background:#c1c1c1;cursor:pointer}
.top-btn i{color:#7f7e7e;position:relative;transform:scale(1.2) rotate(270deg)}
.ie .l-main-pro .pro-list .pro-r{height:auto}
.slide-fade-enter-active,.slide-fade-leave-active{transition:all .2s ease}
.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateY(10px)}
.table-responsive{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-ms-touch-action:auto;touch-action:auto;width:100%}
.prodetail-view .singglepic{align-items:center;border:1px solid #EEEEEE;box-sizing:border-box;display:flex;height:450px;justify-content:center;width:450px;z-index:0}
@media screen and (max-width:768px){
.prodetail-view .singglepic{height:100vw;margin-top:4vw;width:100%}
.prodetail-view .singglepic img{max-height:100%;max-width:100%}}
.inquiry-prolist{margin:20px 0px;padding:0px 20px;width:100%;background:#FFFFFF;border:1px solid #DDDDDD;box-sizing:border-box;display:none}
.inquiry-prolist a{color:var(--fontcolor);text-decoration:none}
.inquiry-prolist .inquiry-pro-item{width:100%;height:100px;padding:20px 0px;display:flex;border-bottom:1px solid #DDDDDD;box-sizing:content-box}
.inquiry-prolist .inquiry-pro-item .pro-item-img{align-items:center;display:flex;width:100px;height:100%;justify-content:center;overflow:hidden}
.inquiry-prolist .inquiry-pro-item .pro-item-img a{height:100%;width:100%}
.inquiry-prolist .inquiry-pro-item .pro-item-img img{height:100%}
.inquiry-prolist .inquiry-pro-item .pro-item-name{font-size:var(--fontsize14);margin-left:20px;padding-top:20px}
.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{margin:0px;padding:0px}
.inquiry-prolist .inquiry-pro-item .pro-item-del{align-items:center;display:flex;height:100%;justify-content:center;margin-left:auto;position:relative;width:30px}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close{height:32px;left:-6px;position:absolute;top:43px;width:32px}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:before{background-color:#111111;content:"";height:20px;left:15px;position:absolute;width:2px}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:before{transform:rotate(45deg)}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:after{transform:rotate(-45deg)}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:hover{cursor:pointer}
.inquiry-prolist .inquiry-pro-item:last-child{border:none}
@media screen and (max-width:768px){
.inquiry-prolist{padding:0vw 3vw}
.inquiry-prolist .inquiry-pro-item{box-sizing:border-box;margin:0px;padding:3vw 0}
.inquiry-prolist .inquiry-pro-item .pro-item-del{width:5vw}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close{top:6vw}
.inquiry-prolist .inquiry-pro-item .pro-item-name{font-size:3vw;margin:0px;max-width:48vw;padding:2vw 0 0}
.inquiry-prolist .inquiry-pro-item .pro-item-name p a{font-size:var(--fontsize14);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}
.inquiry-prolist .inquiry-pro-item .pro-item-img{max-width:24vw;margin-right:3vw}}
.document .l-wrap video{background-color:#111111;display:block;height:350px;margin:0px auto;width:50%}
@media(max-width:768px){
.document .l-wrap video{height:80vw;width:100%}}
.document .l-wrap video+p{font-size:var(--fontsize18);margin:10px 0px;text-align:center}
.document p{line-height:1.6em}
.seo-key{margin-bottom:50px;padding:10px;color:var(--fontcolor);border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.seo-key a{text-decoration:underline;text-transform:lowercase}
.seo-key a:hover{color:var(--color)}
.case-list{background-color:#FFFFFF}
@media screen and (max-width:768px){
.seo-key .keywords span{display:flex;flex-wrap:wrap}
.seo-key .keywords{margin-top:2.6666666667vw}
.seo-key .keywords a{display:inline-block;margin-bottom:4vw;margin-right:1.3333333333vw;padding:0 2.6666666667vw;width:auto}}
@media screen and (max-width:1280px){
.case-list .case-wrap{padding:0px 40px}}
@media screen and (max-width:960px){
.case-list .case-wrap{padding:0px}}
.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:#CCCCCC;text-decoration:none}
.toast-close-button{color:#FFFFFF;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);float:right;font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1;opacity:.8;position:relative;right:-.3em;-webkit-text-shadow:0 1px 0 #FFFFFF;text-shadow:0 1px 0 #FFFFFF;top:-.3em}
.toast-close-button:focus,.toast-close-button:hover{color:var(--fontcolor);cursor:pointer;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);opacity:.4;text-decoration:none}
.rtl .toast-close-button{float:left;left:-.3em;right:.3em}
button.toast-close-button{-webkit-appearance:none;background:0 0;border:0px;cursor:pointer;padding:0px}
.toast-top-center{right:0px;top:260px;width:100%}
.toast-bottom-center{bottom:0px;right:0px;width:100%}
.toast-top-full-width{right:0px;top:0px;width:100%}
.toast-bottom-full-width{bottom:0px;right:0px;width:100%}
.toast-top-left{left:12px;top:12px}
.toast-top-right{right:12px;top:12px}
.toast-bottom-right{bottom:12px;right:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{pointer-events:none;position:fixed;z-index:999999}
#toast-container *{box-sizing:border-box}
#toast-container>div{background-position:15px;background-repeat:no-repeat;border-radius:3px;box-shadow:0 0 12px #999999;color:#FFFFFF;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);margin:0px 0px 6px;opacity:.8;overflow:hidden;padding:15px 15px 15px 50px;pointer-events:auto;position:relative;width:300px}
#toast-container>div.rtl{background-position:right 15px center;direction:rtl;padding:15px 50px 15px 15px}
#toast-container>div:hover{box-shadow:0 0 12px #000000;cursor:pointer;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{margin-left:auto;margin-right:auto;width:300px}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{margin-left:auto;margin-right:auto;width:96%}
.toast{background-color:#030303}
.toast-success{background-color:#51a351}
.toast-error{background-color:#bd362f}
.toast-info{background-color:#2f96b4}
.toast-warning{background-color:#f89406}
.toast-progress{background-color:#111111;bottom:0px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);height:4px;left:0px;opacity:.4;position:absolute}
@media(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(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(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}}
.inquiry .send-inquiry .send-btn{margin:50px auto}
.inquiry-tip{line-height:1.5em;margin-bottom:30px}
.inquiry-tip a{text-decoration:underline}
.inquiry-tip a:hover{color:var(--color)}
.l-main-single .inquiry{background-color:#F2F1FA;padding:60px 0px}
.send-tit{color:var(--fontcolor);font-size:var(--fontsize22);font-weight:var(--fontbold5);margin:30px 0px 10px;text-transform:capitalize}
@media screen and (max-width:768px){
.send-tit{color:var(--fontcolor);font-size:var(--fontsize18);font-weight:var(--fontbold6);margin:20px 0px}
.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title{background-position:right 2.66667vw top 3.2vw;background-size:5.33333vw 5.33333vw}
.send-inquiry .inquiry-form #in-email,.send-inquiry .inquiry-form #in-phone{background-position:right 2.66667vw top 3.2vw;background-size:4.66667vw 4.66667vw}
.send-inquiry .inquiry-form #in-content{background-position:right 2.66667vw top 3.2vw;background-size:4vw 4vw}
.send-inquiry .send-btn{height:50px;margin:20px auto;width:150px}
.send-inquiry .send-btn .span:first-child{font-size:var(--fontsize16)}
.send-inquiry .send-btn .span:nth-child(2){width:6.66667vw}
.l-main-single .inquiry{padding:8vw 0px}
.inquiry-tip{margin-bottom:6vw}}
.wave{background-color:var(--color);height:10px;position:relative}
.wave:before{background-image:radial-gradient(circle at 6px,at -3px,transparent 7.2px,#FFF 8.2px);background-image:radial-gradient(circle at 6px -3px,transparent 7.2px,#FFF 8.2px);background-size:12px 12px;height:7.2px}
.wave:after,.wave:before{background-repeat:repeat;bottom:0px;content:"";left:0px;position:absolute;right:0px}
.wave:after{background-image:radial-gradient(circle at 6px,at 9px,#FFF 0,transparent 8.2px);background-image:radial-gradient(circle at 6px 9px,#FFF 7.2px,transparent 8.2px);background-size:24px 12px;height:9px}
.wave-top{background-color:#FFFFFF;height:10px;position:relative}
.wave-top:before{background-image:radial-gradient(circle at 6px,at -3px,transparent 7.2px,var(--color) 8.2px);background-image:radial-gradient(circle at 6px -3px,transparent 7.2px,var(--color) 8.2px);background-size:12px 12px;height:7.2px}
.wave-top:after,.wave-top:before{background-repeat:repeat;bottom:0px;content:"";left:0px;position:absolute;right:0px}
.wave-top:after{background-image:radial-gradient(circle at 6px,at 9px,var(--color) 0,transparent 8.2px);background-image:radial-gradient(circle at 6px 9px,var(--color) 7.2px,transparent 8.2px);background-size:24px 12px;height:9px}
.head-top{height:45px;position:relative;background-color:var(--color)}
.head-top .top-contact{align-items:center;display:flex;justify-content:center}
.head-top .con-item,.head-top .con-item a{color:var(--headercolor)}
.head-top .con-item .icon-phone2,.head-top .con-item .icon-email{margin-right:5px}
.head-top .con-item:first-of-type{margin-right:50px}
@media screen and (max-width:960px){
.head-top .con-item:first-of-type{margin-right:10px}}
.head-top .top-share{display:flex;margin-left:auto}
.head-top .top-share .icon-item{align-items:center;border:1px solid var(--color);border-radius:50%;display:flex;height:30px;justify-content:center;margin-left:10px;transition:border-color .2s;width:30px}
.head-top .top-share .icon-item i{font-size:var(--fontsize16)}
.head-top .top-share .icon-item:hover{border-color:var(--headercolor)}
.head-top .top-share a{color:var(--headercolor)}
.head-top .wave{position:absolute;top:100%;width:100%}
.l-header{box-shadow:0 1px 2px 0 rgba(0,0,0,.1);height:100px;transition:height .4s;z-index:99}
.l-header .l-wrap{align-items:center}
.l-header .head-nav{flex:1;height:100%;position:relative}
.l-header .head-nav a{color:var(--fontcolor);transition:color .2s}
.l-header .head-nav a:hover{color:var(--color)}
.l-header .head-nav>ul{align-items:center;display:flex;height:100%;justify-content:flex-end}
.l-header .head-nav>ul>li{height:100%;position:relative}
.l-header .head-nav>ul>li>a{line-height:100px;padding:0px 15px;text-transform:uppercase}
.l-header .head-nav>ul>li>a em{font-size:13px;margin-left:5px;}
.l-header .head-nav>ul>li a{display:block;font-weight:var(--fontbold6);height:100%}
.l-header .head-nav>ul>li>ul{display:none}
.l-header .head-nav #lidownloads>ul,.l-header .head-nav #lifaqs>ul{display:none!important}
.l-header .head-nav #lidownloads i,.l-header .head-nav #lifaqs i{display:none}
@media(min-width:1025px){
#liinquiry{display:flex;align-items:center}
#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::before{display:none}
}
@media(min-width:768px){
.l-header .head-nav>ul>li>ul{background-color:#FFFFFF;border-bottom-left-radius:3px;border-bottom-right-radius:3px;display:none;left:0px;position:absolute;top:100%;width:auto;z-index:2}
.l-header .head-nav>ul>li>ul a{padding:0px 20px;line-height:2.5em;font-weight:normal;white-space:nowrap}
.l-header .head-nav>ul>li>ul>li{display:block}}
@media(min-width:768px) and (max-width:1000px){
.l-header .head-nav{background:var(--color);height:44px;margin-left:30px;margin-right:auto;max-width:44px;overflow:hidden;position:relative;width:44px}
.l-header .head-nav:after{color:#FFFFFF;content:"☰";font-size:var(--fontsize16);left:50%;line-height:1;margin-left:-8px;margin-top:-8px;position:absolute;text-align:center;top:50%;width:1em}
.l-header .head-nav li{display:none}
.l-header .head-nav>ul>li>ul{left:100%;top:0px}}
.l-header .head-nav.is-active{overflow:visible;z-index:9}
.l-header .head-nav.is-active>ul{background:var(--color);flex-direction:column;height:auto;left:0px;padding-top:44px;position:absolute;top:0px;width:250px}
.l-header .head-nav.is-active>ul>li{display:block;height:44px}
.l-header .head-nav.is-active>ul>li>a{color:#FFFFFF;line-height:44px}
.l-header .head-nav.is-active>ul>li>a.inmenu_1,.l-header .head-nav.is-active>ul>li>a:hover{text-decoration:underline}
.l-header .head-nav.is-active:after{content:"✕"}
.l-header .head-logo{max-width:180px}
.l-header .head-logo a{align-items:center;display:flex;height:100%;justify-content:left;width:100%}
.l-header .head-logo img{max-height:75px}
.l-header.is-fix .head-logo img{max-height:60px}
.l-header .search-btn{align-items:center;border:2px solid #DDDDDD;border-radius:50%;cursor:pointer;display:flex;flex:0 0 40px;height:40px;justify-content:center}
.l-header .search-btn i{color:var(--color);font-size:var(--fontsize20);top:1px}
.l-header .nav-btn{display:none;height:5vw;margin:auto 0px;position:relative;width:7vw}
.l-header .nav-btn span{background-color:#111111;border-radius:2px;display:block;height:2px;position:absolute;transition:top .1s .1s,transform .1s,background .1s,opacity 0s .1s;width:7vw}
.l-header .nav-btn span:first-child{top:.1vw}
.l-header .nav-btn span:nth-child(2){top:2.1333333333vw}
.l-header .nav-btn span:nth-child(3){top:4.2666666667vw}
.l-header .nav-btn.is-active span:first-of-type{top:1.6vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s}
.l-header .nav-btn.is-active span:nth-of-type(2){opacity:0;transition:opacity .2s}
.l-header .nav-btn.is-active span:nth-of-type(3){top:1.6vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s}
.l-header .nav-btn.is-active+.head-nav{left:0px}
.l-header .nav-sign{align-items:center;bottom:20px;display:none;height:8px;justify-content:center;left:30px;position:absolute;transition:left .3s ease,bottom .5s;width:30px;z-index:-1}
.l-header .nav-sign span{background:var(--color);border-radius:50%;display:block;height:5px;margin-right:3px;width:5px}
.l-header .nav-sign span:nth-of-type(2){background:#84B93E}
@media(max-width:960px){
.l-header .nav-sign{display:none!important}}
.l-header.is-fix{background:#FFFFFF;height:80px;left:0px;position:fixed;right:0px;top:0px}
.l-header.is-fix .nav-sign{bottom:14px}
.l-header.is-fix .head-nav>ul>li>a{line-height:80px}
.head-top.is-fix{margin-bottom:80px}
.nav-search{margin-left:auto;margin-right:30px;max-width:0px;overflow:hidden}
.nav-search input{border:none;border-bottom:1px solid #707070;height:30px;margin-left:20px;outline:0;padding-left:10px;width:500px}
.nav-search.active{max-width:500px;transition:max-width .2s}
@media(max-width:767px){
.l-header{background-color:#FFFFFF;height:12vw;left:0px;position:fixed;right:0px;top:1vw;z-index:99}
.l-header .l-wrap{box-shadow:0 1px 2px 0 rgba(0,0,0,.1);position:relative}
.l-header .search-btn{display:none}
.l-header .nav-btn{display:flex}
.l-header .head-nav{background:#FFFFFF;bottom:0px;left:100vw;overflow:hidden;position:fixed;right:0px;top:12.66667vw;transition:left .2s;width:100vw;z-index:999}
.l-header .head-nav>ul{-ms-flex-pack:start;-ms-flex-align:start;align-items:flex-start;flex-direction:column;height:100%;justify-content:flex-start}
.l-header .head-nav>ul>li{border-bottom:1px solid #EEEEEE;height:auto;position:relative;width:100%}
.l-header .head-nav>ul>li a{box-sizing:border-box;height:50px;line-height:50px;padding:0px 15px;width:100%;font-weight:normal}
.l-header .head-nav>ul>li a.inmenu_1{color:var(--color)}
.l-header .head-nav>ul .slide-submenu{box-sizing:border-box;color:var(--fontcolor);position:absolute;right:22px;top:14px;transform:scale(-1.4) rotate(-90deg);transform-origin:center center;transition:all .3s}
.l-header .head-nav>ul .slide-submenu.slide-active{transform:scale(-1.4) rotate(90deg)}
.l-header .head-nav>ul .submenu{padding:0px 0px 0px 15px}
.l-header .head-nav>ul .submenu a{color:var(--fontcolor);font-weight:normal;height:40px;line-height:40px}
.head-top{height:1vw;left:0px;position:fixed;right:0px;top:0px;z-index:999}
.head-top .top-contact,.head-top .top-share,.head-top .wave{display:none}
.head-top .con-item:first-of-type{margin-right:0px}
.head-top .con-item:nth-of-type(2){display:none}
main{margin-top:13vw}
.nav-search{display:none;max-width:500px;padding:0vw 4vw;width:100%}
.nav-search input{width:100%}
.head-nav .nav-search{box-sizing:border-box;display:block;padding:0px 15px;width:100%}
.head-nav .nav-search input{border:1px solid #EEEEEE;box-sizing:border-box;height:10vw;margin:15px 0px;padding:0 0 0 1em}}
@media(min-width:768px) and (max-width:1000px){
.l-header.is-fix .head-nav>ul>li>a{line-height:44px}}
.about .about-l,.about .about-r{width:50%}
.about .about-l{display:flex;flex-direction:column;justify-content:center;padding-right:80px}
.about .about-l>ul{left:10px;margin-bottom:30px;position:relative}
.about .about-l>ul>li{color:var(--fontcolor);margin-bottom:14px;padding-left:10px;position:relative}
.about .about-l>ul>li:after{background-color:var(--color);border-radius:50%;content:"";display:block;height:7px;left:-6px;position:absolute;top:9px;width:7px}
.about .about-btn,.about .about-btn .btn{display:flex}
.about .about-btn .btn{align-items:center;box-sizing:border-box;color:#FFFFFF;font-size:var(--fontsize14);font-weight:var(--fontbold6);height:50px;justify-content:center;min-width:130px;padding:0px 10px;border-radius:3px;text-transform:uppercase;transition:background-color .2s,color .2s,border .2s}
.about .about-btn .btn-more{background-color:#84B93E;margin-right:20px}
.about .about-btn .btn-more:hover{background-color:#FFFFFF;border:1px solid #84B93E;color:#84B93E}
.about .about-btn .btn-cont{background-color:var(--color)}
.about .about-btn .btn-cont:hover{background-color:#FFFFFF;border:1px solid var(--color);color:var(--color)}
.about .about-tit{color:var(--color);font-size:var(--fontsize34);font-weight:var(--fontbold6);padding-bottom:.1em;position:relative;text-transform:uppercase}
.about .about-tit:after{background-color:var(--color);content:"";height:3px;left:0px;position:absolute;width:70px}
.about .about-con{color:var(--fontcolor);line-height:2em;margin:20px 0px}
.about img{font-family:"object-fit:cover";height:100%;object-fit:cover;width:100%}
@media screen and (max-width:960px){
.about .l-wrap{flex-direction:column}
.about .l-wrap>div{width:100%}
.about .l-wrap .about-r{margin-top:30px;padding-right:0px}
.about .l-wrap .about-l{padding-right:0px}}
@media screen and (max-width:767px){
.about{overflow:hidden}
.about .about-l{font-size:var(--fontsize12)}
.about .about-l>ul{margin-bottom:4vw}
.about .about-con{margin:4vw 0vw}
.about .about-btn .btn{height:auto;min-width:0px;padding:1em 2em;width:auto}
.about .l-wrap .about-r{margin-top:4vw}}
#indexSwiper .swiper-slide a{display:block;height:100%;width:100%}
#indexSwiper .swiper-slide a>img{height:auto;width:100%}
#indexSwiper .swiper-wrapper{position:relative}
#indexSwiper .wave{background-color:transparent;bottom:0px;left:0px;position:absolute;right:0px;z-index:99}
#indexSwiper .swiper-pagination-bullet{background-color:#CCCCCC;border-radius:999px;height:8px;opacity:1;overflow:hidden;position:relative;width:32px}
#indexSwiper .swiper-pagination-bullet:after{background-color:#84B93E;border-radius:999px;content:"";display:block;height:100%;width:0px}
#indexSwiper .swiper-pagination-bullet.cur:after{transition:width 3s linear;width:100%}
#indexSwiper .swiper-pagination-bullet-active{background-color:#CCCCCC}
#indexSwiper .swiper-pagination{bottom:20px}
.swiper-button-next,.swiper-button-prev{align-items:center;background:0 0;display:flex;justify-content:center}
.swiper-button-next i,.swiper-button-prev i{color:#FFFFFF;font-size:var(--fontsize30)}
@media screen and (max-width:767px){
#indexSwiper .swiper-slide a>img{height:100%;width:100%}
#indexSwiper{height:54.66667vw}
#indexSwiper img{display:block;font-family:"object-fit:cover";object-fit:cover}
#indexSwiper .wave{bottom:-2px}
#indexSwiper .swiper-pagination{bottom:8px}
.swiper-button-next i,.swiper-button-prev i{font-size:var(--fontsize16)}
.swiper-pagination{bottom:20px}}
.cate{position:relative}
.cate ul{display:flex;margin:0px -30px;width:100%}
.cate .img-wrap{background-color:#F2F2F2;border-radius:50%;width:94%;height:94%;left:3%;top:3%;overflow:hidden;position:absolute}
.cate .img-wrap>img{display:block;height:100%;transition:transform .3s ease;width:100%}
.cate .wave-bottom{bottom:0px;left:0px;position:absolute;right:0px}
@media screen and (max-width:960px){
.cate .cate-item{margin-bottom:20px;padding:0px 10%;width:50%}
.cate .cate-name{margin-top:10px}
.cate ul{flex-wrap:wrap;width:auto}}
@media screen and (max-width:767px){
.cate ul{margin:0px -4vw;overflow:hidden;width:100vw}
.cate .cate-name{font-size:var(--fontsize12)}
.cate .cate-item{padding:0px 4vw}
.cate .cate-img>.btn-more{bottom:3%;font-size:var(--fontsize12);height:40px;right:3%;width:40px}}
.cate-item{box-sizing:border-box;padding:0px 30px;width:25%}
.cate-item:hover img{transform:scale(1.05)}
.cate-img{background-color:#FFFFFF;border-radius:50%;padding-bottom:100%;position:relative;width:100%}
.cate-img:after{border-bottom:6px solid #84B93E;border-left:6px solid #84B93E;border-color:#84B93E #84B93E transparent transparent;border-radius:50%;border-style:solid;border-width:6px;width:98%;height:98%;left:calc(1% - 6px);position:absolute;top:calc(1% - 6px);transform:rotate(135deg);content:""}
.cate-img>.btn-more{align-items:center;background-color:#FCB54E;border-radius:50%;bottom:5%;color:#FFFFFF;display:flex;font-weight:var(--fontbold6);height:70px;justify-content:center;position:absolute;right:5%;text-transform:uppercase;width:70px;z-index:9}
.cate-name{color:#FFFFFF;display:block;font-weight:var(--fontbold6);margin-top:38px;text-align:center;transition:transform .2s;width:100%}
.cate-name .iconfont{display:inline-block;transition:transform .2s}
.cate-name:hover .iconfont{transform:translateX(5px)}
.latestpro ul{background-color:#FFFFFF;display:flex;flex-wrap:wrap}
.latestpro ul>li{position:relative;width:20%}
@media screen and (max-width:960px){
.latestpro ul>li{box-sizing:border-box;padding:10px;width:50%}
.latestpro ul>li:last-of-type{display:none}}
@media screen and (max-width:767px){
.latestpro .latestpro-item{border:1px solid #EFEFEF}
.latestpro .latestpro-item .more-icon{display:none}
.latestpro .latestpro-item .l-inner{background-color:transparent;bottom:-3vw;opacity:1;top:auto}
.latestpro .latestpro-item .latestpro-name{color:var(--fontcolor);margin-top:0px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}
.latestpro ul{padding:2vw 2vw 4vw}
.latestpro ul>li{padding:2vw 2vw 10vw}}
.latestpro-item{position:relative;width:100%}
.latestpro-item:after{content:"";display:block;padding-top:100%}
.latestpro-item:hover .l-inner{opacity:1}
.latestpro-item:hover .latestpro-name{opacity:1;transform:translateZ(0) scale(1)}
.latestpro-item:hover .more-icon{opacity:1;transform:translateZ(0)}
.latestpro-item .l-outter{align-items:center;background-color:#FFFFFF;bottom:0px;display:flex;justify-content:center;left:0px;position:absolute;right:0px;top:0px}
.latestpro-item .l-outter>img{max-height:100%;max-width:100%;width:100%}
.latestpro-item .l-inner{background-color:rgba(0,0,0,.5);bottom:10px;flex-direction:column;left:10px;position:absolute;right:10px;top:10px;transition:opacity .2s;z-index:1}
.latestpro-item .l-inner,.latestpro-item .more-icon{align-items:center;display:flex;justify-content:center;opacity:0}
.latestpro-item .more-icon{background-color:#FFFFFF;border-radius:50%;width:44px;height:44px;position:relative;transform:translate3d(0,20px,0);transition:transform .35s}
.latestpro-item .more-icon:after{background:rgba(255,255,255,.37);border-radius:50%;content:"";display:block;width:54px;height:54px;position:absolute}
.latestpro-item .more-icon i{color:var(--color);font-size:var(--fontsize30)}
.latestpro-name{color:#FFFFFF;margin-top:15px;transform:translate3d(0,20px,0) scale(1.1);transition:opacity .35s,transform .35s}
.pro-list>li{box-sizing:border-box;margin-bottom:40px}
.pro-list>li:hover .pro-wrap{border-color:var(--color)}
.pro-list>li:hover .pro-btn{background-color:var(--color);color:#FFFFFF}
.pro-list .pro-wrap{border:1px solid #EAEAEA;box-sizing:border-box;display:flex;flex-direction:column;height:100%;transition:border-color .2s}
.pro-list .pro-img{border-bottom:1px solid #EAEAEA;box-sizing:border-box;position:relative;width:100%}
.pro-list .pro-img:after{content:"";display:block;padding-top:100%}
.pro-list .pro-img img{max-height:100%;max-width:100%}
.pro-list .pro-img>a{align-items:center;bottom:0px;display:flex;justify-content:center;left:0px;position:absolute;right:0px;top:0px}
.pro-list .pro-name{display:-webkit-box;margin:0px;color:var(--fontcolor);font-size:var(--fontsize18);overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.pro-list .pro-info{padding:10px}
.pro-list .pro-info>p{margin-top:5px;color:var(--introcolor);font-size:var(--fontsize14);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.prodetail-content article img {max-width:100%;height:auto}
@media screen and (max-width:1440px){
.pro-list .pro-info{padding:10px}}
.pro-list .pro-btn{align-items:center;background-color:#EEEEEE;box-sizing:border-box;color:var(--fontcolor);display:flex;justify-content:center;margin-top:auto;padding:6px;text-transform:uppercase;transition:color .2s,background-color .2s;width:100%}
.preview-container{background:#FFFFFF;padding-bottom:1px;position:relative;width:450px}
.preview-container .small-box{align-items:center;background-color:#FFFFFF;border:1px solid #EEEEEE;box-sizing:border-box;cursor:move;display:flex;height:450px;justify-content:center;position:relative;width:450px}
.preview-container .small-box img{max-height:100%;max-width:100%}
.preview-container .small-box .hover{background-color:rgba(204,204,204,.6);border:1px solid #EEEEEE;display:none;height:180px;position:absolute;width:180px}
.preview-container .thumbnail-box{background:#FFFFFF;box-sizing:border-box;margin:20px 0px;position:relative;width:100%}
.preview-container .thumbnail-box .list{margin:0px auto;overflow:hidden;position:relative;width:390px}
.preview-container .thumbnail-box .list ul{display:flex;padding:2px 0px;width:600px}
.preview-container .thumbnail-box .list ul .item{align-items:center;border:1px solid #CCCCCC;box-sizing:border-box;display:flex;height:76px;justify-content:center;margin:0px 10px;overflow:hidden;width:76px}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{display:block;max-height:100%;max-width:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:none;outline:2px solid var(--color)}
.preview-container .thumbnail-box .list .banner-page{align-items:center;background:rgba(0,0,0,.8);border-radius:5.33333vw;bottom:1.33333vw;display:none;height:6.66667vw;justify-content:center;position:absolute;right:1.33333vw;width:13.33333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFFFFF;font-size:4vw}
.preview-container .thumbnail-box .btn{align-items:center;background-color:#EFEFEF;display:flex;height:100%;justify-content:center;position:absolute;transition:background-color .2s;width:22px}
.preview-container .thumbnail-box .btn i{transition:color .2s}
.preview-container .thumbnail-box .btn:hover{background-color:var(--color)}
.preview-container .thumbnail-box .btn:hover i{color:#FFFFFF}
.preview-container .thumbnail-box .btn-prev{border-radius:5px 0px 0px 5px;left:0px}
.preview-container .thumbnail-box .btn-next{border-radius:0px 5px 5px 0px;right:0px}
.preview-container .thumbnail-box .btn_prev_disabled{cursor:not-allowed;opacity:.4}
.preview-container .thumbnail-box .btn_prev_disabled:hover{background-color:#EFEFEF}
.preview-container .thumbnail-box .btn_prev_disabled:hover i{color:var(--fontcolor)}
.preview-container .thumbnail-box .btn_next_disabled{cursor:not-allowed;opacity:.4}
.preview-container .thumbnail-box .btn_next_disabled:hover{background-color:#EFEFEF}
.preview-container .thumbnail-box .btn_next_disabled:hover i{color:var(--fontcolor)}
.preview-container .big-box{background:#FFFFFF;border:1px solid #EEEEEE;box-sizing:border-box;display:none;height:553.5px;left:449px;overflow:hidden;position:absolute;top:0px;width:550px;z-index:20}
.preview-container .big-box img{display:block;max-height:none;max-width:none;width:130%}
.prodetail-top{display:flex}
.prodetail-top>div{flex:1}
.prodetail-info{padding-left:10px}
.prodetail-name{border-bottom:1px solid #E5E5E5;color:var(--fontcolor);font-size:var(--fontsize26);line-height:1.3;padding:0.5em 0em;margin-bottom:10px}
.prodetail-con{color:var(--fontcolor);margin:0px 0px 20px 0px}
.prodetail-share{margin-bottom:20px}
.prodetail .btn-list a{color:#FFFFFF}
.prodetail .btn-list>*{background-color:var(--color);border-radius:5px;box-sizing:border-box;display:block;margin-bottom:20px;padding:0.7em;text-align:center;text-transform:uppercase;width:100%}
.prodetail .btn-list .pdown1,.prodetail .btn-list .pdown2,.prodetail .btn-list .pdown3{background-color:#333333}
.prodetail .btn-list .pdown1 a,.prodetail .btn-list .pdown2 a,.prodetail .btn-list .pdown3 a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
.prodetail .btn-list a.btn-send{cursor:pointer}
.prodetail-content{margin-top:20px}
.prodetail-content article{margin:15px 0px}
.prodetail-content .pagelink{margin:20px 0px}
.prodetail-rec{display:none}
.prodetail-rec-tit{font-weight:var(--fontbold5);color:var(--fontcolor);font-size:var(--fontsize22);margin-bottom:20px;text-align:left}
.prodetail-content-tit{border-bottom:3px solid #EFEFEF;color:var(--fontcolor);font-size:var(--fontsize22);font-weight:var(--fontbold5)}
.prodetail-content-tit span{display:inline-block;padding:.4em 0;position:relative}
.prodetail-content-tit span:after{background-color:var(--color);content:"";display:block;height:3px;position:absolute;top:100%;width:100%}
@media screen and (max-width:1440px){
.l-main-prodetail .l-conwrap .l-left{display:none}
.prodetail-top>div{max-width:none}}
@media screen and (max-width:960px){
.prodetail-top{flex-direction:column;flex-wrap:wrap}
.prodetail-top>div{max-width:100%;width:100%}
.prodetail-info{padding-left:0px}
.prodetail-view{display:flex;justify-content:center}
.preview-container{width:100%}
.preview-container .small-box,.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{border:none;height:94vw;margin:0px;outline:0}}
@media screen and (max-width:767px){
.prodetail-con,.prodetail-content article>p,.prodetail-rec{font-size:var(--fontsize16)}
.prodetail-content,.prodetail-rec{margin-top:6vw}
.prodetail-content .pro-list li:nth-of-type(3){display:none}
.prodetail-content article{margin:6vw 0vw}
.preview-container .thumbnail-box .btn{display:none}
.preview-container .swiper-pagination-bullet-active{background-color:var(--color)}
.prodetail-content .pagelink{margin:6vw 0vw}}
.intro{background:url(https://css02.v15cdn.com/m413/blue/ab-bg2.webp) #84B93E}
.intro-list{width:100%}
.intro-list,.intro-list>li{display:flex}
.intro-list>li{align-items:center;flex:1;flex-direction:column;justify-content:center}
.intro-list .num{margin:10px 0px;color:#FFFFFF;font-size:3em;line-height:1;font-weight:var(--fontbold5)}
.intro-list p{color:#FFFFFF;font-size:var(--fontsize18);line-height:1;text-transform:capitalize}
@media screen and (max-width:960px){
.intro-list{flex-wrap:wrap}
.intro-list>li{flex:1;margin-bottom:30px;min-width:50%}
.intro-list .num{margin:10px 0px}}
@media screen and (max-width:767px){
.intro-list .num{font-size:var(--fontsize30)}}
.new-list{display:flex;flex-wrap:wrap;margin:0px -16px}
.new-list>li{box-sizing:border-box;padding:0px 16px;width:50%}
@media screen and (max-width:960px){
.new-list>li{margin-bottom:20px;width:100%}}
.new-wrap{background-color:#FFFFFF;border-radius:5px;box-shadow:0px 3px 15px 0px rgba(0,0,0,.1);display:flex;overflow:hidden;width:100%}
.new-wrap>div:first-of-type{flex:4;width:40%}
.new-wrap>div:nth-of-type(2){flex:6;width:60%}
.new-wrap:hover img{transform:scale(1.05)}
.new-wrap:hover .new-more i{background-color:var(--color);border:1px solid var(--color);color:#FFFFFF}
.new-img{overflow:hidden;position:relative}
.new-img:after{content:"";display:block;padding-top:100%}
.new-img>a{align-items:center;bottom:0px;display:flex;justify-content:center;left:0px;position:absolute;right:0px;top:0px}
.new-img img{display:block;font-family:"object-fit:cover";height:100%;object-fit:cover;transition:transform .3s ease;width:100%}
.new-info{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:0px 40px}
@media screen and (max-width:1440px){
.new-info{padding:0px 20px}}
.new-date{font-size:var(--fontsize14);color:var(--introcolor);margin-bottom:5px}
.new-date span{margin-left:10px}
.new-date i,.new-date em{color:#B9B9B9;margin-right:5px}
.new-tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.new-con{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--introcolor);font-size:var(--fontsize14);margin:5px 0px 20px}
.new-more{border:1px solid var(--color);border-radius:50%;box-sizing:border-box;color:var(--color);display:block;width:36px;height:36px;position:relative}
.new-more i{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;font-size:var(--fontsize18);height:88%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .2s,border .2s,background-color .2s;width:88%}
.new-contit{font-size:var(--fontsize26);line-height:1.4;margin-bottom:10px}
.new-line{background:#E0E0E0;height:1px;margin:30px 0px 60px 0px;width:100%}
@media screen and (max-width:767px){
.new-more{display:none}
.new-list{overflow:hidden;padding-top:6vw;width:100vw}
.new-list>li{padding:0px 4vw}
.new-con{font-size:var(--fontsize16)}
.new-tit{font-size:var(--fontsize16)}
.new-info{padding:4vw}
.new-line{margin:6.66667vw 0vw}
.new-contit{margin-bottom:4vw}}
.foot-top{align-items:center;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;padding-bottom:60px}
.foot-top .l-left{color:#FFFFFF;font-size:1.75em;line-height:1.3em}
.foot-top .l-left span{color:var(--color)}
.foot-top .l-right{min-width:350px;width:30%}
.foot-sub{align-items:center;background:#FFFFFF;border-radius:999px;box-sizing:border-box;display:flex;height:56px;justify-content:space-between;overflow:hidden;width:100%}
.foot-sub input{border:0px;box-sizing:border-box;flex:1;height:100%;margin-right:30px;outline:0;padding-left:14px}
.foot-sub .sub-btn{background:var(--color);border:0px;border-radius:999px;color:#FFFFFF;cursor:pointer;font-weight:var(--fontbold6);height:45px;margin-right:8px;min-width:120px;outline:0}
.foot-right,.foot-list{display:flex}
.foot-right{align-items:center;background:#0000003B;color:var(--footercolor);font-size:var(--fontsize14);height:50px;justify-content:center}
.foot-right a{margin-left:10px;font-size:var(--fontsize14);color:var(--footercolor)}
.foot-item{padding-right:30px;width:25%}
.foot-tit{color:var(--headercolor);font-size:var(--fontsize24);margin-bottom:30px;text-transform:uppercase}
.foot-con,.foot-con a{color:var(--footercolor)}
.foot-intro ul{display:flex;flex-wrap:wrap;margin-top:20px;width:100%}
.foot-intro ul>li{width:32px;height:32px;margin:0px 10px 10px 0px;align-items:center;background:#333333;border-radius:50%;display:flex;justify-content:center;overflow:hidden}
.foot-intro ul>li a{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all 0.2s linear}
.foot-intro ul>li a:hover{opacity:0.8}
.foot-intro ul>li i,.foot-intro ul>li em{color:#FFFFFF;font-size:var(--fontsize20)}
.foot-intro ul .fb{background:#43589b}
.foot-intro ul .go{background:#e04c86}
.foot-intro ul .tw{background:#323232}
.foot-intro ul .lk{background:#0077b5}
.foot-intro ul .pi{background:#db0023}
.foot-intro ul .ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #FD5949 45%, #d6249f 60%, #285aeb 90%)}
.foot-intro ul .you{background:#ff0000}
.foot-intro ul .tik{background:#000000}
.foot-intro ul .vk{background:#0077FF}
.foot-nav ul li{background:url(https://css02.v15cdn.com/m413/blue/arrow-nav.webp) no-repeat;background-position:0 10px;line-height:2em;margin-bottom:10px;padding-left:20px}
.foot-nav li a{color:var(--footercolor);transition:color .2s}
.foot-nav li:hover a{color:var(--color)}
.foot-nav li:hover{background-image:url(https://css02.v15cdn.com/m413/blue/arrow-nav-w.webp)}
.foot-cont ul li{display:flex;line-height:1.7;margin-bottom:10px}
.foot-cont ul li i,.foot-cont ul li em{color:var(--footercolor);font-size:var(--fontsize18);margin-right:10px}
.foot-rec ul{display:flex;flex-wrap:wrap;margin:0px -3px}
.foot-rec ul li{box-sizing:border-box;margin-bottom:6px;padding:0px 3px;position:relative;width:33%}
.foot-rec ul li:hover img{transform:scale(1.1)}
.foot-imgwrap{padding:0px;position:relative;width:100%}
.foot-imgwrap:after{content:"";display:block;padding-top:100%}
.foot-imgwrap>a{align-items:center;background-color:#FFFFFF;display:flex;height:100%;justify-content:center;left:0px;overflow:hidden;position:absolute;top:0px;width:100%}
.foot-imgwrap img{max-height:100%;max-width:100%;transition:transform .2s}
.foot-linetop{display:flex;width:100%}
.foot-linetop>span{background-color:#84B93E;display:block;flex:1;height:3px}
.foot-linetop>span:nth-child(2n){background-color:var(--color)}
.mobile-bottom,.mobile-bottom.is-hide{display:none}
@media screen and (max-width:960px){
.foot-top{-ms-flex-align:start;align-items:flex-start;flex-direction:column}
.foot-top>.l-left{margin-bottom:20px}
.foot-top>.l-right{width:100%}
.foot-list{flex-wrap:wrap}
.foot-item{box-sizing:border-box;padding-right:20px;width:50%}
.foot-tit{margin-bottom:20px}
.foot-cont{margin-top:20px;width:100%}
.foot-rec{display:none}}
@media screen and (max-width:767px){
.foot-top{font-size:var(--fontsize12);padding-bottom:8vw}
.foot-sub{height:46px}
.foot-sub .sub-btn{height:40px;margin-right:4px}
.foot-item{margin-bottom:6vw;padding-right:0px;width:100%}
.foot-intro ul{margin-top:4vw}
.foot-nav ul li{display:inline-block;padding-right:4vw}
.foot-cont{margin-bottom:0px;margin-top:0px}
.foot-right{height:auto;line-height:2;padding:4vw}
.foot-intro{margin-bottom:0px}
.foot-intro .foot-con p,.foot-intro .foot-tit{display:none}
.foot-intro .foot-con ul{margin:0 0 6vw}
.foot-intro ul>li{height:30px;width:30px}
.foot-intro ul>li i,.foot-intro ul>li em{font-size:var(--fontsize16)}
.mobile-bottom{align-items:center;background:#FCFCFCFB;display:flex;height:16vw;justify-content:space-evenly;width:100%;z-index:10;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.mobile-bottom .mobile-bottom-item{box-sizing:border-box;font-size:var(--fontsize14);width:16vw;height:12vw;padding:0px;position:relative}
.mobile-bottom .mobile-bottom-item,.mobile-bottom .mobile-bottom-item a{align-items:center;display:flex;flex-direction:column;justify-content:space-around}
.mobile-bottom .mobile-bottom-item a{color:var(--color);height:100%;width:100%}
.mobile-bottom .mobile-bottom-item i{margin-bottom:.66667vw;transform:scale(1.2)}
.l-foot{padding-bottom:calc(12vw + constant(safe-area-inset-bottom));padding-bottom:calc(12vw + env(safe-area-inset-bottom))}}
.inner-banner{background-color:#7F7F7F;position:relative;min-height:100px}
.inner-banner>img{height:auto;width:100%}
.inner-wrap{align-items:center;bottom:0px;color:#FFFFFF;display:flex;flex-direction:column;justify-content:center;left:0px;position:absolute}
.inner-title{font-size:3em;margin-bottom:40px;text-transform:uppercase}
.inner-nav{font-size:var(--fontsize14)}
.inner-nav>a{color:#FFFFFF}
@media screen and (max-width:767px){
.inner-wrap{font-size:var(--fontsize12);padding:0vw 4vw}
.inner-title{font-size:2.4em;margin-bottom:6vw}}
.sidebar-tit{align-items:center;display:flex;font-size:var(--fontsize22);font-weight:var(--fontbold5);padding:15px 0px 15px 20px;position:relative;white-space:nowrap}
.sidebar-tit em.line{border-bottom-right-radius:10px;border-top-right-radius:999px;flex:1;height:5px;left:5px;margin-left:15px;position:relative;width:100%}
.sidebar-tit em.cir,.sidebar-tit em.line{background-color:var(--color);display:inline-block}
.sidebar-tit em.cir{border-radius:50%;width:6px;height:6px;left:-4px;position:absolute;right:30px}
.sidebar-tit em.cir:after{border:1px solid var(--color);border-radius:50%;content:"";display:block;width:12px;height:12px;left:-4px;position:absolute;top:-4px}
.sidebar>div{background:#FFFFFF;border:1px solid #e2e1e1;border-radius:5px;box-sizing:border-box;margin-bottom:20px;padding-bottom:20px}
.sidebar>div:nth-child(2n) .sidebar-tit em.line{background-color:#84B93E}
.sidebar-search .l-sidebar-wrap{position:relative}
.sidebar-search .l-sidebar-wrap input{background-color:#F5F5F5;border:0px;box-sizing:border-box;font-size:var(--fontsize14);height:46px;line-height:46px;outline:0;padding:10px;width:100%}
.sidebar-search .l-sidebar-wrap i{color:grey;position:absolute;right:30px;top:12px}
.sidebar .sidebar-cate{padding-bottom:0px}
.sidebar-cate a{box-sizing:border-box;color:var(--fontcolor);display:block;height:50px;line-height:50px;overflow:hidden;padding-right:20px;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}
.sidebar-cate a:hover{color:var(--color)}
.sidebar-cate .sf-menu>li{border-bottom:1px solid #EDEDED;position:relative}
.sidebar-cate .sf-menu>li i{content:"";cursor:pointer;display:block;width:45px;height:45px;position:absolute;right:0px;top:0px}
.sidebar-cate .sf-menu>li i:after{border:2px solid #707070;border-left:none;border-top:none;content:" ";cursor:pointer;height:6px;position:absolute;right:6px;top:21px;transform:rotate(-45deg);transition:transform .15s;width:6px}
.sidebar-cate .sf-menu>li i.active:after{transform:rotate(45deg)}
.sidebar-cate .sf-menu .pro-menu,.sidebar-cate .sf-menu .sub-menu{display:none}
.sidebar-cate .sf-menu>li:last-child{border:0px}
.sidebar-cate .sf-menu li>ul li{position:relative}
.sidebar-cate .sf-menu li>ul li .pro-menu a{padding-left:30px}
.sidebar-cate .sf-menu li>ul li i{height:30px;top:-10px;width:30px}
.sidebar-cate .sf-menu li>ul li a{font-size:var(--fontsize16);height:30px;line-height:30px;padding-left:10px;padding-right:10px}
.sidebar-cate li.is-active>a{color:var(--color)}
.sidebar .sidebar-pro{padding-bottom:0px}
.sidebar-pro ul{width:100%}
.sidebar-pro ul li{margin-bottom:30px;width:100%}
.sidebar-pro ul li:hover .pro-name{color:var(--color)}
.sidebar-pro .pro-item{display:flex;width:100%}
.sidebar-pro .pro-img{border:1px solid #EAEAEA;box-sizing:border-box;flex:3.2;position:relative}
.sidebar-pro .pro-img:after{content:"";display:block;padding-top:100%}
.sidebar-pro .pro-img a{align-items:center;bottom:0px;display:flex;justify-content:center;left:0px;position:absolute;right:0px;top:0px}
.sidebar-pro .pro-img img{display:block;max-height:100%;max-width:100%}
.sidebar-pro .pro-info{display:flex;flex:6.8;flex-direction:column;justify-content:center;padding-left:14px}
.sidebar-pro .pro-name{color:var(--fontcolor);display:block;font-size:var(--fontsize16);margin-bottom:16px;transition:color .2s}
.sidebar-pro .pro-more{color:var(--introcolor);display:block;font-size:var(--fontsize12);text-transform:uppercase}
.sidebar-new ul{width:100%}
.sidebar-new ul li{margin-bottom:30px;width:100%}
.sidebar-new ul li:hover .new-name{color:var(--color)}
.sidebar-new .new-item{display:flex;width:100%}
.sidebar-new .new-img{border:1px solid #EAEAEA;box-sizing:border-box;flex:3.2;font-family:"object-fit:cover";object-fit:cover;position:relative}
.sidebar-new .new-img:after{content:"";display:block;padding-top:100%}
.sidebar-new .new-img a{align-items:center;bottom:0px;display:flex;justify-content:center;left:0px;position:absolute;right:0px;top:0px}
.sidebar-new .new-img img{display:block;max-height:100%;max-width:100%}
.sidebar-new .new-info{display:flex;flex:6.8;flex-direction:column;justify-content:center;padding:0px 0px 0px 14px}
.sidebar-new .new-name{color:var(--fontcolor);display:block;font-size:var(--fontsize14);margin-bottom:16px;transition:color .2s}
.sidebar-new .new-date{color:var(--introcolor);display:block;font-size:var(--fontsize12);margin-bottom:0px;text-transform:uppercase}
.common-pages{flex-wrap:wrap;font-size:var(--fontsize14);height:60px;margin-bottom:50px;width:100%}
.common-pages,.common-pages a,.common-pages span{align-items:center;display:flex;justify-content:center}
.common-pages a,.common-pages span{border:1px solid #C9C9C9;box-sizing:border-box;color:#494949;height:35px;margin:0px 5px 10px;padding:10px 14px;transition:all .2s ease}
.common-pages a:hover,.common-pages span.ctxt{background:var(--color);color:#FFFFFF}
.common-pages span.ctxt{border:0px;opacity:1}
.common-pages span{opacity:.4}
.pagelink{justify-content:space-between;width:100%}
.pagelink,.pagelink-item{display:flex}
.pagelink-item{padding:10px;border:1px solid #dedede;box-sizing:border-box;width:49%}
.pagelink-item:hover .pagelink-name>a{color:var(--color)}
@media screen and (max-width:1440px){
.pagelink-item{padding:10px}}
.pagelink-next{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.pagelink-next .pagelink-icon{margin-left:20px;margin-right:0px}
.pagelink-next .pagelink-info{-ms-flex-align:end;align-items:flex-end}
.pagelink-icon{align-items:center;background-color:var(--color);display:flex;height:40px;justify-content:center;margin-right:20px;min-width:40px;width:40px}
.pagelink-icon i{color:#FFFFFF}
.pagelink-info{display:flex;flex-direction:column;justify-content:space-between;width:100%}
.pagelink-cur,.pagelink-name{font-size:var(--fontsize14)}
.pagelink-name{overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}
.pagelink-cur{color:var(--introcolor)}
@media screen and (max-width:767px){
.pagelink{flex-wrap:wrap}
.pagelink-item{margin-bottom:4vw;width:100%}}
.l-main-single .contact{padding:80px 0px}
.contact-tit-top{color:var(--color);text-align:center}
.contact-tit-top>div{display:inline;position:relative}
.contact-tit-top>div:after{right:120%}
.contact-tit-top>div:after,.contact-tit-top>div:before{background-color:var(--color);content:"";display:block;height:2px;position:absolute;top:10px;width:30px}
.contact-tit-top>div:before{left:120%}
.contact-tit{color:var(--fontcolor);font-size:36px;margin:0px 0px 20px;text-align:center}
.contact-list{display:flex;margin:0px auto;max-width:1380px;padding-top:40px}
.contact-list li:nth-child(2n) .iconfont{color:#84B93E}
.contact-list li:nth-child(2n) .contact-icon:after{background-color:#84B93E}
.contact-list li:nth-child(odd) .iconfont{color:var(--color)}
.contact-list li:nth-child(odd) .contact-icon:after{background-color:var(--color)}
.contact-list>li{margin:0px 20px;position:relative;width:33%}
.contact-list>li:after{content:"";display:block;padding-top:75%}
.contact-item-wrap{border-radius:5px;bottom:0px;box-shadow:0 3px 24px 0 rgba(202,202,202,.35);box-sizing:border-box;flex-direction:column;left:0px;padding-top:70px;position:absolute;right:0px;top:0px}
.contact-icon,.contact-item-wrap{align-items:center;display:flex}
.contact-icon{height:60px;justify-content:center;position:relative;width:60px}
.contact-icon .iconfont{font-size:60px}
.contact-icon:after{border-radius:50%;content:"";display:block;height:60px;left:-30%;opacity:.1;position:absolute;top:-30%;width:60px}
.contact-icon.is-add:after,.contact-icon.is-mail:after{left:auto;right:-30%;top:-30%}
.contact-name{color:var(--fontcolor);font-size:var(--fontsize24);margin:20px 0px 0px;text-align:center}
.contact-con{color:var(--introcolor);margin:0px auto;max-width:350px;text-align:center}
@media screen and (max-width:960px){
.contact-list{flex-wrap:wrap}
.contact-list>li{margin-bottom:30px;width:100%}
.contact-list>li:after{display:none}
.contact-item-wrap{height:auto;padding:40px 0px;position:static}
.inquiry .l-wrap{padding:0px 20px}}
@media screen and (max-width:768px){
.l-main-single .contact{padding:8vw 0px}
.contact-tit{margin:4vw 0vw}
.contact-list{padding-top:0px}
.contact-list>li{margin:0px}
.contact-name{margin:0px 0px .2em}
.contact-info{flex:1;padding:0px 20px}
.contact-icon{margin-left:20px}
.contact-item-wrap{flex-direction:row;padding:2em 1em}}
.faq-list>li{background-color:#F6F6F6;margin-bottom:20px;width:100%}
.faq-list li.is-active .project-name{background-color:var(--color);color:#FFFFFF}
.faq-list .project-content{box-sizing:border-box;display:none;padding:10px}
.faq-list .project-content ul>li{background-position:0px 12px;padding-left:40px}
.faq-list .project-name{border-bottom:1px solid var(--color);box-sizing:border-box;color:var(--fontcolor);cursor:pointer;height:50px;line-height:50px;text-align:left;padding-left:10px;transition:background-color .2s}
.download-list>li{padding:40px 20px}
.download-list>li .l-wrap{align-items:center;display:flex;justify-content:space-between}
.download-list li:nth-child(2n){background-color:#F2F1FA}
.download-list li:nth-child(2n) .download-btn{background-color:var(--color);color:#FFFFFF}
.download-list li:nth-child(odd) .download-btn{background-color:#111111;color:#FFFFFF}
.download-list .download-img{display:none}
.download-list .download-name{color:var(--fontcolor);font-size:1.375em;font-weight:var(--fontbold5);margin-bottom:30px}
.download-list .download-btn{font-size:var(--fontsize14);padding:10px 20px}
.video-list{display:flex;flex-wrap:wrap;margin:0px -20px}
.video-list>li{box-sizing:border-box;margin-bottom:40px;padding:0px 20px;width:25%}
.video-list .video-img{border:1px solid #EEEEEE;box-sizing:border-box;width:100%}
.video-list img{display:block;width:100%}
.video-list .video-name{color:var(--fontcolor);font-size:1.125em;font-weight:var(--fontbold5);line-height:1.5em;margin-bottom:10px}
.video-list .video-in{color:var(--introcolor);font-size:.875em;line-height:1.5em}
.video-list .video-info{background-color:#FAFAFA;line-height:1.5em;padding:20px}
.project-list{display:flex;flex-wrap:wrap;margin:0px -20px}
.project-list>li{box-sizing:border-box;margin-bottom:40px;padding:0px 20px;width:33.33%}
.project-list .project-img{width:100%}
.project-list img{display:block;width:100%}
.project-list .project-name{color:var(--fontcolor);font-size:var(--fontsize18);font-weight:var(--fontbold5);line-height:1.4;margin-bottom:10px}
.project-list .project-info{background-color:#FCFCFC;padding:15px}
.project-list .project-content{color:var(--introcolor);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:1280px){
.project-list>li,.video-list>li{width:33%}}
@media screen and (max-width:960px){
.project-list,.video-list{margin:0 -2vw}
.project-list>li,.video-list>li{padding:0 2vw;width:50%}
.project-list .project-info,.video-list .video-info{padding:.8em}}
.compare-action{align-items:center;cursor:pointer;display:flex;height:37px;left:-20px;margin-top:15px;position:relative}
.compare-action span{color:var(--fontcolor);display:inline-block;-ms-user-select:none;user-select:none}
.compare-action .compare-action-check+label{border:1px solid #000000;border-radius:1px;content:" ";cursor:pointer;height:16px;margin-right:10px;width:16px}
.compare-action .compare-action-check:checked+label:before{color:var(--fontcolor);content:"✓";font-size:var(--fontsize16);left:2px;line-height:16px;position:relative;text-align:center;top:1px}
.compare-action input[type=checkbox]{visibility:hidden}
@media(max-width:768px){
.compare-action{-ms-flex-pack:start;font-size:3.2vw;height:8vw;justify-content:flex-start;left:-10px;margin:5.33333vw 2.66667vw;position:relative}
.compare-action .compare-action-check+label{margin-left:0px;margin-right:5px}
.products-content .pro-list .compare-action span{margin:0px}
.preview-container .thumbnail-box .list ul .item img {
  width:100%}}
.head-top .top-share{margin-left:0px;margin-right:auto}
.swiper-button-next i,.swiper-button-prev i{display:none}
.about .about-l{padding-left:80px;padding-right:0px}
.about .about-l>ul>li:after{left:auto;right:-6px}
.about .about-l>ul>li{padding-left:0px;padding-right:10px}
.l-conwrap .l-left{margin-left:30px;margin-right:0px}
.foot-nav ul li{padding-left:0px;padding-right:20px}
.foot-nav li:hover,.foot-nav ul li{background-image:none}
.sidebar-tit em.cir,.sidebar-tit em.cir:after{left:auto;right:-4px}
.sidebar-tit em.line{border-bottom-left-radius:999px;border-bottom-right-radius:0;border-top-left-radius:999px;border-top-right-radius:0;left:auto;margin-left:0px;margin-right:20px;right:5px}
.sidebar-tit{padding:30px 24px 34px 0px}
.sidebar-cate a{padding-right:50px}
.sidebar-pro .pro-info{padding-left:0px;padding-right:14px}
.sidebar-search .l-sidebar-wrap i{left:36px;right:auto}
.l-reconwrap .l-right{margin-left:0px;margin-right:30px}
.pagelink-next .pagelink-icon{margin-left:0px;margin-right:20px}
.pagelink-icon{margin-left:20px;margin-right:0px}
.about .about-tit:after{bottom:0px;left:auto;right:0px}
.about .about-btn .btn-more{margin-left:20px;margin-right:0px}
@media(max-width:767px){
.l-header .head-nav{left:100vw;right:auto}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-position:50%;background-repeat:no-repeat;background-size:14px}
.about .about-l>ul>li:after{display:none}
.l-header .head-nav>ul .slide-submenu{left:22px;right:auto}
.l-header .head-nav>ul .submenu{padding-left:auto;padding-right:35px}}
table,td,tr{border:1px solid #EEEEEE}
@media screen and (max-width:768px){
.l-header .head-logo img{max-height:11vw}
.l-conwrap .l-left,.l-main-prodetail .l-conwrap .l-left{display:none!important}}
#con{margin-top:30px}
#tagContent{padding-top:20px}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags{border-bottom:4px solid #EFEFEF}
#tags li{float:left}
#tags li a{text-decoration:none;display:block;line-height:56px;margin-right:28px;color:var(--fontcolor);font-size:var(--fontsize22);position:relative;transition:.3s;text-transform:capitalize}
#tags li a:after{content:'';width:100%;height:4px;background:var(--color);position:absolute;bottom:-4px;left:0px;transition:.3s;opacity:0}
#tags li a:hover,ul#tags li.selectTag a{color:var(--color)}
#tags li a:hover::after,ul#tags li.selectTag a:after{opacity:1}
.tagContent{display:none;width:100%;color:var(--fontcolor);padding-top:10px;font-size:var(--fontsize14);line-height:28px}
#tagContent div.selectTag{display:block}
@media screen and (max-width:640px){
#tags li a{font-size:var(--fontsize16);line-height:42px;margin-right:22px}}
@media screen and (max-width:768px){
.l-header .head-nav>ul{height:auto;padding-bottom:30px}}
.prodetail-rec .pro-list{display:flex;flex-wrap:wrap;margin:0px -14px}
.prodetail-rec .pro-list>li{padding:0px 14px;width:33.33333%}
.prodetail-rec{display:block;margin:20px 0px 0px}
@media screen and (max-width:960px){
.prodetail-rec .pro-list>li{width:50%}}
@media screen and (max-width:767px){
.prodetail-rec .pro-list,.prodetail-rec .pro-list>li{padding:0vw 2vw}
.prodetail-rec{margin:20px 0px -20px}}
@media(max-width:768px){.prodetail-content article img,.about img{height:auto!important}}
.product-content-price{color:var(--introcolor)}
@media(max-width:1441px){img{height:auto;max-width:100%}}
@media(max-width:768px){iframe,video{max-width:100%;min-height:240px;height:auto}}
@media screen and (max-width:767px){
.l-header{z-index:999}}
#jljw_IM_GdImBox{z-index:900!important}
.compare-panel.is-bottom{bottom:calc(16vw + constant(safe-area-inset-bottom));bottom:calc(16vw + env(safe-area-inset-bottom))}
@media screen and (max-width:768px){.foot-right{display:block}
.foot-right a{margin-left:10px;font-size:var(--fontsize14)}}
.app{font-size:var(--fontsize16)}
.app p{font-size:1em;line-height:2em}
.app h4{font-size:var(--fontsize24);margin-bottom:1em}
.app h5{font-size:1em;margin:1em 0px}
.app .app-list{display:flex}
.app .app-list .list-item{flex:1}
.app .app-list .list-item h4{margin-bottom:1em}
.app .app-list li{padding:10px 0px 10px 35px;background:url(https://css02.v15cdn.com/m413/about_li.webp) no-repeat;background-position:2px}
.app{font-size:var(--fontsize16)}
.app .app-box{display:flex}
.app .box-l{flex:3.5}
.app .box-l img{width:100%}
.app .box-r{flex:6.5}
.app .box-r{padding-left:40px}
.support .support-item{display:flex}
.support .support-item>div{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:3px;width:40px;background-color:#B0ACAC}
.solution .icon-list{display:flex;position:relative}
.solution .icon-list>div{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:0 6%}
.solution .sol-icon:after{content:'01';font-size:90px;font-weight:var(--fontbold6);position:absolute;top:-8px;left:50%;color:#888;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/m413/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:#B0ACAC;color:#FFFFFF}
.solution .sol-tab .tab-title.is-active{background-color:#B0ACAC;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%;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:#B0ACAC;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}
.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 .dh-con h4{text-align:center}
.ck-add p{margin-bottom:20px;line-height:1.6em;color:var(--fontcolor)}
.ck-add h4{font-size:var(--fontsize22);margin-bottom: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{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)}
.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%}}
.ck-add{box-sizing:border-box;margin:0px auto;max-width:1920px;padding:20px 260px;width:100%}
@media screen and (max-width:1650px){
.ck-add{padding:20px 100px}}
@media screen and (max-width:1280px){
.ck-add{padding:20px 80px}}
@media screen and (max-width:960px){
.ck-add{padding:20px}}
@media(max-width:767px){
.ck-add{padding:4vw}}
.app,.applic-list,.solution,.support{box-sizing:border-box;margin:0px auto;max-width:1920px;padding:20px 260px;width:100%}
@media screen and (max-width:1650px){.app,.applic-list,.solution,.support{padding:20px 100px}}
@media screen and (max-width:1280px){.app,.applic-list,.solution,.support{padding:20px 80px}}
@media screen and (max-width:960px){.app,.applic-list,.solution,.support{padding:20px}}
@media(max-width:767px){.app,.applic-list,.solution,.support{padding:4vw}}
@media screen and (max-width:768px){.app,.case,.solution,.support{padding:4vw}
.applic-list{padding:6vw 0vw}
.app .app-box,.app .app-list{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:0 -2vw}}
@media screen and (max-width:1500px){.solution .tab-content{margin-top:10px}
.solution .sol-box{flex-direction:column}
.solution .sol-box>div{width:100%}
.solution .icon-list{flex-wrap:wrap}
.solution .icon-list>div{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}}
@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:768px){.applic-item{padding:0px 4vw}}
@media(max-width:767px){.l-header .head-nav{height:auto}}
@media(max-width:767px){.l-header .head-nav{height:auto}}
@media screen and (max-width:767px){
.ck-add .ti .ti-tit, .ck-add .ch-con, .ck-add .ho .l .ho-right, .ck-add .ho .r .ho-left {padding:10px 0px}
.ck-add .ce-list>div {width:50%}
.ck-add .dh-con h4 {text-align:left}
.app p, .case p, .solution p, .support p {line-height:1.6em}}
.l-main-showroom > .l-wrap{height:auto}
.addToCart.is-active{opacity:0.9}
@media screen and (min-width:1001px) and (max-width:1280px){.l-header .head-nav>ul>li>a{padding:0px 12px}}
.foot-nav ul{display:flex;flex-wrap:wrap}
.foot-nav ul>li{width:50%;box-sizing:border-box}
.wmkc-cul-all{display:flex;margin-bottom:120px;width:100%;justify-content:space-between}
.wmkc-cul-box{width:32%}
.wmkc-cul-span{margin-top:100px;margin-bottom:70px}
.wmkc-cul-span h5{color:#8373CE;text-align:center;font-weight:var(--fontbold6);font-size:var(--fontsize34)}
.wmkc-cul-img img{width:100%}
.wmkc-cul-size{margin-top:20px;padding:37px;background-color:#F3F3F3}
.wmkc-cul-p{display:flex;margin-bottom:40px;justify-content:space-between}
.wmkc-cul-table p{margin-bottom:15px;color:#8a7cd0;font-weight:var(--fontbold6);font-size:var(--fontsize20)}
.wmkc-cul-g{width:80%;height:3px;background-color:#DADADA}
.wmkc-path-footer .wmkc-path-foter{color:#8373CE;text-align:center;font-weight:var(--fontbold6);font-size:var(--fontsize28,28px)}
.wmkc-path-footer p{margin-top:20px;margin-bottom:40px;text-align:center}
.wmkc-path-conter{display:flex;background-color:#F7F7F7}
.wmkc-path-img{margin:auto;width:40%}
.wmkc-path-img img{width:100%}
.wmkc-path-size{margin-left:35px;width:60%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.wmkc-path-size p:nth-of-type(1){display:block;margin-bottom:25px;color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize22)}
.wmkc-path-size p:nth-of-type(2){line-height:2;margin:0px}
.wmkc-path-xiab{display:flex;margin-top:50px;justify-content:center;align-items:baseline}
.wmkc-path-xiab p{margin-right:5px;color:#8373CE}
.wmkc-path-dian{width:16px;height:16px;border-radius:30px;background-color:#8373CE}
.wmkc-bu-button{display:flex}
.wmkc-bu-button .about-btn{margin-right:25px}
.wmkc-team-span{text-align:center}
.wmkc-team-pan{color:#8373CE;font-weight:var(--fontbold6);font-size:var(--fontsize34)}
.wmkc-team-z{margin:auto;margin-top:25px;margin-bottom:25px;width:5%;height:2px;background-color:#8373CE}
.wmkc-team-span p{margin:30px 0px;color:var(--fontcolor);line-height:2em}
.wmkc-team-car{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-team-all{display:flex;margin-bottom:40px;width:49%}
.wmkc-team-ajj{display:flex;margin-bottom:40px;width:49%}
.wmkc-team-photo{margin-right:8px;width:45%}
.wmkc-team-pho{width:45%}
.wmkc-team-photo img{width:100%;border-radius:5px}
.wmkc-team-pho img{width:100%;border-radius:5px}
.wmkc-team-size{position:relative;width:60%;border-radius:5px;background-color:#F3F3F3;padding:20px;box-sizing:border-box}
.wmkc-team-s{position:relative;margin-right:10px;width:60%;border-radius:5px;background-color:#F3F3F3;padding:20px;box-sizing:border-box}
.ck-add .wmkc-team-tal{margin:0px 0px 10px 0px;color:#8373CE;font-weight:var(--fontbold6);font-size:var(--fontsize18)}
.ck-add .wmkc-team-tall{margin:0px}
.wmkc-team-s p{margin:0px}
.wmkc-team-triangle{position:absolute;top:29px;left:-22px;width:0px;height:0px;border-top:30px solid transparent;border-right:25px solid #F3F3F3;border-bottom:30px solid transparent}
.wmkc-team-san{position:absolute;top:29px;left:99%;width:0px;height:0px;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:25px solid #F3F3F3}
.wmkc-team-ajj:hover .wmkc-team-s,.wmkc-team-all:hover .wmkc-team-size{background-color:#8373CE}
.wmkc-team-all:hover .wmkc-team-triangle{border-right-color:#8373CE}
.wmkc-team-ajj:hover .wmkc-team-san{border-left-color:#8373CE}
.wmkc-team-ajj:hover .wmkc-team-tal,.wmkc-team-ajj:hover .wmkc-team-tall,.wmkc-team-all:hover .wmkc-team-tal,.wmkc-team-all:hover .wmkc-team-tall{color:#FFFFFF}
.wmkc-path-swiper{display:flex;align-items:center}
#page-history{width:80%}
.wmkc-path-left,.wmkc-path-right{width:10%;text-align:center}
@media(max-width:1024px){
.wmkc-cul-all,.wmkc-team-car{flex-direction:column}
.wmkc-cul-box{margin-bottom:30px;width:100%}
.wmkc-team-ajj,.wmkc-team-all{width:100%}
.wmkc-team-z{width:20%}}
@media(max-width:768px){
.wmkc-path-left,.wmkc-path-right{width:36px;height:36px}
.wmkc-cul-size{margin-top:10px}
.wmkc-cul-span h5{margin-top:-60px}
.wmkc-team-pho img,.wmkc-team-photo img{height:auto}
.wmkc-path-conter{flex-direction:column}
.wmkc-path-img{width:100%}
.wmkc-path-size{width:100%;padding:20px;margin:0px}
.wmkc-path-size p:nth-of-type(2){line-height:1.8}
.wmkc-path-left,.wmkc-path-right{border:none}
.wmkc-path-size p:nth-of-type(1){margin-bottom:10px}}
@media(max-width:415px){
.wmkc-cul-size{padding:20px}
.wmkc-cul-p{margin-bottom:20px}}
@media(max-width:320px){
.wmkc-cul-all,.wmkc-team-ajj,.wmkc-team-all,.wmkc-team-car{flex-direction:column}
.wmkc-cul-box{margin-bottom:30px;width:100%}
.wmkc-cul-all{margin-bottom:30px}
.wmkc-bu-button .about-btn{margin-right:0px}
.wmkc-bu-button{justify-content:space-between}
.wmkc-team-ajj,.wmkc-team-all,.wmkc-team-pho,.wmkc-team-photo,.wmkc-team-s,.wmkc-team-size{width:100%}
.wmkc-team-san,.wmkc-team-triangle{display:none}
.wmkc-team-z{width:20%}
.wmkc-path-size p{line-height:20px}
.wmkc-path-left,.wmkc-path-right{width:25px;height:25px}
.wmkc-cul-size{padding:20px}}
.cate .img-wrap>img{object-fit:contain;background:#FFFFFF}
.new-list.new-type0{max-width:100%;margin:0px}
.new-list>li.news-bigbox{width:100%;height:114px;padding:7px;margin-bottom:20px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;box-sizing:border-box}
.new-list>li.news-bigbox:nth-of-type(2n){background:#F2F2F2}
.bigboxtime{float:left;width:100px;border:1px solid #DDDDDD;height:100px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.bigboxtime b{display:block;font-size:var(--fontsize18);padding:17px 10px 0px 10px;line-height:40px}
.bigboxtime span{font-size:var(--fontsize16);padding:10px 0px 10px 10px}
.bigboxtxt{margin-left:120px}
.bigboxtxt a{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.bigboxtxt h4{padding:8px 0px;font-size:var(--fontsize18);line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--fontbold6)}
.bigboxtxt p{height:40px;line-height:20px;margin:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--fontsize14)}
.new-list>li.news-bigbox:hover{background:#EFEFEF;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;padding:7px 20px}
.new-list>li.news-bigbox:hover .bigboxtime{background:var(--color);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;color:#FFFFFF}
.new-list>li.news-bigbox:hover a{color:var(--color)}
@media(min-width:1001px) and (max-width:1200px){
.l-header .head-nav>ul>li>a{padding:0px 8px}}
.top-share ul{display:flex;align-items:center}
.top-share ul li{margin:0px 4px}
.top-share ul li a{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all .1s linear;border:1px solid transparent;box-sizing:border-box}
.top-share ul li a:hover{border-color:#FFFFFF63}
@media(max-width:1024px){
.mobcate-main{flex-wrap:wrap}
.mobcate-main div.l-left{display:block !important;width:100%;margin:0px;flex-basis:100%;max-width:100%}
.mobcate-main .l-left .sidebar-pro,.mobcate-main .l-left .sidebar-search,.mobcate-main .l-left .sidebar-sidecont{display:none}
.mobcate-main .l-left .sidebar-cate{position:relative;padding-right:10px}
.mobcate-main .l-left .sidebar-cate .l-sidebar-wrap{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 .l-left .sidebar-cate .sidebar-tit{padding-top:8px;padding-bottom:8px;font-size:var(--fontsize18);cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}
.sidebar-tit em.line{display:none}}
@media(min-width:769px){
.bigboxtxt p,.pro-list .pro-info>p{-webkit-line-clamp:initial;max-height:100%}}
.lang{display:inline-block;position:relative}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;line-height:30px;border:none;cursor:pointer;padding:0px 14px 0px 30px;box-sizing:border-box;font-size:var(--fontsize14);position:relative;color:var(--headercolor);user-select:none}
.lang-icon>img{margin-right:5px}
.lang-icon::before{content:'';display:block;position:absolute;right:0px;top:50%;width:6px;height:6px;border:0 solid var(--headercolor);border-bottom-width:1px;border-left-width:1px;transform:rotate(-45deg);margin-top:-4px}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s;display:none}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media(max-width:768px){
.lang{margin:0px 5px 0px auto}
.lang-icon>img{width:36px;height:24px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:82%}
.lang-icon span,.lang-icon::before{display:none}
.lang-icon{padding:0px 15px}}
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 260px 30px;padding:0px;max-width:1920px;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px 260px 30px;padding:0px;max-width:1920px;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media(max-width:1650px){.prohome-content,.prolist-bottom{margin:0px 114px 50px}}
@media(max-width:1280px){.prohome-content,.prolist-bottom{margin:0px 94px 50px}}
@media(max-width:960px){.prohome-content,.prolist-bottom{margin:0px 34px 50px}}
@media(max-width:767px){.prohome-content{clear:both;margin:0px 3vw 20px;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px 3vw 20px;padding:0px;line-height:1.6;box-sizing:border-box}}
.prolist-content{clear:both;margin:10px 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(--fontbold6);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;box-sizing:border-box;}
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}
.inner-banner .inner-wrap{max-width:1920px;margin:0px auto;height:100%;padding:0px 260px;box-sizing:border-box;z-index:1;width:100%}
.inner-banner .inner-wrap .inner-nav{position:absolute;bottom:-1px;left:260px;background:#FFFFFF;color:var(--introcolor);line-height:2;padding:0px 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.inner-banner .inner-wrap .inner-nav a{color:var(--introcolor)}
.inner-banner .inner-wrap .inner-nav h1{display:inline;font-size:inherit;font-weight:inherit;color:var(--color)}
@media(max-width:1650px){.inner-banner .inner-wrap{padding:0px 100px}
.inner-banner .inner-wrap .inner-nav{left:100px}}
@media(max-width:1280px){.inner-banner .inner-wrap{padding:0px 80px}
.inner-banner .inner-wrap .inner-nav{left:80px}}
@media(max-width:960px){.inner-banner .inner-wrap{padding:0px 20px}
.inner-banner .inner-wrap .inner-nav{left:15px;margin-right:15px}}
.inner-banner{background-size:cover}
@media(max-width:768px){
.top-btn{display:none !important}
.mobile-bottom-item .top-btn{display:flex!important;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(270deg);background:#FFFFFF}
.mobile-bottom-item .top-btn i{margin:0px}}
.mediaplay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none}
@media(max-width:768px){.mediaplay{top:50%}}
#media{width:100%;height:100%;background:#EEEEEE;object-fit:contain;z-index:100;position:relative}
.preview-container .big-box.act{display:none!important}
#filterlist .filterlist-ul{padding:0px 20px}
#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}
@media(max-width:1024px){
#filterlist .sidebar-tit{background:none}}
.pagesbanner{position:relative;z-index:1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:auto;object-fit:cover;min-height:160px;vertical-align:bottom}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;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;padding:15px}
.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%;padding:15px;box-sizing:border-box}
.email-subscription input{width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear;box-sizing:border-box}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}