@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);
html{-webkit-text-size-adjust:100%;line-height:1.15}
body{margin:0}
main{display:block;}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
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:0}
[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:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[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}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td,th,ul{border:none;font-size:16px;margin:0;padding:0}
body,html{height:100%;width:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
a{color:#000;text-decoration:none}
input::-ms-clear,input::-ms-reveal{display:none}
input{-webkit-appearance:none;margin:0;outline:0;padding:0}
input::-webkit-input-placeholder{color:#ccc}
input::-ms-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
    input[type=button], input[type=submit] {
        cursor: pointer;
        background-color: transparent;
        background-image: linear-gradient(180deg, var(--e-global-color-astglobalcolor0) 0%, var(--e-global-color-astglobalcolor1) 100%);
    }
button[disabled],input[disabled]{cursor:default}
img{border:none}
li,ol,ul{list-style-type:none}
body{font-family:Roboto,sans-serif;font-size:16px;overflow-x:hidden}
table{border-collapse:collapse}
article p{color:#777;font-size:.875em;line-height:2}
@media screen and (max-width:767px){
article p{font-size:14px}}
.l-wrap{box-sizing:border-box;height:100%;margin:0 auto;max-width:1920px;padding:0 260px;width:100%}
@media screen and (max-width:1650px){
.l-wrap{padding:0 100px}}
@media screen and (max-width:1280px){
.l-wrap{padding:0 80px}}
@media screen and (max-width:960px){
.l-wrap{padding:0 20px}}
@media (max-width:767px){
.l-wrap{font-size:12px;padding:0 4vw}}
.l-wrap-fbc{-ms-flex-pack:justify;justify-content:space-between}
.l-wrap-fbc,.l-wrap-fc{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}
.l-wrap-fc{-ms-flex-pack:center;justify-content:center}
.l-wrap-f{display:-ms-flexbox;display:flex}
/*.l-main-home section{padding:50px 0px 0px 0px !important;}*/
.l-main-home section.color{background-color:#2e7eed;position:relative}
.l-main-home section.color .wave-top{left:0;position:absolute;right:0;top:0}
.l-main-home section.latestpro{padding-bottom:0}
.l-main-home .sec-title{color:#2e7eed;font-size:2.2em;text-align:center;text-transform:uppercase}
.l-main-home .sec-title-w{color:#FFF}
.l-main-home .sec-con{color:#777;font-size:14px;margin:20px 0;text-align:center}
.l-main-home .sec-con-w{color:#FFF}
.l-main-home .btn-wrap>a{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;border-radius:3px;box-sizing:border-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;height:50px;justify-content:center;line-height:50px;min-width:196px;padding:0 20px;text-transform:uppercase;transition:background-color .2s,color .2s,border .2s}
.l-main-home .pro-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}
.l-main-home .pro-list li{padding:0 10px;width:25%}
.l-main-home .pro-more{background-color:#2e7eed;border:2px solid #2e7eed;color:#FFF;margin-top:24px;transition:background-color .2s,color .2s,border .2s}
.l-main-home .pro-more:hover{background-color:#FFF;color:#2e7eed}
.l-main-home .new-list{padding:40px 0 50px}
.l-main-home .new-list>li{margin-bottom:40px}
@media screen and (max-width:1820px){
.l-main-home .new-list .new-info{-ms-flex-pack:space-evenly;justify-content:space-evenly}
.l-main-home .new-list .new-info>*{margin:0}}
.l-main-home .new-btn{background-color:#FFF;border:2px solid #2e7eed;color:#2e7eed;margin-top:24px;transition:background-color .2s,color .2s,border .2s}
.l-main-home .new-btn:hover{background-color:#2e7eed;color:#FFF}
@media screen and (max-width:960px){
.l-main-home section{padding:50px 0}
.l-main-home .pro-list li{width:50%}}
@media screen and (max-width:767px){
.l-main-home section{padding:6.66667vw 0}
.l-main-home .sec-con{margin:4vw 0}
.l-main-home .pro-list{margin:0 -2vw}
.l-main-home .pro-list li{padding:0 2vw}
.l-main-home .new-list{padding:6vw 0 0}
.l-main-home .new-tit{font-size:16px}
.l-main-home .new-info{padding:0 4vw}}
.l-main-single section{padding:100px 0}
.l-main-single section.aboutcon p{color:#333;line-height:2em}
@media screen and (max-width:767px){
.l-main-single section{padding:6.66667vw 0}}
.l-main-pro .prolist-cate{border-bottom:1px solid #e0e0e0;color:#09080d;font-size:1.375em;font-weight:500;padding-bottom:12px}
.l-main-pro .prolist-catecon{color:#72797e;font-size:14px;line-height:1.8em;margin:30px 0}
.l-main-pro .pro-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -14px}
.l-main-pro .pro-list>li{padding:0 14px;width:33.33333%}
.l-main-pro .pro-list .pro-r,.l-main-pro .pro-list>li:hover .pro-addbtn{display:-ms-flexbox;display:flex}
.l-main-pro .pro-list .pro-r{-ms-flex-pack:justify;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:space-between}
.l-main-pro .pro-list .is-checked .pro-addbtn{display:-ms-flexbox;display:flex}
.l-main-pro .pro-list .is-checked .pro-addbtn i{color:#2e7eed}
.l-main-pro .pro-list .is-checked .pro-wrap{border-color:#2e7eed}
.l-main-pro .pro-list .is-checked .pro-btn{background-color:#2e7eed;color:#FFF}
@media screen and (max-width:960px){
.l-main-pro .pro-list>li{width:50%}}
.l-main-pro .pro-addbtn{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background-color:#FFF;border:1px solid #e1e1e1;box-sizing:border-box;cursor:pointer;display:none;height:42px;justify-content:center;position:absolute;right:12px;top:30px;width:42px}
.l-main-pro .pro-addbtn:hover i{color:#2e7eed}
.l-main-pro .pro-addbtn i{color:#1c1c1c;font-size:18px;font-weight:700}
@media screen and (max-width:767px){
.l-main-pro .prolist-catecon{margin:4vw 0}
.l-main-pro .pro-list,.l-main-pro .pro-list>li{padding:0 2vw}}
@media screen and (min-width:769px){
.l-main-pro .pro-list.pro-list-type1{display:-ms-flexbox;display:flex;margin:0}
.l-main-pro .pro-list.pro-list-type1>li{height:300px;width:100%}
.l-main-pro .pro-list.pro-list-type1 .pro-img{border-right:1px solid #eaeaea;width:300px}
.l-main-pro .pro-list.pro-list-type1 .pro-r{-ms-flex-pack:center;-ms-flex:1;flex:1;justify-content:center;padding:0 50px}
.l-main-pro .pro-list.pro-list-type1 .pro-wrap{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}
.l-main-pro .pro-list.pro-list-type1 .pro-btn{margin-top:30px;width:200px}
.l-main-pro .pro-list.pro-list-type1 .pro-info{box-sizing:border-box;padding:0}}
@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:300px;max-width:300px}}
.l-main-news .l-conwrap{-ms-flex-direction:column;flex-direction:column}
@media screen and (max-width:1440px){
.l-main-news .new-info{-ms-flex-pack:distribute;justify-content:space-around}
.l-main-news .new-info p{margin:0}}
@media screen and (max-width:767px){
.l-main-news .new-list>li{margin-bottom:6vw}
.l-main-news .l-conwrap{margin-top:0}}
.l-conwrap{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center;margin-top:80px}
.l-conwrap .l-left{-ms-flex:0 0 325px;flex:0 0 325px;margin-right:30px;max-width:325px}
.l-conwrap .l-right{-ms-flex:1;flex:1;width:100%}
@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-reconwrap{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center;margin-top:80px}
.l-reconwrap .l-left{-ms-flex:1;flex:1;width:100%}
.l-reconwrap .l-right{-ms-flex:0 0 325px;flex:0 0 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:0 24px}
@media screen and (max-width:767px){
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td,th,ul{font-size:14px}
.l-main-pro .pro-addbtn{display:-ms-flexbox;display:flex;height:40px;right:8px;top:8px;width:40px}
/*#fixed-social { visibility: hidden; }*/.page-header { padding-top: 3rem !important}
}
/*.l-foot{background:url(/images/foot-bg.jpg) rgba(0,0,0,.5) no-repeat;background-size:cover}*/
.l-foot .l-wrap{padding-bottom:44px;padding-top:80px}

@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:0;padding-top:4vw}}
@keyframes pulse{
0%{opacity:1;transform:scale(1)}
to{opacity:.25;transform:scale(.75)}}
.spinner-box{-ms-flex-pack:center;background-color:transparent;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}
.pulse-container,.spinner-box{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}
.pulse-container{-ms-flex-pack:justify;justify-content:space-between;width:50px}
.pulse-bubble{background-color:#2e7eed;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{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background:#FFF;border-radius:50%;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);display:none;display:-ms-flexbox;display:flex;height:40px;justify-content:center;transition:all .4s ease;width:40px;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{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;border:1px solid #eee;box-sizing:border-box;display:-ms-flexbox;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{background:#FFF;border:1px solid #ddd;box-sizing:border-box;display:none;margin:50px 0;padding:0 30px;width:100%}
.inquiry-prolist a{color:#000;text-decoration:none}
.inquiry-prolist .inquiry-pro-item{border-bottom:1px solid #ddd;box-sizing:content-box;display:-ms-flexbox;display:flex;height:100px;margin-top:0;padding:40px 10px;width:100%}
.inquiry-prolist .inquiry-pro-item .pro-item-img{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;justify-content:center;overflow:hidden;width:200px}
.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:14px;margin-left:50px;padding-top:30px}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{font-size:16px}
.inquiry-prolist .inquiry-pro-item .pro-item-name a:hover{color:#2e7eed}
.inquiry-prolist .inquiry-pro-item .pro-item-name p{margin:10px 0 0;padding:0}
.inquiry-prolist .inquiry-pro-item .pro-item-del{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;justify-content:center;margin-left:auto;padding-top:20px;position:relative;width:100px}
.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:#333;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:1vw 5vw}
.inquiry-prolist .inquiry-pro-item{box-sizing:border-box;height:20vw;margin:0;padding:3vw}
.inquiry-prolist .inquiry-pro-item .pro-item-del{padding-top:0;width:10vw}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close{right:0;top:4vw}
.inquiry-prolist .inquiry-pro-item .pro-item-name{font-size:3vw;margin:0;max-width:48vw;padding:2vw 0 0}
.inquiry-prolist .inquiry-pro-item .pro-item-name p a{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:3.2vw;overflow:hidden;text-overflow:ellipsis}
.inquiry-prolist .inquiry-pro-item .pro-item-img{margin-right:3vw;min-width:24vw;width:auto}}
.document .l-wrap video{background-color:#000;display:block;height:350px;margin:0 auto;width:50%}
@media (max-width:768px){
.document .l-wrap video{height:80vw;width:100%}}
.document .l-wrap video+p{font-size:18px;margin:10px 0;text-align:center}
.document p{line-height:1.6em}
.seo-key{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#2b2b2b;line-height:1.7em;margin-bottom:50px;padding:10px}
.seo-key .keywords{margin-top:10px}
.seo-key .keywords a{background:#f1f1f1;border-radius:999px;color:#2b2b2b;line-height:2em;margin-right:20px;padding:10px}
.case-list{background-color:#FFF}
@media screen and (max-width:768px){
.seo-key .keywords span{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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:0 40px}}
@media screen and (max-width:960px){
.case-list .case-wrap{padding:0}}
.toast-title{font-weight:700}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFF}
.toast-message a:hover{color:#ccc;text-decoration:none}
.toast-close-button{color:#FFF;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);float:right;font-size:20px;font-weight:700;line-height:1;opacity:.8;position:relative;right:-.3em;-webkit-text-shadow:0 1px 0 #FFF;text-shadow:0 1px 0 #FFF;top:-.3em}
.toast-close-button:focus,.toast-close-button:hover{color:#000;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:0;cursor:pointer;padding:0}
.toast-top-center{right:0;top:260px;width:100%}
.toast-bottom-center{bottom:0;right:0;width:100%}
.toast-top-full-width{right:0;top:0;width:100%}
.toast-bottom-full-width{bottom:0;right:0;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 #999;color:#FFF;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);margin:0 0 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 #000;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:#000;bottom:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);height:4px;left:0;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}}
.send-inquiry .inquiry-form{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;position:relative}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{border-radius:5px;padding-right:40px;transition:.3s}
.send-inquiry .inquiry-form input::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea::-webkit-input-placeholder{color:#4c4c4c;transform-origin:top left;-webkit-transition:.3s;transition:.3s}
.send-inquiry .inquiry-form input::-moz-input-placeholder,.send-inquiry .inquiry-form textarea::-moz-input-placeholder{color:#4c4c4c}
.send-inquiry .inquiry-form input::-ms-input-placeholder,.send-inquiry .inquiry-form textarea::-ms-input-placeholder{color:#4c4c4c}
.send-inquiry .inquiry-form input:focus::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder{transform:scale(.8) translate(2px,-14px)}
.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus{border-color:#2e7eed}
.send-inquiry .inquiry-form input{height:50px;margin-bottom:30px;position:relative;width:49%}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{border:1px solid #d5d5d5;box-sizing:border-box;outline:0;padding-left:20px}
.send-inquiry .inquiry-form textarea{height:250px;padding-top:20px;resize:none;width:100%}
.send-inquiry .inquiry-form .input-error{border:1px solid #f77}
.send-inquiry .send-btn{background-color:#2e7eed;border-radius:5px;box-sizing:border-box;height:50px;margin:50px 0;width:200px}
.send-inquiry .send-btn,.send-inquiry .send-btn .span:first-child{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}
.send-inquiry .send-btn .span:first-child{-ms-flex-pack:center;color:#FFF;-ms-flex:1;flex:1;font-weight:700;justify-content:center;text-transform:uppercase;-ms-user-select:none;user-select:none}
.send-inquiry .send-btn .span:nth-child(2){display:none}
.send-inquiry .send-btn:hover{border:1px solid #2e7eed;cursor:pointer}
.inquiry .l-wrap{max-width:900px;padding:0}
.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:#2e7eed}
.l-main-single .inquiry{background-color:#f2f1fa;padding:80px 0}
.send-tit{color:#222;font-size:34px;font-weight:700;margin:70px 0 30px;text-transform:uppercase}
@media screen and (max-width:768px){
.send-tit{color:#222;font-size:18px;font-weight:700;margin:20px 0}
.send-inquiry .inquiry-form input{height:12vw;margin-bottom:4vw;padding-left:2.66667vw;width:100%}
.send-inquiry .inquiry-form textarea{height:33.33333vw;padding-left:2.66667vw;padding-top:3.33333vw;width:100%}
.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:14px}
.send-inquiry .send-btn .span:nth-child(2){width:6.66667vw}
.l-main-single .inquiry{padding:8vw 0}
.inquiry .send-inquiry .send-btn{margin:8vw auto 4vw}
.inquiry-tip{margin-bottom:6vw}}
.wave{background-color:#2e7eed;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:0;content:"";left:0;position:absolute;right:0}
.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:16px}
.wave-top{background-color:#FFF;height:10px;position:relative}
.wave-top:before{background-image:radial-gradient(circle at 6px,at -3px,transparent 7.2px,#2e7eed 8.2px);background-image:radial-gradient(circle at 6px -3px,transparent 7.2px,#2e7eed 8.2px);background-size:12px 12px;height:7.2px}
.wave-top:after,.wave-top:before{background-repeat:repeat;bottom:0;content:"";left:0;position:absolute;right:0}
.wave-top:after{background-image:radial-gradient(circle at 6px,at 9px,#2e7eed 0,transparent 8.2px);background-image:radial-gradient(circle at 6px 9px,#2e7eed 7.2px,transparent 8.2px);background-size:24px 12px;height:9px}
.head-top{background-color:#2e7eed;/*height:50px;*/position:relative}
.head-top .top-contact{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center}
.head-top .con-item{color:#FFF;font-size:14px}
.head-top .con-item .icon-email{font-size:17px}
.head-top .con-item a{color:#FFF}
.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:-ms-flexbox;display:flex;margin-left:auto}
.head-top .top-share .icon-item{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;border:1px solid #2e7eed;border-radius:50%;display:-ms-flexbox;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:16px}
.head-top .top-share .icon-item:hover{border-color:#FFF}
.head-top .top-share a{color:#FFF}
.head-top .wave{position:absolute;top:100%;width:100%}
.l-header{box-shadow: 0 9px 20px 4px rgb(0 0 0 / 77%);height:100px;transition:height .4s;z-index:9999!important}
.l-header .l-wrap{-ms-flex-align:center;align-items:center}
.l-header .head-nav{-ms-flex:1;flex:1;height:100%;position:relative}
.l-header .head-nav a{color:#555;transition:color .2s}
.l-header .head-nav a:hover{color:#2e7eed}
.l-header .head-nav>ul{-ms-flex-align:center;-ms-flex-pack:end;align-items:center;display:-ms-flexbox;display:flex;height:100%;justify-content:center}
.l-header .head-nav>ul>li{height:100%;position:relative}
.l-header .head-nav>ul>li>a{line-height:100px;padding:0 25px;text-transform:uppercase}
.l-header .head-nav>ul>li a{display:block;font-weight:700;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:768px) {
.l-header .head-nav>ul>li>ul{background-color:#fff;border-radius:5px;display:none;left:0;position:absolute;top:100%;width:auto;z-index:2;box-shadow: 0px 2px 7px #0000005e;}
.l-header .head-nav>ul>li>ul a{line-height:2.5em;padding:0 20px;white-space:nowrap}
.l-header .head-nav>ul>li>ul>li{display:block;font-size: 15px;border-bottom: 1px solid #1e233945;padding: 10px 0px}}

 
    /*@media (min-width:768px) and (max-width:1000px){
.l-header .head-nav{background:#2e7eed;height:44px;margin-left:30px;margin-right:auto;max-width:44px;overflow:hidden;position:relative;width:44px}
.l-header .head-nav:after{color:#FFF;content:"☰";font-size:16px;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:0}}
*/

    .l-header .head-nav.is-active {
        overflow: visible;
        z-index: 9
    }

        .l-header .head-nav.is-active > ul {
            background: #2e7eed;
            -ms-flex-direction: column;
            flex-direction: column;
            height: auto;
            left: 0;
            padding-top: 44px;
            position: absolute;
            top: 0;
            width: 250px
        }

            .l-header .head-nav.is-active > ul > li {
                display: block;
                height: 44px
            }

                .l-header .head-nav.is-active > ul > li > a {
                    color: #FFF;
                    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 {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }

        .l-header .head-logo a {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            justify-content: center;
            width: 100%
        }

        .l-header .head-logo img {
            max-height: 100%;
            max-width: 185px;
            padding: 1px;
        }

    .l-header .search-btn {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: center;
        border: 2px solid #ddd;
        border-radius: 50%;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        height: 40px;
        justify-content: center
    }

        .l-header .search-btn i {
            color: #2e7eed;
            font-size: 20px;
            top: 1px
        }

    .l-header .nav-btn {
        display: none;
        height: 4.2666666667vw;
        margin: auto 0;
        position: relative;
        width: 10vw
    }

        .l-header .nav-btn span {
            background-color: #000;
            border-radius: 2px;
            display: block;
            height: .6666666667vw;
            position: absolute;
            transition: top .1s .1s,transform .1s,background .1s,opacity 0s .1s;
            width: 6vw
        }

            .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: 0
        }

    .l-header .nav-sign {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        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: #0851b1;
            border-radius: 50%;
            display: block;
            height: 5px;
            margin-right: 3px;
            width: 5px
        }

            .l-header .nav-sign span:nth-of-type(2) {
                background: #df0100
            }

    @media (max-width:960px) {
        .l-header .nav-sign {
            display: none !important
        }
    }

.l-header.is-fix {
    background: #FFF;
    height: 90px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999 !important;
}

        .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: 0;
        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
        }

    #xyz * {
        box-sizing: border-box
    }

    #xyz {
        height: 32px;
        line-height: 32px;
        margin-left: 10px;
        position: relative;
        width: 120px;
        z-index: 99999
    }

    .xyz12 {
        height: 100%;
        position: absolute;
        width: 100%
    }

        .xyz12 ul {
            background: #FFF;
            border: 1px solid #dbdbdb
        }

            .xyz12 ul > li {
                display: none
            }

                .xyz12 ul > li:first-of-type {
                    display: block
                }

        .xyz12 li {
            float: none;
            height: 30px;
            margin-left: 0;
            position: relative;
            text-align: left;
            width: 100%;
            z-index: 1
        }

            .xyz12 li a {
                color: #333;
                display: block;
                font-size: 12px;
                overflow: hidden;
                padding: 0 8px;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .xyz12 li.selected {
                border-top: 0
            }

                .xyz12 li.selected a {
                    color: #8550d9
                }

        .xyz12 span {
            display: block;
            height: 32px;
            right: 6px;
            top: 0;
            width: 32px;
            z-index: 100
        }

            .xyz12 span, .xyz12 span:after {
                cursor: pointer;
                position: absolute
            }

                .xyz12 span:after {
                    border: 2px solid #707070;
                    border-left: none;
                    border-top: none;
                    content: " ";
                    height: 7px;
                    right: 10px;
                    top: 10px;
                    transform: rotate(45deg);
                    width: 7px
                }

                .xyz12 span.dp:after {
                    top: 13px;
                    transform: rotate(-135deg)
                }

        .xyz12 li img {
            margin: 0 7px 0 0;
            vertical-align: middle;
        }

        .xyz12 li:hover {
            background: #f2f2f2
        }

    @media (max-width:767px) {
        .l-header {
            background-color: #FFF;
            height: 80px;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            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: -ms-flexbox;
                display: flex
            }

            .l-header .head-nav {
                background: #FFF;
                bottom: 0;
                left: 100vw;
                overflow: hidden;
                position: fixed;
                right: 0;
                top: 14.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;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    height: 100%;
                    justify-content: flex-start
                }

                    .l-header .head-nav > ul > li {
                        border-bottom: 1px solid #ccc;
                        height: auto;
                        position: relative;
                        width: 100%
                    }

                        .l-header .head-nav > ul > li a {
                            box-sizing: border-box;
                            height: 40px;
                            line-height: 40px;
                            width: 100%
                        }

                            .l-header .head-nav > ul > li a.inmenu_1 {
                                color: #2e7eed
                            }

                    .l-header .head-nav > ul .slide-submenu {
                        box-sizing: border-box;
                        color: #5d5d5d;
                        position: absolute;
                        right: 60px;
                        top: 10px;
                        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);
                            right: 70px
                        }

                    .l-header .head-nav > ul .submenu {
                        padding: 0 0 0 35px
                    }

                        .l-header .head-nav > ul .submenu a {
                            color: #5d5d5d;
                            font-weight: 400
                        }

        .head-top {
            height: 2.66667vw;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            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: 0
            }

            .head-top .con-item:nth-of-type(2) {
                display: none
            }

        main {
            margin-top: 14.66667vw
        }

        .nav-search {
            display: none;
            max-width: 500px;
            padding: 0 4vw;
            width: 100%
        }

            .nav-search input {
                width: 100%
            }

        .head-nav .nav-search {
            box-sizing: border-box;
            display: block;
            padding: 0 25px;
            width: 100%
        }

            .head-nav .nav-search input {
                border: 1px solid #ccc;
                box-sizing: border-box;
                height: 10vw;
                margin: 20px 0;
                padding: 0 0 0 1em;
                border-radius: 10px;
            }
    }

    @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 {
        -ms-flex-pack: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        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: #727272;
                margin-bottom: 14px;
                padding-left: 10px;
                position: relative
            }

                .about .about-l > ul > li:after {
                    background-color: #2e7eed;
                    border-radius: 50%;
                    content: "";
                    display: block;
                    height: 7px;
                    left: -6px;
                    position: absolute;
                    top: 6px;
                    width: 7px
                }

    .about .about-btn, .about .about-btn .btn {
        display: -ms-flexbox;
        display: flex
    }

        .about .about-btn .btn {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            box-sizing: border-box;
            color: #FFF;
            font-size: 14px;
            font-weight: 700;
            height: 50px;
            justify-content: center;
            min-width: 138px;
            padding: 0 10px;
            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: #FFF;
                border: 1px solid #84b93e;
                color: #84b93e
            }

        .about .about-btn .btn-cont {
            background-color: #2e7eed
        }

            .about .about-btn .btn-cont:hover {
                background-color: #FFF;
                border: 1px solid #2e7eed;
                color: #2e7eed
            }

    .about .about-tit {
        color: #2e7eed;
        font-size: 2.2em;
        font-weight: 700;
        padding-bottom: .5em;
        position: relative;
        text-transform: uppercase
    }

        .about .about-tit:after {
            background-color: #2e7eed;
            bottom: 0;
            content: "";
            height: 3px;
            left: 0;
            position: absolute;
            width: 70px
        }

    .about .about-con {
        color: #333;
        line-height: 2em;
        margin: 30px 0
    }

    .about img {
        font-family: "object-fit:cover";
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    @media screen and (max-width:960px) {
        .about .l-wrap {
            -ms-flex-direction: column;
            flex-direction: column
        }

            .about .l-wrap > div {
                width: 100%
            }

            .about .l-wrap .about-r {
                margin-top: 30px;
                padding-right: 0
            }

            .about .l-wrap .about-l {
                padding-right: 0
            }
    }

    @media screen and (max-width:767px) {
        .about {
            overflow: hidden
        }

            .about .about-l {
                font-size: 12px
            }

                .about .about-l > ul {
                    margin-bottom: 4vw
                }

            .about .about-con {
                margin: 4vw 0
            }

            .about .about-btn .btn {
                height: auto;
                min-width: 0;
                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: 2px;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 99
    }

    #indexSwiper .swiper-pagination-bullet {
        background-color: #ccc;
        border-radius: 999px;
        height: 4px;
        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: 0
        }

        #indexSwiper .swiper-pagination-bullet.cur:after {
            transition: width 3s linear;
            width: 100%
        }

    #indexSwiper .swiper-pagination-bullet-active {
        background-color: #ccc
    }

    #indexSwiper .swiper-pagination {
        bottom: 20px
    }

    .swiper-button-next, .swiper-button-prev {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: center;
        background: 0 0;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

        .swiper-button-next i, .swiper-button-prev i {
            color: #FFF;
            font-size: 30px
        }

    @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: 16px
        }

        .swiper-pagination {
            bottom: 20px
        }
    }

    .cate {
        position: relative
    }

        .cate ul {
            display: -ms-flexbox;
            display: flex;
            margin: 0 -30px;
            width: 100%
        }

        .cate .img-wrap {
            background-color: #f2f2f2;
            border-radius: 50%;
            height: 90%;
            left: 5%;
            overflow: hidden;
            position: absolute;
            top: 5%;
            width: 90%
        }

            .cate .img-wrap > img {
                display: block;
                height: 100%;
                transition: transform .3s ease;
                width: 100%
            }

        .cate .wave-bottom {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0
        }

    @media screen and (max-width:960px) {
        .cate .cate-item {
            margin-bottom: 20px;
            padding: 0 10%;
            width: 50%
        }

        .cate .cate-name {
            margin-top: 10px
        }

        .cate ul {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: auto
        }
    }

    @media screen and (max-width:767px) {
        .cate ul {
            margin: 0 -4vw;
            overflow: hidden;
            width: 100vw
        }

        .cate .cate-name {
            font-size: 12px
        }

        .cate .cate-item {
            padding: 0 4vw
        }

        .cate .cate-img > .btn-more {
            bottom: 3%;
            font-size: 12px;
            height: 40px;
            right: 3%;
            width: 40px
        }
    }

    .cate-item {
        box-sizing: border-box;
        padding: 0 30px;
        width: 25%
    }

        .cate-item:hover img {
            transform: scale(1.05)
        }

    .cate-img {
        background-color: #FFF;
        border-radius: 50%;
        padding-bottom: 100%;
        position: relative;
        width: 100%
    }

        .cate-img:after {
            border-bottom: 8px solid #84b93e;
            border-left: 8px solid #84b93e;
            border-color: #84b93e #84b93e transparent transparent;
            border-radius: 50%;
            border-style: solid;
            border-width: 8px;
            content: "";
            height: 98%;
            left: calc(1% - 8px);
            position: absolute;
            top: calc(1% - 8px);
            transform: rotate(135deg);
            width: 98%
        }

        .cate-img > .btn-more {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #fcb54e;
            border-radius: 50%;
            bottom: 5%;
            color: #FFF;
            display: -ms-flexbox;
            display: flex;
            font-weight: 700;
            height: 70px;
            justify-content: center;
            position: absolute;
            right: 5%;
            text-transform: uppercase;
            width: 70px;
            z-index: 9
        }

    .cate-name {
        color: #FFF;
        display: block;
        font-family: Arial;
        font-weight: 700;
        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: #FFF;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        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: #000;
                margin-top: 0;
                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 {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #FFF;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

            .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;
            -ms-flex-direction: column;
            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 {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            opacity: 0
        }

        .latestpro-item .more-icon {
            background-color: #FFF;
            border-radius: 50%;
            height: 54px;
            position: relative;
            transform: translate3d(0,20px,0);
            transition: transform .35s;
            width: 54px
        }

            .latestpro-item .more-icon:after {
                background: rgba(255,255,255,.37);
                border-radius: 50%;
                content: "";
                display: block;
                height: 65px;
                position: absolute;
                width: 65px
            }

            .latestpro-item .more-icon i {
                color: #2e7eed;
                font-size: 30px
            }

    .latestpro-name {
        color: #FFF;
        font-weight: 700;
        margin-top: 30px;
        transform: translate3d(0,20px,0) scale(1.1);
        transition: opacity .35s,transform .35s
    }

    .pro-list > li {
        box-sizing: border-box;
        margin-bottom: 48px
    }

        .pro-list > li:hover .pro-wrap {
            border-color: #2e7eed
        }

        .pro-list > li:hover .pro-btn {
            background-color: #2e7eed;
            color: #FFF
        }

    .pro-list .pro-wrap {
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        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 {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

    .pro-list .pro-name {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #222;
        display: block;
        display: -webkit-box;
        font-size: 1.125em;
        font-weight: 500;
        height: 2.3em;
        margin-bottom: 1em;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .pro-list .pro-info {
        padding: 24px
    }

        .pro-list .pro-info > p {
            -webkit-box-orient: vertical;
            color: #777;
            display: -webkit-box;
            font-size: 14px;
            line-height: 1.6em;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
        }

    @media screen and (max-width:1440px) {
        .pro-list .pro-info {
            padding: 10px
        }
    }

    .pro-list .pro-btn {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #eee;
        box-sizing: border-box;
        color: #333;
        display: -ms-flexbox;
        display: flex;
        font-weight: 700;
        justify-content: center;
        margin-top: auto;
        padding: 14px;
        text-transform: uppercase;
        transition: color .2s,background-color .2s;
        width: 100%
    }

    .preview-container {
        background: #FFF;
        padding-bottom: 1px;
        position: relative;
        width: 450px
    }

        .preview-container .small-box {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #FFF;
            border: 1px solid #eee;
            box-sizing: border-box;
            cursor: move;
            display: -ms-flexbox;
            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 #eee;
                display: none;
                height: 180px;
                position: absolute;
                width: 180px
            }

        .preview-container .thumbnail-box {
            background: #FFF;
            box-sizing: border-box;
            margin: 20px 0;
            position: relative;
            width: 100%
        }

            .preview-container .thumbnail-box .list {
                margin: 0 auto;
                overflow: hidden;
                position: relative;
                width: 390px
            }

                .preview-container .thumbnail-box .list ul {
                    display: -ms-flexbox;
                    display: flex;
                    padding: 2px 0;
                    width: 100000px
                }

                    .preview-container .thumbnail-box .list ul .item {
                        -ms-flex-pack: center;
                        -ms-flex-align: center;
                        align-items: center;
                        border: 1px solid #ccc;
                        box-sizing: border-box;
                        display: -ms-flexbox;
                        display: flex;
                        height: 76px;
                        justify-content: center;
                        margin: 0 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 #2e7eed
                    }

                .preview-container .thumbnail-box .list .banner-page {
                    -ms-flex-pack: center;
                    -ms-flex-align: center;
                    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: #FFF;
                        font-size: 4vw
                    }

            .preview-container .thumbnail-box .btn {
                -ms-flex-pack: center;
                -ms-flex-align: center;
                align-items: center;
                background-color: #efefef;
                display: -ms-flexbox;
                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: #2e7eed
                }

                    .preview-container .thumbnail-box .btn:hover i {
                        color: #FFF
                    }

            .preview-container .thumbnail-box .btn-prev {
                border-radius: 5px 0 0 5px;
                left: 0
            }

            .preview-container .thumbnail-box .btn-next {
                border-radius: 0 5px 5px 0;
                right: 0
            }

            .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: #000
                    }

            .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: #000
                    }

        .preview-container .big-box {
            background: #FFF;
            border: 1px solid #eee;
            box-sizing: border-box;
            display: none;
            height: 553.5px;
            left: 449px;
            overflow: hidden;
            position: absolute;
            top: 0;
            width: 550px;
            z-index: 20
        }

            .preview-container .big-box img {
                display: block;
                max-height: none;
                max-width: none;
                width: 130%
            }

    .prodetail-top {
        display: -ms-flexbox;
        display: flex
    }

        .prodetail-top > div {
            -ms-flex: 1;
            flex: 1
        }

    .prodetail-info {
        padding-left: 30px
    }

    .prodetail-name {
        border-bottom: 1px solid #e5e5e5;
        color: #232323;
        font-size: 1.5625em;
        font-weight: 500;
        line-height: 1.3;
        padding: 1em 0
    }

    .prodetail-con {
        color: #777;
        font-size: .875em;
        line-height: 2em;
        margin: 2em 0
    }

    .prodetail-share {
        margin-bottom: 20px
    }

    .prodetail .btn-list a {
        color: #FFF
    }

    .prodetail .btn-list > * {
        background-color: #2e7eed;
        border-radius: 5px;
        box-sizing: border-box;
        display: block;
        margin-bottom: 20px;
        padding: 1.3em;
        text-align: center;
        text-transform: uppercase;
        width: 100%
    }

    .prodetail .btn-list .pdown1, .prodetail .btn-list .pdown2, .prodetail .btn-list .pdown3 {
        background-color: #333
    }

        .prodetail .btn-list .pdown1 a, .prodetail .btn-list .pdown2 a, .prodetail .btn-list .pdown3 a {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            justify-content: center;
            width: 100%
        }

    .prodetail .btn-list a.btn-send {
        cursor: pointer
    }

    .prodetail-content {
        margin-top: 50px
    }

        .prodetail-content article {
            margin: 50px 0
        }

            .prodetail-content article > p {
                font-size: .875em
            }

        .prodetail-content .pagelink {
            margin: 50px 0
        }

    .prodetail-rec {
        display: none
    }

    .prodetail-rec-tit {
        color: #333;
        font-size: 1.875em;
        margin-bottom: 50px;
        text-align: center
    }

    .prodetail-content-tit {
        border-bottom: 4px solid #efefef;
        color: #333;
        font-size: 1.875em
    }

        .prodetail-content-tit span {
            display: inline-block;
            padding: .8em 0;
            position: relative
        }

            .prodetail-content-tit span:after {
                background-color: #2e7eed;
                content: "";
                display: block;
                height: 4px;
                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 {
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .prodetail-top > div {
                max-width: 100%;
                width: 100%
            }

        .prodetail-info {
            padding-left: 0
        }

        .prodetail-view {
            -ms-flex-pack: center;
            display: -ms-flexbox;
            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: auto;
                    margin: 0;
                    outline: 0
                }
    }

    @media screen and (max-width:767px) {
        .prodetail-con, .prodetail-content article > p, .prodetail-rec {
            font-size: 14px
        }

        .prodetail-content, .prodetail-rec {
            margin-top: 6vw
        }

            .prodetail-content .pro-list li:nth-of-type(3) {
                display: none
            }

            .prodetail-content article {
                margin: 6vw 0
            }

        .preview-container .thumbnail-box .btn {
            display: none
        }

        .preview-container .swiper-pagination-bullet-active {
            background-color: #2e7eed
        }

        .prodetail-content .pagelink {
            margin: 6vw 0
        }
    }

    .intro {
        background: url(/images/ab-bg2.png) #84b93e
    }

    .intro-list {
        width: 100%
    }

        .intro-list, .intro-list > li {
            display: -ms-flexbox;
            display: flex
        }

            .intro-list > li {
                -ms-flex-pack: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex: 1;
                flex: 1;
                -ms-flex-direction: column;
                flex-direction: column;
                justify-content: center
            }

            .intro-list .num {
                color: #FFF;
                font-size: 3em;
                font-weight: 500;
                margin: 30px 0
            }

            .intro-list p {
                color: #FFF;
                font-size: 1.125em
            }

    @media screen and (max-width:960px) {
        .intro-list {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .intro-list > li {
                -ms-flex: 1;
                flex: 1;
                margin-bottom: 30px;
                min-width: 50%
            }

            .intro-list .num {
                margin: 10px 0
            }
    }

    @media screen and (max-width:767px) {
        .intro-list .num {
            font-size: 30px
        }
    }

    .new-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -16px
    }

        .new-list > li {
            box-sizing: border-box;
            padding: 0 16px;
            width: 50%
        }

    @media screen and (max-width:960px) {
        .new-list > li {
            margin-bottom: 20px;
            width: 100%
        }
    }

    .new-wrap {
        background-color: #FFF;
        border-radius: 10px;
        box-shadow: 0 3px 57px 0 rgba(154,154,154,.42);
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        width: 100%
    }

        .new-wrap > div:first-of-type {
            -ms-flex: 4;
            flex: 4;
            width: 40%
        }

        .new-wrap > div:nth-of-type(2) {
            -ms-flex: 6;
            flex: 6;
            width: 60%
        }

        .new-wrap:hover img {
            transform: scale(1.05)
        }

        .new-wrap:hover .new-more i {
            background-color: #2e7eed;
            border: 1px solid #2e7eed;
            color: #FFF
        }

    .new-img {
        overflow: hidden;
        position: relative
    }

        .new-img:after {
            content: "";
            display: block;
            padding-top: 100%
        }

        .new-img > a {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .new-img img {
            display: block;
            font-family: "object-fit:cover";
            height: 100%;
            object-fit: cover;
            transition: transform .3s ease;
            width: 100%
        }

    .new-info {
        -ms-flex-pack: center;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        padding: 0 40px
    }

    @media screen and (max-width:1440px) {
        .new-info {
            padding: 0 20px
        }
    }

    .new-date {
        color: #606060;
        font-size: 14px;
        margin-bottom: 20px
    }

        .new-date span {
            margin-left: 10px
        }

        .new-date i {
            color: #b9b9b9
        }

    .new-tit {
        color: #09080d;
        font-size: 18px;
        font-weight: 500;
        -ms-text-overflow: ellipsis;
        white-space: nowrap
    }

    .new-con, .new-tit {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .new-con {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #666;
        display: -webkit-box;
        font-size: 14px;
        line-height: 1.5em;
        margin: 20px 0
    }

    .new-more {
        border: 1px solid #2e7eed;
        border-radius: 50%;
        box-sizing: border-box;
        color: #2e7eed;
        display: block;
        height: 40px;
        position: relative;
        width: 40px
    }

        .new-more i {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 50%;
            box-sizing: border-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 20px;
            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: 1.875em;
        font-weight: 500;
        margin-bottom: 30px
    }

    .new-line {
        background: #e0e0e0;
        height: 1px;
        margin: 70px 0;
        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: 0 4vw
            }

        .new-con {
            font-size: 12px
        }

        .new-tit {
            font-size: 16px
        }

        .new-info {
            padding: 4vw
        }

        .new-line {
            margin: 6.66667vw 0
        }

        .new-contit {
            margin-bottom: 4vw
        }
    }

    .foot-top {
        -ms-flex-pack: justify;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,.1);
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding-bottom: 60px
    }

        .foot-top .l-left {
            color: #FFF;
            font-family: Lato;
            font-size: 1.75em;
            line-height: 1.3em
        }

            .foot-top .l-left span {
                color: #2e7eed
            }

        .foot-top .l-right {
            min-width: 350px;
            width: 30%
        }

    .foot-sub {
        -ms-flex-pack: justify;
        -ms-flex-align: center;
        align-items: center;
        background: #FFF;
        border-radius: 999px;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        height: 56px;
        justify-content: space-between;
        overflow: hidden;
        width: 100%
    }

        .foot-sub input {
            border: 0;
            box-sizing: border-box;
            -ms-flex: 1;
            flex: 1;
            font-family: Lato;
            height: 100%;
            margin-right: 30px;
            outline: 0;
            padding-left: 14px
        }

        .foot-sub .sub-btn {
            background: #2e7eed;
            border: 0;
            border-radius: 999px;
            color: #FFF;
            cursor: pointer;
            font-weight: 700;
            height: 45px;
            margin-right: 8px;
            min-width: 120px;
            outline: 0
        }

    .foot-right a {
        color: #d4d4d4
    }

    .foot-right {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: center /*;background:#1c1c1c*/;
        color: #d4d4d4;
        font-size: 14px;
        height: 50px;
        justify-content: center;
    }

    .foot-list, .foot-right {
        display: -ms-flexbox;
        display: flex
    }

    .foot-item {
        padding-right: 30px;
        width: 25%
    }

    .foot-tit {
        color: #FFF;
        font-size: 1.5em;
        margin-bottom: 40px;
        text-transform: uppercase
    }

    .foot-con {
        font-size: 14px;
        width: 235px
    }

        .foot-con, .foot-con a {
            color: #bababa
        }

            .foot-con li, .foot-con p {
                font-size: 14px
            }

    .foot-intro .foot-con p {
        line-height: 2em
    }

    .foot-intro ul {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
        width: 100%
    }

        .foot-intro ul > li {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            background: #FFF;
            border-radius: 50%;
            display: -ms-flexbox;
            display: flex;
            height: 34px;
            justify-content: center;
            margin-right: 10px;
            margin-bottom: 10px;
            width: 34px;
            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.9;
                }

            .foot-intro ul > li i {
                color: #FFF;
                font-size: 20px
            }

        .foot-intro ul .fb {
            background: #43589b
        }

        .foot-intro ul .go {
            background: #e04c86
        }

        .foot-intro ul .tw {
            background: #59acee
        }

        .foot-intro ul .lk {
            background: #517fa3
        }

        .foot-intro ul .pi {
            background: #c94133
        }

        .foot-intro ul .ins {
            background: #fc5849;
        }

        .foot-intro ul .you {
            background: #ff0000;
        }

        .foot-intro ul .tik {
            background: #000000;
        }

    .foot-nav ul li {
        background: url(/images/arrow-nav.png) no-repeat;
        background-position: 0 10px;
        line-height: 2em;
        margin-bottom: 10px;
        padding-left: 20px
    }

    .foot-nav li a {
        color: #FFF;
        transition: color .2s
    }

    .foot-nav li:hover a {
        color: #2e7eed
    }

    .foot-nav li:hover {
        background-image: url(/images/arrow-nav-w.png)
    }

    .foot-cont ul li {
        display: -ms-flexbox;
        display: flex;
        line-height: 2em;
        margin-bottom: 10px
    }

        .foot-cont ul li i {
            color: #FFF;
            font-size: 18px;
            margin-right: 10px
        }

    .foot-rec ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -3px
    }

        .foot-rec ul li {
            box-sizing: border-box;
            margin-bottom: 6px;
            padding: 0 3px;
            position: relative;
            width: 33%
        }

            .foot-rec ul li:hover img {
                transform: scale(1.1)
            }

    .foot-imgwrap {
        padding: 0;
        position: relative;
        width: 100%
    }

        .foot-imgwrap:after {
            content: "";
            display: block;
            padding-top: 100%
        }

        .foot-imgwrap > a {
            -ms-flex-align: center;
            -ms-flex-pack: center;
            align-items: center;
            background-color: #FFF;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            justify-content: center;
            left: 0;
            overflow: hidden;
            position: absolute;
            top: 0;
            width: 100%
        }

        .foot-imgwrap img {
            max-height: 100%;
            max-width: 100%;
            transition: transform .2s
        }

    .foot-linetop {
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

        .foot-linetop > span {
            background-color: #84b93e;
            display: block;
            -ms-flex: 1;
            flex: 1;
            height: 5px
        }

            .foot-linetop > span:nth-child(2n) {
                background-color: #2e7eed
            }

    .mobile-bottom, .mobile-bottom.is-hide {
        display: none
    }

    @media screen and (max-width:960px) {
        .foot-top {
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .foot-top > .l-left {
                margin-bottom: 20px
            }

            .foot-top > .l-right {
                width: 100%
            }

        .foot-list {
            -ms-flex-wrap: wrap;
            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: 12px;
            padding-bottom: 8vw
        }

        .foot-sub {
            height: 46px
        }

            .foot-sub .sub-btn {
                height: 40px;
                margin-right: 4px
            }

        .foot-item {
            margin-bottom: 6vw;
            padding-right: 0;
            width: 100%
        }

        .foot-intro ul {
            margin-top: 4vw
        }

        .foot-nav ul li {
            display: inline-block;
            margin-right: 4vw
        }

        .foot-cont {
            margin-bottom: 0;
            margin-top: 0
        }

        .foot-right {
            height: auto;
            line-height: 2;
            padding: 4vw
        }

        .foot-intro {
            margin-bottom: 0
        }

            .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 {
                    font-size: 16px
                }

        .mobile-bottom {
            -ms-flex-align: center;
            -ms-flex-pack: space-evenly;
            align-items: center;
            background: #2e7eed;
            display: -ms-flexbox;
            display: flex;
            height: 10vw;
            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 {
                background: #2e7eed;
                box-sizing: border-box;
                font-size: 14px;
                height: 10vw;
                padding: .66667 0;
                /*width: 16vw*/
            }

                .mobile-bottom .mobile-bottom-item, .mobile-bottom .mobile-bottom-item a {
                    -ms-flex-pack: distribute;
                    -ms-flex-align: center;
                    align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    justify-content: space-around
                }

                    .mobile-bottom .mobile-bottom-item a {
                        color: #FFF;
                        height: 100%;
                        width: 100%
                    }

                    .mobile-bottom .mobile-bottom-item i {
                        margin-bottom: -0.33333vw;
                        transform: scale(1.6)
                    }

        .l-foot {
            padding-bottom: calc(16vw + constant(safe-area-inset-bottom));
            padding-bottom: calc(16vw + env(safe-area-inset-bottom))
        }
    }

    .inner-banner {
        background-color: #7f7f7f;
        min-height: 300px;
        position: relative
    }

        .inner-banner > img {
            height: auto;
            width: 100%
        }

    .inner-wrap {
        -ms-flex-align: center;
        -ms-flex-pack: center;
        align-items: center;
        bottom: 0;
        color: #FFF;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .inner-title {
        font-size: 3.125em;
        margin-bottom: 40px;
        text-transform: uppercase
    }

    .inner-nav {
        font-size: 14px
    }

        .inner-nav > a {
            color: #FFF
        }

    @media screen and (max-width:767px) {
        .inner-banner {
            height: 40vw;
            min-height: 0
        }

        .inner-wrap {
            font-size: 12px;
            padding: 0 4vw
        }

        .inner-title {
            font-size: 2.4em;
            margin-bottom: 6vw
        }
    }

    .sidebar-tit {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        font-family: Lato;
        font-size: 1.125em;
        font-weight: 700;
        padding: 30px 0 34px 24px;
        position: relative;
        white-space: nowrap
    }

        .sidebar-tit em.line {
            border-bottom-right-radius: 999px;
            border-top-right-radius: 999px;
            -ms-flex: 1;
            flex: 1;
            height: 10px;
            left: 5px;
            margin-left: 20px;
            position: relative;
            width: 100%
        }

        .sidebar-tit em.cir, .sidebar-tit em.line {
            background-color: #2e7eed;
            display: inline-block
        }

        .sidebar-tit em.cir {
            border-radius: 50%;
            height: 8px;
            left: -4px;
            position: absolute;
            right: 30px;
            width: 8px
        }

            .sidebar-tit em.cir:after {
                border: 1px solid #2e7eed;
                border-radius: 50%;
                content: "";
                display: block;
                height: 14px;
                left: -4px;
                position: absolute;
                top: -4px;
                width: 14px
            }

    .sidebar > div {
        background: #FFF;
        border: 1px solid #e2e1e1;
        border-radius: 10px;
        box-sizing: border-box;
        margin-bottom: 30px;
        padding-bottom: 30px
    }

        .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: 0;
            box-sizing: border-box;
            font-family: Lato;
            font-size: 14px;
            height: 50px;
            line-height: 50px;
            outline: 0;
            padding: 14px;
            width: 100%
        }

        .sidebar-search .l-sidebar-wrap i {
            color: grey;
            position: absolute;
            right: 36px;
            top: 16px
        }

    .sidebar .sidebar-cate {
        padding-bottom: 0
    }

    .sidebar-cate a {
        box-sizing: border-box;
        color: #5c5c5c;
        display: block;
        font-family: Lato;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        padding-right: 20px;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        transition: color .2s;
        white-space: nowrap
    }

        .sidebar-cate a:hover {
            color: #2e7eed
        }

    .sidebar-cate .sf-menu > li {
        border-bottom: 1px solid #ededed;
        position: relative
    }

        .sidebar-cate .sf-menu > li i {
            content: "";
            cursor: pointer;
            display: block;
            height: 47px;
            position: absolute;
            right: 0;
            top: 0;
            width: 50px
        }

            .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: 21px;
                top: 22px;
                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: 0
    }

    .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: 14px;
            height: 30px;
            line-height: 30px;
            padding-left: 20px;
            padding-right: 40px
        }

    .sidebar-cate li.is-active > a {
        color: #2e7eed
    }

    .sidebar .sidebar-pro {
        padding-bottom: 0
    }

    .sidebar-pro ul {
        width: 100%
    }

        .sidebar-pro ul li {
            margin-bottom: 30px;
            width: 100%
        }

            .sidebar-pro ul li:hover .pro-name {
                color: #2e7eed
            }

    .sidebar-pro .pro-item {
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .sidebar-pro .pro-img {
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        -ms-flex: 3.2;
        flex: 3.2;
        position: relative
    }

        .sidebar-pro .pro-img:after {
            content: "";
            display: block;
            padding-top: 100%
        }

        .sidebar-pro .pro-img a {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .sidebar-pro .pro-img img {
            display: block;
            max-height: 100%;
            max-width: 100%
        }

    .sidebar-pro .pro-info {
        -ms-flex-pack: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 6.8;
        flex: 6.8;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        padding-left: 14px
    }

    .sidebar-pro .pro-name {
        color: #222;
        display: block;
        font-size: 14px;
        margin-bottom: 16px;
        transition: color .2s
    }

    .sidebar-pro .pro-more {
        color: #8a8a8a;
        display: block;
        font-size: 12px;
        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: #2e7eed
            }

    .sidebar-new .new-item {
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .sidebar-new .new-img {
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        -ms-flex: 3.2;
        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 {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .sidebar-new .new-img img {
            display: block;
            max-height: 100%;
            max-width: 100%
        }

    .sidebar-new .new-info {
        -ms-flex-pack: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 6.8;
        flex: 6.8;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        padding: 0 0 0 14px
    }

    .sidebar-new .new-name {
        color: #222;
        display: block;
        font-size: 14px;
        margin-bottom: 16px;
        transition: color .2s
    }

    .sidebar-new .new-date {
        color: #8a8a8a;
        display: block;
        font-size: 12px;
        margin-bottom: 0;
        text-transform: uppercase
    }

    .common-pages {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px;
        height: 60px;
        margin-bottom: 50px;
        width: 100%
    }

        .common-pages, .common-pages a, .common-pages span {
            -ms-flex-pack: center;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex;
            justify-content: center
        }

            .common-pages a, .common-pages span {
                border: 1px solid #c9c9c9;
                box-sizing: border-box;
                color: #494949;
                height: 30px;
                margin: 0 5px 10px;
                padding: 10px 14px;
                transition: all .2s ease
            }

                .common-pages a:hover, .common-pages span.ctxt {
                    background: #2e7eed;
                    color: #FFF
                }

                .common-pages span.ctxt {
                    border: 0;
                    opacity: 1
                }

            .common-pages span {
                opacity: .4
            }

    .pagelink {
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .pagelink, .pagelink-item {
        display: -ms-flexbox;
        display: flex
    }

    .pagelink-item {
        border: 1px solid #dedede;
        box-sizing: border-box;
        padding: 30px 20px;
        width: 49%
    }

        .pagelink-item:hover .pagelink-name > a {
            color: #2e7eed
        }

    @media screen and (max-width:1440px) {
        .pagelink-item {
            padding: 20px 10px
        }
    }

    .pagelink-next {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .pagelink-next .pagelink-icon {
            margin-left: 20px;
            margin-right: 0
        }

        .pagelink-next .pagelink-info {
            -ms-flex-align: end;
            align-items: flex-end
        }

    .pagelink-icon {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #2e7eed;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        justify-content: center;
        margin-right: 20px;
        min-width: 40px;
        width: 40px
    }

        .pagelink-icon i {
            color: #FFF
        }

    .pagelink-info {
        -ms-flex-pack: justify;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: space-between;
        width: 100%
    }

    .pagelink-cur, .pagelink-name {
        font-size: .875em
    }

    .pagelink-name {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        transition: color .2s;
        white-space: nowrap
    }

    .pagelink-cur {
        color: #757575
    }

    @media screen and (max-width:767px) {
        .pagelink {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .pagelink-item {
            margin-bottom: 4vw;
            width: 100%
        }
    }

    .l-main-single .contact {
        padding: 80px 0
    }

    .contact-tit-top {
        color: #2e7eed;
        text-align: center
    }

        .contact-tit-top > div {
            display: inline;
            font-size: 1.125em;
            font-weight: 500;
            line-height: 2em;
            position: relative
        }

            .contact-tit-top > div:after {
                right: 120%
            }

            .contact-tit-top > div:after, .contact-tit-top > div:before {
                background-color: #2e7eed;
                content: "";
                display: block;
                height: 2px;
                position: absolute;
                top: 10px;
                width: 30px
            }

            .contact-tit-top > div:before {
                left: 120%
            }

    .contact-tit {
        color: #09080d;
        font-size: 20px;
        font-weight: 700;
        margin: 14px 0 40px;
        text-align: center
    }

    .contact-list {
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        max-width: 1200px;
        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: #2e7eed
        }

        .contact-list li:nth-child(odd) .contact-icon:after {
            background-color: #2e7eed
        }

        .contact-list > li {
            margin: 0 19px;
            position: relative;
            width: 33%
        }

            .contact-list > li:after {
                content: "";
                display: block;
                padding-top: 100%
            }

    .contact-item-wrap {
        border-radius: 10px;
        bottom: 0;
        box-shadow: 0 3px 24px 0 rgba(202,202,202,.35);
        box-sizing: border-box;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        padding-top: 40px;
        position: absolute;
        right: 0;
        top: 0
    }

    .contact-icon, .contact-item-wrap {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex
    }

    .contact-icon {
        -ms-flex-pack: center;
        height: 60px;
        justify-content: center;
        position: relative;
        width: 60px
    }

        .contact-icon .iconfont {
            font-size: 60px;
            color: #355EFC
        }

        .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: 0;
            top: 0
        }

    .contact-name {
        color: #09080d;
        font-size: 1.5em;
        font-weight: 700;
        margin: 30px 0;
        text-align: center
    }

    .contact-con {
        color: #636363;
        font-size: .875em;
        line-height: 2em;
        margin: 20px auto;
        max-width: 250px;
        text-align: center
    }

    @media screen and (max-width:960px) {
        .contact-list {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .contact-list > li {
                margin-bottom: 30px;
                width: 100%
            }

                .contact-list > li:after {
                    display: none
                }

        .contact-item-wrap {
            height: auto;
            padding: 40px 0;
            position: static
        }

        .inquiry .l-wrap {
            padding: 0 20px
        }
    }

    @media screen and (max-width:768px) {
        .l-main-single .contact {
            padding: 8vw 0
        }

        .contact-tit {
            margin: 4vw 0
        }

        .contact-list {
            padding-top: 0
        }

            .contact-list > li {
                margin: 0
            }

        .contact-name {
            margin: 0 0 .2em
        }

        .contact-info {
            -ms-flex: 1;
            flex: 1;
            padding: 0 20px
        }
        /*.contact-icon{margin-left:20px}*/
        .contact-item-wrap {
            -ms-flex-direction: row;
            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: #2e7eed;
        color: #FFF
    }

    .faq-list .project-content {
        box-sizing: border-box;
        display: none;
        line-height: 2em;
        padding: 2em
    }

        .faq-list .project-content ul > li {
            background: url(/images/common/arrow.png) no-repeat;
            background-position: 0 12px;
            padding-left: 40px
        }

    .faq-list .project-name {
        border-bottom: 1px solid #2e7eed;
        box-sizing: border-box;
        color: #555;
        cursor: pointer;
        height: 50px;
        line-height: 50px;
        text-align: center;
        transition: background-color .2s
    }

    .download-list > li {
        padding: 40px 20px
    }

        .download-list > li .l-wrap {
            -ms-flex-pack: justify;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            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: #2e7eed;
            color: #FFF
        }

    .download-list li:nth-child(odd) .download-btn {
        background-color: #333;
        color: #FFF
    }

    .download-list .download-img {
        display: none
    }

    .download-list .download-name {
        color: #111;
        font-size: 1.375em;
        font-weight: 500;
        margin-bottom: 30px
    }

    .download-list .download-btn {
        font-size: 14px;
        padding: 10px 20px
    }

    .video-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px
    }

        .video-list > li {
            box-sizing: border-box;
            margin-bottom: 40px;
            padding: 0 20px;
            width: 25%
        }

        .video-list .video-img {
            border: 1px solid #eee;
            box-sizing: border-box;
            width: 100%
        }

        .video-list img {
            display: block;
            width: 100%
        }

        .video-list .video-name {
            color: #222;
            font-size: 1.125em;
            font-weight: 500;
            line-height: 1.5em;
            margin-bottom: 10px
        }

        .video-list .video-in {
            color: #777;
            font-size: .875em;
            line-height: 1.5em
        }

        .video-list .video-info {
            background-color: #fafafa;
            line-height: 1.5em;
            padding: 20px
        }

    .project-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px
    }

        .project-list > li {
            box-sizing: border-box;
            margin-bottom: 40px;
            padding: 0 20px;
            width: 25%
        }

        .project-list .project-img {
            width: 100%
        }

        .project-list img {
            display: block;
            width: 100%
        }

        .project-list .project-name {
            color: #222;
            font-size: 1.125em;
            font-weight: 500;
            line-height: 1.5em;
            margin-bottom: 10px
        }

        .project-list .project-info {
            background-color: #fafafa;
            line-height: 1.5em;
            padding: 20px
        }

        .project-list .project-content {
            -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 {
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 37px;
        left: -20px;
        margin-top: 15px;
        position: relative
    }

        .compare-action span {
            color: #000;
            display: inline-block;
            -ms-user-select: none;
            user-select: none
        }

        .compare-action .compare-action-check + label {
            border: 1px solid #000;
            border-radius: 1px;
            content: " ";
            cursor: pointer;
            height: 16px;
            margin-right: 10px;
            width: 16px
        }

        .compare-action .compare-action-check:checked + label:before {
            color: #000;
            content: "✓";
            font-size: 16px;
            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: 0;
                margin-right: 5px
            }

        .products-content .pro-list .compare-action span {
            margin: 0
        }

        .preview-container .thumbnail-box .list ul .item img {
            width: 100%
        }
    }

    table, td, tr {
        border: 1px solid #eee
    }

    @media screen and (max-width:768px) {
        .l-header .head-logo img {
            max-height: 12vw
        }

        .l-conwrap .l-left, .l-main-prodetail .l-conwrap .l-left {
            display: none !important
        }
    }

    img {
        max-width: 100%
    }

    #con {
        margin-top: 30px
    }

    #tagContent {
        padding-top: 20px
    }

    #tags:after {
        content: '';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0
    }

    #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: #222;
                font-size: 22px;
                position: relative;
                transition: .3s;
                text-transform: capitalize
            }

                #tags li a:after {
                    content: '';
                    width: 100%;
                    height: 4px;
                    background: #2e7eed;
                    position: absolute;
                    bottom: -4px;
                    left: 0;
                    transition: .3s;
                    opacity: 0
                }

                #tags li a:hover, ul#tags li.selectTag a {
                    color: #2e7eed
                }

                    #tags li a:hover::after, ul#tags li.selectTag a:after {
                        opacity: 1
                    }

    .tagContent {
        display: none;
        width: 100%;
        color: #333;
        padding-top: 10px;
        font-size: 14px;
        line-height: 28px
    }

    #tagContent div.selectTag {
        display: block
    }

    @media screen and (max-width:640px) {
        #tags li a {
            font-size: 16px;
            line-height: 42px;
            margin-right: 22px
        }
    }

    @media screen and (max-width:768px) {
        .l-header .head-nav > ul {
            height: auto;
            padding-bottom: 30px
        }
    }

    @media screen and (max-width:768px) {
        #xyz {
            position: relative;
            top: 0;
            right: 0;
            margin: 0 20px 0 auto
        }

        .l-header .head-nav {
            overflow-y: auto
        }
    }

    .prodetail-rec .pro-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -14px
    }

        .prodetail-rec .pro-list > li {
            padding: 0 14px;
            width: 33.33333%
        }

    .prodetail-rec {
        display: block;
        margin: 50px 0 0
    }

    @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: 0 2vw
        }

        .prodetail-rec {
            margin: 20px 0 -20px
        }
    }

    .send-tit {
        color: #333;
        font-size: 1.875em;
        text-align: center;
        font-weight: 300;
        text-transform: capitalize;
        margin-top: 30px
    }

    .vPlay {
        position: absolute;
        bottom: 10px;
        left: 10px;
        background: rgba(0,0,0,.6) url(/images/vPlay.png) no-repeat center;
        background-size: 26px;
        z-index: 10;
        cursor: pointer;
        user-select: none;
        width: 40px;
        height: 40px;
        border-radius: 50%
    }

    #media {
        max-width: 100%;
        max-height: 100%
    }

    @media(max-width:768px) {
        .prodetail-content article img, .about img {
            height: auto !important
        }
        
    }

    .product-content-price {
        margin-top: 20px;
    }

    @media(max-width:1441px) {
        img {
            height: auto;
            max-width: 100%;
        }
    }

    @media(max-width:768px) {
        iframe, video {
            max-width: 100%;
            max-height: 340px;
        }
        #fixed-social {
            visibility: hidden !important;
        }
    }

    .pro-list .pro-name {
        margin-bottom: 0
    }

    .seo-key {
        font-size: 14px
    }

    @media screen and (max-width:767px) {
        .mobile-bottom {
            z-index: 500
        }

        .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: 20px
            }
    }

    .foot-right {
        font-size: 16px
    }

    .app {
        font-size: 16px
    }

        .app p {
            font-size: 1em;
            line-height: 2em
        }

        .app h4 {
            font-size: 1.5em;
            margin-bottom: 1em
        }

        .app h5 {
            font-size: 1em;
            margin: 1em 0
        }

        .app .app-list {
            display: -ms-flexbox;
            display: flex
        }

            .app .app-list .list-item {
                -ms-flex: 1;
                flex: 1
            }

                .app .app-list .list-item h4 {
                    margin-bottom: 1em
                }

            .app .app-list li {
                padding: 10px 0 10px 35px;
                background: url(/images/m418/images/about_li.png) no-repeat;
                background-position: 2px
            }

    .app {
        font-size: 16px
    }

        .app .app-box {
            display: -ms-flexbox;
            display: flex
        }

        .app .box-l {
            -ms-flex: 3.5;
            flex: 3.5
        }

            .app .box-l img {
                width: 100%
            }

        .app .box-r {
            -ms-flex: 6.5;
            flex: 6.5
        }

        .app .box-r {
            padding-left: 40px
        }

    .support .support-item {
        display: -ms-flexbox;
        display: flex
    }

        .support .support-item > div {
            -ms-flex: 1;
            flex: 1;
            margin-bottom: 60px
        }

    .support .item-r {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .support .item-l .item-con {
        padding-right: 66px
    }

    .support .item-r .item-con {
        padding-left: 66px
    }

    .support .item-con {
        margin-top: 10px
    }

        .support .item-con p {
            margin-top: .5em
        }

        .support .item-con h4 {
            font-size: 24px;
            padding-bottom: 10px;
            margin-bottom: 1em;
            position: relative
        }

            .support .item-con h4::after {
                content: '';
                display: block;
                position: absolute;
                top: 100%;
                left: 0;
                height: 3px;
                width: 40px;
                background-color: #b0acac
            }

    .solution .icon-list {
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .solution .icon-list > div {
            -ms-flex: 1;
            flex: 1
        }

    .solution .icon {
        width: 90px;
        height: 90px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .solution .sol-icon {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #FFF;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        margin: 0 6%
    }

        .solution .sol-icon:after {
            content: '01';
            font-size: 90px;
            font-weight: 700;
            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(/images/m418/images/sol_line.png) 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: 24px;
        margin-bottom: 1em
    }

    .solution .sol-tab .tab-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .solution .sol-tab .tab-title {
        padding: 10px 20px;
        background-color: #eaeeee;
        color: #666;
        cursor: pointer;
        margin-right: 20px
    }

        .solution .sol-tab .tab-title:hover {
            background-color: #b0acac;
            color: #FFF
        }

        .solution .sol-tab .tab-title.is-active {
            background-color: #b0acac;
            color: #FFF
        }

        .solution .sol-tab .tab-title:nth-last-child(1) {
            margin-right: 0
        }

    .solution .sol-tab .tab-content .content-item {
        display: none
    }

    .solution .tab-content {
        margin-top: 40px
    }

    .solution .sol-box {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px
    }

        .solution .sol-box > div {
            width: 50%;
            -ms-flex: auto;
            flex: auto;
            padding: 0
        }

            .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: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: 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: -ms-flexbox;
            display: flex;
            margin-bottom: 20px
        }

            .solution .sol-box .con-top p {
                margin-left: 30px;
                margin-top: 10px;
                font-size: 24px;
                line-height: 1.3em
            }

    .applic-list ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px
    }

        .applic-list ul li {
            width: 33.3333%;
            margin-bottom: 20px;
            padding: 0 10px;
            box-sizing: border-box
        }

    .applic-list .applic-name {
        padding: 10px 0;
        display: block;
        text-align: center;
        color: #222;
        font-weight: 700;
        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: 22px;
            font-weight: 700;
            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: 22px;
            font-weight: 700;
            color: #222;
            padding: 20px
        }

        .ck-add .ti .ti-con {
            flex: 1
        }

        .ck-add .ti .ti-img {
            width: 100%;
            margin: 10px 0
        }

            .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: #222
    }

    .ck-add h4 {
        font-size: 22px;
        margin-bottom: 20px;
        font-weight: 700;
        color: #222
    }

    .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: 0 -10px
    }

        .ck-add .ce-list .ce-item {
            padding: 0 10px;
            box-sizing: border-box
        }

    .ck-add .ho .ho-item {
        display: flex
    }

        .ck-add .ho .ho-item img {
            display: block;
            margin: 0 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: 0 20px;
        box-sizing: border-box
    }

    .ck-add .ho .ho-title {
        font-weight: 700
    }

    .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: 0 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: 0
    }

    @media screen and (max-width:768px) {
        .applic-list ul li {
            width: 50%
        }

        .applic-list .applic-name {
            font-size: 14px
        }

        .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: 0;
            margin-top: 20px
        }

        .ck-add .ho .ho-con {
            margin-top: 0
        }

        .ck-add .ho .ho-item {
            display: block
        }

        .ck-add .ho .ho-title {
            margin: 10px 0
        }

        .ck-add .rd .rd-img-list {
            flex-direction: column
        }

        .ck-add .rd .rd-img {
            padding: 0
        }

        .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: 0 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: 0 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 0
        }

        .app .app-box, .app .app-list {
            flex-direction: column
        }

        .app .box-l {
            margin-bottom: 1em
        }

        .app .box-r {
            padding-left: 0
        }

        .app .list-item {
            margin-bottom: 1em
        }

        .how-to-use ul > li {
            width: 100%
        }

        .case ul > li {
            width: 50%;
            padding: 0 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: 0;
            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: 0;
            margin-bottom: 10px
        }

        .solution .sol-box .box-icon {
            width: 65px;
            height: 65px
        }

        .solution .sol-box .con-top p {
            margin-top: 0;
            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: 0
        }

        .support .item-r .item-con {
            padding-left: 0
        }

        .support .support-item > div {
            margin-bottom: 8vw
        }

        .support .item-con h4 {
            font-size: 20px
        }
    }

    @media screen and (max-width:768px) {
        .applic-item {
            padding: 0 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 0;
        }

        .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: 0 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: 700;
            font-size: 2.2em
        }

    .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: 700;
        font-size: 20px
    }

    .wmkc-cul-g {
        width: 80%;
        height: 3px;
        background-color: #dadada
    }

    .wmkc-path-footer .wmkc-path-foter {
        color: #8373ce;
        text-align: center;
        font-weight: 700;
        font-size: 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: #222;
            font-weight: 700;
            font-size: 22px
        }

        .wmkc-path-size p:nth-of-type(2) {
            line-height: 2;
            margin: 0
        }

    .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: 700;
        font-size: 2.2em
    }

    .wmkc-team-z {
        margin: auto;
        margin-top: 25px;
        margin-bottom: 25px;
        width: 5%;
        height: 2px;
        background-color: #8373ce
    }

    .wmkc-team-span p {
        margin: 30px 0;
        color: #333;
        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: 10px
    }

    .wmkc-team-pho img {
        width: 100%;
        border-radius: 10px
    }

    .wmkc-team-size {
        position: relative;
        width: 60%;
        border-radius: 10px;
        background-color: #f3f3f3;
        padding: 20px;
        box-sizing: border-box
    }

    .wmkc-team-s {
        position: relative;
        margin-right: 10px;
        width: 60%;
        border-radius: 10px;
        background-color: #f3f3f3;
        padding: 20px;
        box-sizing: border-box
    }

    .ck-add .wmkc-team-tal {
        margin: 0 0 10px 0;
        color: #8373ce;
        font-weight: 700;
        font-size: 18px
    }

    .ck-add .wmkc-team-tall {
        margin: 0
    }

    .wmkc-team-s p {
        margin: 0
    }

    .wmkc-team-triangle {
        position: absolute;
        top: 29px;
        left: -22px;
        width: 0;
        height: 0;
        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: 0;
        height: 0;
        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: #FFF
    }

    .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: 0
        }

            .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: 0
        }

        .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: #FFF;
    }

    .new-list.new-type0 {
        max-width: 100%;
        margin: 0;
    }

    .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 #ddd;
        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: 18px;
            padding: 17px 10px 0 10px;
            line-height: 40px
        }

        .bigboxtime span {
            font-size: 16px;
            padding: 10px 0 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 0;
            font-size: 18px;
            line-height: 25px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-weight: 700
        }

        .bigboxtxt p {
            height: 40px;
            line-height: 20px;
            margin: 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            font-size: 14px
        }

    .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: #2e7eed;
            -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: #FFF
        }

        .new-list > li.news-bigbox:hover a {
            color: #2e7eed
        }

    @media(min-width:1001px) and (max-width:1200px) {
        .l-header .head-nav > ul > li > a {
            padding: 0 8px
        }
    }

    .top-share ul {
        display: flex;
        align-items: center
    }

        .top-share ul li {
            margin: 0 5px
        }

            .top-share ul li a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transition: all .1s linear;
                border: 1px solid transparent;
                padding: 6px;
                width: 34px;
                height: 34px;
                box-sizing: border-box;
            }

                .top-share ul li a:hover {
                    border-color: #FFF
                }

    @font-face {
        font-family: iconfont;
        font-display: swap;
        src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABGYAAsAAAAAH/wAABFLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACHDAqsMKM1ATYCJANwCzoABCAFhGcHgkAbhRozkpJWTLL/UwInY4ds6E0TCiqJzCVzaqSjW1FqRzcj8h3BLRzjNqPa0PHh8cLeGRfcTQ7dka7PnhnzF+7ymqGUPHyNtfd3T8RCFCTddIYkGhL5UiFBDoRo7fQHfpv/By6Vl0yxAqxGFEUbK/7EXvhkunBRX1lEsGaVrp77+y6jCID5fjMb2p7NtI6saqiJAKnr153zA+/+yLv7QiKtxwhrGvH6rjOQ5ufqVk4trcPHAiTp6Nl3XmnmLK+Ki04jnZNJm6MP/FdhLQ+wfWCtCIbg0CU2FXqOEbaBDLt2c4AApQAC5l17tZcOSU1ShucmTElNzcnLwV5zSSHllDif8wcACli46b4p/ldAkAOShGrGTHmWk3aadZtO6epxUwzMnrH5Hq6KFUbjW2Plz6EI1FyKg70xWQqAsa2xDwAxnMPFgb15bBvra4A0T1KQzAuVuBK1yQLEFxRJH9gJAJ/i7ccZQoIEkmKGQ7eeTEot9D6Fl3MnuUfLPzD6eXuh6oQiMpaKJaeNvDCuATHxUpBa2KOACwJwSQmns4OnBFQcQgFGcPif4Y2E+af3nnGSpcjQnh71+gXhuXfv4CmeDNDw/tE0D9+Bh0sOQoAhfFjUEXcONNR18UggqgaYWkYEhERwZvA6MGr6CJp6sMoq5MAnHTZtQLzBMwc7OKk02OFV6uwIKl2wo6oMwQ417qMcMBlUCKYK6g9mABoApg06AkwL1AFmBDoVzBh0HmzPosvATEHXgymAusDMQC/Bpja9B5UO2HNUgr1MpcZeYZNRA5gS6B6oNDnUMz1BX0MlcSSolDnNNfqATBYXsQHeoza6A6j8w2HmN+DEM0sKwp21FfuKeUVJP5GopSTbpNB+EQ916yUMRalcIo1BzhXUYjFPxYrhKhVHgyMLpxGyyJ5iBI+QnAwlI4Qvi5Aio8tQlMJ16XRMH5QMLsJq7YFD1EmaXgzr2bY9daIsJAUhStvDoxP8jqI10hmhNBQ5gjuTjnL8y+40wJ4Mz0eoiAkwAbUz6knQUagOPwDGKE5935fjJduGcjxlKMGxfILNifOKrosCd35O4DG2AWgwsajYuiPmOVWjNMaLsaspTptv+Cdawm0jguMIc8LrQdZqRT5Kq8SV5ydJ1ev1U/17Jk9oMcZijViEb72zfdQrEaYsTsGOJvKgGv4gD3x77NvGQB4aSBZW/+agaQYkVjOHupEBH7D0MMH5YsUlEyWWnODWHyIWCtL6IzmrpKWML+c1jNR16qjNhVsUndYZljGYaiP0ptpJZF3/YSwuwAwcKHNE/r8DjuY4Rh5uinW91n3S9tun1bGwKlI0SZ+9m6QvKqGhb/ZjiUNLLUkliJwGcfNAA6vdKgkV+uF9Vaf36gbzKOZr5ROVr2ki2OIBmae0nnA25kJ3e/9eqqkiUbI0jfoxWQAF8hP/KGmBM2ucC2VZmAkmVeluBBLE7yKFkE/xC6U4ssPD74GTK7dx9iNwbuuUAQXSNxd5eaHUyMIE7eytTtle161Ejlwfl+ZINU5K6s1NxwA29B/ovpChQvvm15U2DcrOyW+XU6tP9EnRZ35CKEFJzj5ZrtBllykz1zLTUCBnvkJQoh8R6oomkWpYFBYyAXuKg2yuqqCAmYnY+rgO6txpYrvg9O7C9dlT1xdeaT7m0YJ7VI1QShCSuCV2WCc8Lx7JzCPjVRLJ8ZoUL9lU/d7nXA2nBEOUT5NU34YPVb/J3GMO4+U1aCMIe0tdJ6HiDyA/aBFmmc+QddjbLpuLSzUD1tJsaYL5rsxxt+8SZ/dEf0XX9i/QvrY6Ah/X1/XMm8Fqa5fVHmOMSCWvVQZIMk6G0/7KV2sye2b58VaNtXpZY5Tim1h+oIKo7h/QXekKZ0ciQPZvyxcO7NlXOuR6ge/mMJqg6oSyG9/Ln9g8xSjz9JnVuEQG81dZRy5MNX0NKNOSDbGCrq+TmySI/7OCyHPyUmFpXnsZyDb4j/vRDj2dPtdTc3bMEoe4DRGINOTLKwejStjPrw8TySU+LHndbknTXM62E3icLh573XMlL/YZoX/kWrktxpJtK87BYhnIY12gQPf4nKV6p8E9yfsPlx2Wtu78K01DiQ61CPEXysnkWUfwqC/FtQPypt51FptDMd5pHiis6QfYrm4Ok4FfBz4z2WpUM2+YXhQnxs+4dWYAdsc7xrZ/eYj5SYzC3ZViQ4zuSexN7kzSqr+C8JNxaN3o1It0fU4dEWSN9liM0df2rM122pLaEl/dZU/7fwDzIkilQeJzmFluqad0UYhQm8u7x1Z3yYN2jKNoZzrfdgJUapUULF9se3UcYE33ia8ovL3+DgSrgh7ds7M95RkMY7GN1SGCa4M70XVpexrKmSO4y9oWs4H5qEyn2X1VHYPam6h7TZA1Uij2mBteAdzraRKSBSXt6IM0o8zJ877Z2r/+XeiF8ZEsoAUaSDD4SEEoTjXEhW2ffj10BNR739T3yJC3jGPbxkeGk3xn75wzxMh8oNt82eH0GZoQOmHbQnQk2iZ+OZwq1U9wCQf2G3Zlg7D7Eso+7bw44i1hqLZ+zE9wtoHuQWk0Knk9BOnpP/VoWPUHKH5pnUD1g6P+3MnNSKwiv3AyfbVBrRxLov/bYo6R+exI2AIXKiL56zaRahUTvnPkZpk2Rtyq6AyexSuNs/yoyUHrRd+OhGs5oiAffzT6gH6thKvCfZR5piUN16Ul1K4WZb7KSk7655+kZJ9M0Q9xUGdTXH10dH1cU2fQimWiTJ/wtYu//yRAidhK18aP78hdjm7z32hI8x3P9zMufOTws0YcU/UFOjurt7NPJh12zOnJ3bHpp+bxhJVrzPJ0zbAWP2MgIQcz5b+Jy1n0kLYcbWnFpJ4FC+v1tqDULy9l3+zqujBhWqhnonzyzuB8tBUixnr2HlL7ONV9GqdYbfsZrHxS9bCydwVxPnHZafxW7AO7UxuiXeaBap3tciFL2CcEIaef/J3oMMfFPXaMwzDKjAyUeUmhn3fUQ5W0GToWQP9RclesK4bxmzK50PkJt2T+wffrXveqZlL8wpr/zFFcURH34L1u9dyZGLarZfgEj3x95bS8yBi+tOkDJGBe9umsHukeVl3fJNzZyZaIb44kiQwr6/FwfKs27R/5Rfg///DcxZSeumPcF3Qs/QX3WB2lxzMuX+v3yu+WUBD6IUXLqmO9fLk4kGiTFpMHFcpKJSBjfCqMgzCk5NVVbEvtA2NFCrNgd0tgWODs4R0kF3lw1Uf6MWFAAROiB402M61MrWaxBfx0xiTG8fiyViAMEno1K8Sa0RrxCo0pB+gTxFbxaD22V5cVbiVdTa+GBYkWf195/76DiL0XitWfVuGn/BCTR8XglvjlSmA4WeKx6omH5QDukpJkNKtnm7KzozMVCbqs5HyvVE+jI8+Z4p3s6ZnslZKboMv8G2OJTc+fGKYPw1/H701ojI1tTIi+O/b6tpLQc583mUfvrjnQEVsfWxlfpt4Z66HO2KHyWClRa2WXtX1ijV5jwK3afHMmuS2kzsgxdwvIP6kZLLYCZYXVnVYUnzYy1QoVs4TibR4mMDPMRhLEHf47KdyHrqaP1mSfSeHjtlASTNyLkAmULVb108T4rL2KbQy9N37a0xdVQfc3U+yovQvvj3IjucblxI+jHBFozpDWzbnDZp/WuTzOfDggozLdGTb7NrwokC2I4m9FWkrbsWMrycVybS/xPxz2sAc9xPu7fRPaVBqUF/Ebz/N9RHutX+Z5Y1A88/kLpn9fqbdwRjj1Le8t1Xd018HA67Al74pLi9GAW8PWurRsDWgqfX3BFSfWMfuh37U1a+jV9vo4M/ZDURoj27d/9MCWAU3RNj8L3WQTk9VyZ2BU33r+6AstM4qnN4sk3dB1IzuEdOr+Lvmdt4m6m1fHGNg/1F0Ju1ZUPDN2UBohCQxYfJGv2Ts11Tvdd7O00bZNvuaiGGWeJEVf4JVsMNvGEoljbU+7g9IXSFKUef+P1vpdSjsSkxZzJO2SH7jj6Wo6QJYd4BoMu7s5t9lo/oXdmfyz4c5tVwrZ3WiDmOAKRLv1vYVgdYa6TkmXL4coV2w2BVzJ/ubtiuCuglGrV93A7tZ0szeg3QvYjkr2u1nqyihB1ErBpRI3Yqk7ovhROwTaRW7kkbBR92O6owXRK/mMuSHc0fzoHXxc5IYeycMAsSwcEe9gJaEmspmaVz7J5Jvmu46ZLc2QtNklGdJsopWYXzR1UkUe1Uw2oUms+Xh8t3DIgg6yfsWLlGS7PdmhuUa7g9mNZqsiMYRhn/aKejaIaeINPSLtv8SQmSV5m2gZvQwW84fNZpxB5dTZWoDJgvej/F9+qum0tLd1tLVbOvnxm8v2cmdOm7dWxdQWvgthNTlFKv4L+W1bkWGzzfYyeXDhAXj4qkYl8lmD0fztkauGDf3unTjpREzrgMHm1goPucQkzxCUfPBJt726vykfLmxYuRbOinEyTE6GPtnfBoX+yfoMPNAeH3s90YcjA8MtxqHCVU7FnNadcpNE7lEhMA8e0AqBn4bOKwn28m5Zx183Y/uW7TPWzxjR1G7vVwC6SxFPwl1LV0g9eZ6+vlntPZGUVkDSeT5U3qzShyj2SGEStdhQpFD7zFilb88qM8p/BdJDNaf2Fr59MfVE0STFlOI7rKtv69fd0YXe/EZOEbcapm3NiipWUXUhAxOjb8x2qkd/SNgztCjp9nSuP/u0+8X6Efdm8X3VZ1ivfEI7hw2IGDAwfODACPyChQPyyHtd+fyCeZX1YtoO79iYvqF9sGNTCdLqIhfhYuom1Hc6ujr6qhy1aVJzmUf/o5C+JxoV7/zdiTQRLdzqmby8szmGGmVuqs+W0USruk5ey7eIkulNDV4L0DWnsF3yUV5NeaHjqKn6BoqCNkOJP4x3HDs4hulkfZ+FTmUOSLywdEwTMdfS3x8SsIcWPEN+7Xxsop/NUvtHVoeHV0eKTKMJrZEDIrOqt0aGBZdtZB/DhvgWWaK+r5VxNXHNOcmYpgR+ssAsGmvyyxbkC4sm2UObg7NLzflezbr6ZgbtNhw/3mGzuhfLrsf3U2l1NoGWuu3vsprAWtehU7v93DDq3q/33JN9Ruxi0XRvkbqA0f4iNneKGQH2LcJObAvA/cNrhARIQva4xb8eIIlMcnqJVALLx+7BnmSLjzmFiBciG7BXxUFHkGTm3i8RSQm7MAHbSxUuV5FC5l7jBlIt473YZ0ycAMgYuH/Zh0Tcm3kGSVWRT0FGqeS+FwZRUbPHYK//bVsV3Dy2I6aKGfOFRP13t+TOdXs/gehgNBjjIQEWYGb8JXtl5TiM+wA4zLwIQIr7f2rv00y3e79hRxIU8zzj7UuksBdQgQUACj8B4E/YXBTuqmj9HWZcMMllziAWiCCBCJBADXCTfCAeqBACCUCCWEgBX0gJpAIHBgGCaThytg7GAWKABeshFhjQAxFgwTGAm3QN4oEPzyABWPAHUqAQQ28bFXRG+70lkKBUxUN5zcEoTkR5v2G7hlJQ2T9S9ihRx93B6/tCQHpEPflmTyJGmcSt+px2D03DKiauoGXnROLzfm/C2r3T3PbeEkhQKsXjsqbXHMzxxf3+fcN2DSUi+Ocp6zorv3K0cyCALxJI+1Vk23yzJ8K4USecmLdVPucczcbNSgwXFfQmc8fdIeKzPT+eoZLd+2PbxkFUuwMeOrCIFYqq6Ybp1+ajtB3X87OjObl5+QWFRcUlpWXGuX5EzO6OJFOMT9qhIG67q+uooHA0XYFwWRQDa1HGHQp2hnBDwxEjxy2mgW7zOue/aBAdB4xaisd5c99cYySGjaTBK6XE9wZGRpqSjDQyJoLhJUMqy0WcioeamkkGJe3GWE6YjONpVkcaBXM9scy2wazxoUbpwyL6IEjIcpja717sxNXLU7b/9tbJ9tjrAQ==") format("woff2"),url(iconfont.woff?t=1630979043744) format("woff"),url(iconfont.ttf?t=1630979043744) format("truetype")
    }

    @font-face {
        font-family: "iconfont";
        font-display: swap;
        src: url('../../webfonts/iconfont2.ttf?t=1668389773012') format('truetype');
    }

    .iconfont {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: iconfont !important;
        font-size: 16px;
        font-style: normal
    }

    .icon-skype:before {
        content: "\e713"
    }

    .icon-whatsapp:before {
        content: "\e8ec"
    }

    .icon-chebaomu_huaban1fuben4:before {
        content: "\e613"
    }

    .icon-commenting:before {
        content: "\e6a9"
    }

    .icon-envelope:before {
        content: "\e6d3"
    }

    .icon-home:before {
        content: "\e734"
    }

    .icon-navicon:before {
        content: "\e906"
    }

    .icon-Telephone:before {
        content: "\ea96"
    }

    .icon-map1:before {
        content: "\e618"
    }

    .icon-mail_open:before {
        content: "\e71d"
    }

    .icon-icon_arrowleft:before {
        content: "\e605"
    }

    .icon-cart:before {
        content: "\e600"
    }

    .icon-mail:before {
        content: "\e7b7"
    }

    .icon-phone:before {
        content: "\e67d"
    }

    .icon-map:before {
        content: "\e62e"
    }

    .icon-add:before {
        content: "\e6df"
    }

    .icon-icon_arrow:before {
        content: "\e606"
    }

    .icon-cal:before {
        content: "\e867"
    }

    .icon-search:before {
        content: "\e71f"
    }

    .icon-email:before {
        content: "\e62d"
    }

    .icon-phone2:before {
        content: "\e60b"
    }

    .icon-facebook:before {
        content: "\e689"
    }

    .icon-google:before {
        content: "\e68e"
    }

    .icon-linkedin:before {
        content: "\e697"
    }

    .icon-pinterest:before {
        content: "\e69f"
    }

    .icon-twitter:before {
        content: "\e6aa"
    }

    .icon-ArrowRight-1:before {
        content: "\e612"
    }

    .icon-instagram:before {
        content: "\e737"
    }

    .icon-youtube:before {
        content: "\e87c"
    }

    .icon-tiktok:before {
        content: "\ec26"
    }

    #feedbackForm .inquiry-form .feed-verification {
        width: 100%;
        display: flex;
        margin-top: 30px
    }

        #feedbackForm .inquiry-form .feed-verification input {
            margin: 0;
            flex: 1;
            max-width: 300px
        }

        #feedbackForm .inquiry-form .feed-verification img {
            width: 90px;
            height: 100% !important;
            cursor: pointer
        }

    @media(max-width:768px) {
        #feedbackForm .inquiry-form .feed-verification {
            margin-top: 4vw
        }
    }

    @media(max-width:1024px) {
        .mobcate-main {
            flex-wrap: wrap
        }

            .mobcate-main .l-left {
                display: block !important;
                width: 100%;
                margin: 0;
                flex-basis: 100%;
                max-width: 100%
            }

                .mobcate-main .l-left .sidebar-pro, .mobcate-main .l-left .sidebar-search {
                    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: 110%;
                        left: 0;
                        right: 0;
                        padding: 0 10px;
                        z-index: 20;
                        display: none;
                        background-color: #fff;
                        box-shadow: rgb(0 0 0 / 20%) 0 2px 16px
                    }

                    .mobcate-main .l-left .sidebar-cate .sidebar-tit {
                        padding-top: 14px;
                        padding-bottom: 14px;
                        cursor: pointer;
                        background: url(/images/cate-btn.png) 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%
        }

       

    }

    /* fixed social*/
    #fixed-social {
        position: fixed;
        top: 270px;
        right: -6px;
        z-index: 99999;
        transition: all 0.3s ease-in-out;
    }

        #fixed-social a {
            color: #fff;
            display: block;
            height: 50px;
            position: relative;
            text-align: center;
            line-height: 50px;
            width: 50px;
            margin-bottom: 1px;
            z-index: 2;
            font-size: 18px;
        }

            #fixed-social a:hover > span {
                visibility: visible;
                right: 55px;
                opacity: 1;
            }

            #fixed-social a span {
                line-height: 40px;
                right: 60px;
                position: absolute;
                text-align: center;
                width: 145px;
                height: 48px;
                line-height: 50px;
                visibility: hidden;
                transition-duration: 0.5s;
                z-index: 1;
                opacity: 0;
                border-radius: 6px;
            }

    .fixed-whatsapp {
        background-color: #25D366;
        border-radius: 8px 0 0 8px;
    }

        .fixed-whatsapp span {
            background-color: #25D366;
            top: 3px;
        }

    .fixed-facebook {
        background-color: #166BD9;
        border-radius: 8px 0 0 8px;
    }

        .fixed-facebook span {
            background-color: #166BD9;
        }

    .fixed-twitter {
        background-color: #00ade8;
    }

        .fixed-twitter span {
            background-color: #00ade8;
        }

    .fixed-gplus {
        background-color: #E50505;
    }

        .fixed-gplus span {
            background-color: #E50505;
        }

    .fixed-instagrem {
        background-color: #f77737;
    }

        .fixed-instagrem span {
            background-color: #f77737;
            top: 1px;
        }



    .fixed-wechat {
        background-color: #13b550;
        border-radius: 8px 0 0 8px;
    }

        .fixed-wechat span {
            background-color: #13b550;
            top: 1px;
        }

            .fixed-wechat span .img-wechat {
                padding: 5px 8px;
                background-color: #fff;
                border: 1px solid #ccc;
                border-radius: 4px;
            }



    /*end fixed social*/