@media (min-width: 576px) {

}

@media (min-width: 768px) {
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {
   
}
/** { touch-action: pan-y; }*/
.flex{display: flex; display: -webkit-flex; flex-direction: row; }
.hide{display:none !important;}
@media (max-width: 768px) {
.hidden-xs{display:none !important;}
.visible-xs{display:block !important;}
}
.fixed { position: fixed;z-index:9;top:0px;left:0px;width:100%;opacity:1;box-shadow: 0px 3px 10px rgba(0,0,0,.12);border-bottom:1px solid #eee; /*box-shadow: 0px 3px 10px rgba(0,0,0,.12);border-bottom:1px solid #eee;background:rgba(255,255,255,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);*/ }
.w100{ width:100%;}
.containerX{width:80%;margin:0 auto;}
@media (max-width: 1600px) {
    .containerX {
        width: 90%;
    }
}

@media (max-width: 1399px) {

}

@media (max-width: 1199px) {

}

@media (max-width: 1000px) {
    .containerX {
        width: calc(100% - 20px);
    }
}

@media (max-width: 700px) {
.containerX{width:calc(100% - 10px);}
}

/*@font-face {
    font-family: 'WebFont';
    src: url('/public/fonts/Roboto/Medium/Roboto-Medium.eot');
    src: url('/public/fonts/Roboto/Medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/public/fonts/Roboto/Medium/Roboto-Medium.woff2') format('woff2'), url('/public/fonts/Roboto/Medium/Roboto-Medium.woff') format('woff'), url('/public/fonts/Roboto/Medium/Roboto-Medium.ttf') format('truetype'), url('/public/fonts/Roboto/Medium/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'VIVO-FONT-WEB';
    src: url("/public/fonts/V-FONT-WEB//ae301961b83a1d9ea69bb950ea96c9bd.woff2") format('woff2'),url("/public/fonts/V-FONT-WEB//18433653241b78933b3aafeb9a2ae991.eot") format('embedded-opentype'),url("/public/fonts/V-FONT-WEB//4c74b2c83c9466bdb272d0430666d37d.woff") format('woff'),url("/public/fonts/V-FONT-WEB//87fe8be1768bd6ecc728e6b2c39bbcc0.ttf") format('truetype'),url("/public/fonts/V-FONT-WEB//2f3301ce0bd7eee055decda008298ee6.svg") format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'FONT-WEB-BOLD';
    src: url('/public/fonts/Roboto/Medium/Roboto-Medium.eot');
    src: url('/public/fonts/Roboto/Medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/public/fonts/Roboto/Medium/Roboto-Medium.woff2') format('woff2'), url('/public/fonts/Roboto/Medium/Roboto-Medium.woff') format('woff'), url('/public/fonts/Roboto/Medium/Roboto-Medium.ttf') format('truetype'), url('/public/fonts/Roboto/Medium/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} 
*/

/*@font-face {
    font-family: 'VIVO-FONT-WEB';
    src: url("/public/fonts/V-FONT-WEB//ae301961b83a1d9ea69bb950ea96c9bd.woff2") format('woff2'),url("/public/fonts/V-FONT-WEB//18433653241b78933b3aafeb9a2ae991.eot") format('embedded-opentype'),url("/public/fonts/V-FONT-WEB//4c74b2c83c9466bdb272d0430666d37d.woff") format('woff'),url("/public/fonts/V-FONT-WEB//87fe8be1768bd6ecc728e6b2c39bbcc0.ttf") format('truetype'),url("/public/fonts/V-FONT-WEB//2f3301ce0bd7eee055decda008298ee6.svg") format('svg');
    font-display: swap;
}  


@font-face {
    font-family: 'VIVO-FONT-WEB';
    src: url("/public/fonts/V-FONT-WEB//ae301961b83a1d9ea69bb950ea96c9bd.woff2") format('woff2'),url("/public/fonts/V-FONT-WEB//18433653241b78933b3aafeb9a2ae991.eot") format('embedded-opentype'),url("/public/fonts/V-FONT-WEB//4c74b2c83c9466bdb272d0430666d37d.woff") format('woff'),url("/public/fonts/V-FONT-WEB//87fe8be1768bd6ecc728e6b2c39bbcc0.ttf") format('truetype'),url("/public/fonts/V-FONT-WEB//2f3301ce0bd7eee055decda008298ee6.svg") format('svg');
    font-display: swap;
}

*/


.shadowItem {
  transition: all 0.5s ease-in-out;
}

.shadowItem:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none;}
body {
    line-height: 25px;
    background-color: #fff;
    color: #393746;
    /*font-family: OPPOSans2,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;*/
    font: 16px/1.5 "VIVO-FONT-WEB",PingFang SC,-apple-system,SegoeUI,'Microsoft YaHei',微软雅黑,'SourceHanSansCN-Regular','SourceHanSansCN-Normal',"Source Han Sans","Microsoft Yahei",Tahoma,sans-serif !important;
}
ul,ol{list-style-type:none}
* {
    outline: none !important;
    font-family: 'VIVO-FONT-WEB','PingFang SC',-apple-system;
    font-size: 16px;
}



a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none; color:#212121; -webkit-transition: all .3s linear; -moz-transition:  all .3s linear; -ms-transition:  all .3s linear; -o-transition:  all .3s linear; transition:  all .3s linear;}
a:visited{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;color:#2EC6B2;outline:none;} 
a:focus{outline:none;text-decoration:none;}
li:focus{outline:none;text-decoration:none;}fieldset,img{border:0;max-width:100%;}q,blockquote{quotes:"" ""}q:before,q:after,blockquote:before,blockquote:after{content:""}
del{text-decoration:line-through}ins{text-decoration:underline}sup{vertical-align:baseline;}sub{vertical-align:baseline;}cite,em,dfn{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
caption,th,td{text-align:left;}
input,textarea,select,button{font-size:100%;margin:0;padding:0;}
label,button{cursor:pointer}
textarea{white-space:inherit;resize:none;border:1px solid #ececec;}button,input,select,textarea{font-size:100%;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0;display:block;border:0;font-size:100%;}
.fr{ float:right;}
.fl{ float:left;}
.show { display:block;}
.hidden{display:none;}
.hiddenit{display:none;}
input[type=text],input[type=password]{outline:none;} 
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clear{clear: both;width: 100%;font-size:0px;height:0px;background:none;border:none;_zoom:1;}
.padding0{padding:0px;}
.shadow{box-shadow: 1px 1.732px 2px 0 rgba(4, 0, 0, 0.3);}
.rd,.on,.color,.active{ color:#2EC6B2; }
.clearfix:before,.clearfix:after{ content:""; display:table; } 
.clearfix:after{clear:both;} 
.clearfix{ *zoom:1;/*IE/7/6*/ }
.plzero{padding-left:0px;}
.przero{padding-right:0px;}
a:link,a:visited{ color:#212121;}
a:focus, a:hover {
    color: #2EC6B2;
}
a:active {
    color: #2EC6B2;
}
.swiper-button-next, .swiper-button-prev {
    color: #DCDDDD;
  
}
.swiper-pagination-bullet-active {
    color: #A1A1A1;
}
.bgf{background-color:#fff;}
.browserupgrade { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 9999; text-align: center; padding: 200px 20px; }
.img-responsive { display: inline-block; }
.browserupgrade p { width: 640px; background: #f5f5f5; color: #212121; padding: 20px; margin: 50px auto 0; border-radius: 20px; }
.toshadow{-webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;}
.toshadow:hover{-webkit-box-shadow:0 0px 20px rgba(255,255,255,1);box-shadow:0 0px 20px rgba(255,255,255,1);}
.tran{-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }

html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.wh100{/*height:100vh;width:100vw;overflow:hidden;*/}
.on, .active {
    color: #2EC6B2 !important
}

.RowPadding { padding-top:80px;padding-bottom:80px; }
.RowPadding50 { padding-top:50px;padding-bottom:50px;}
.RowPadding30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media (min-width:1200px) and (max-width: 1439px) {
    .RowPadding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .RowPadding50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .RowPadding30 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
@media (min-width: 1000px) and (max-width: 1199px) {
    .RowPadding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .RowPadding50 {
        padding-top: 25px;
        padding-bottom: 25px;

    }
    .RowPadding30 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media (min-width:700px) and (max-width: 1000px) {
    .RowPadding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .RowPadding50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 700px) {
    .RowPadding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .RowPadding50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

}
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*加载特效
.preloading { width: 100%; text-align: center; height: 100%; position: fixed; background: #ffffff; z-index: 999999; top: 0px; display: none; left: 0; } 
.preloading .wrap-preload { background-color: #2EC6B2; display: table-cell; text-align: center; vertical-align: middle; } 
.preloading .cssload-loader { width: 49px; height: 49px; border-radius: 50%; margin: 3em; display: inline-block; position: relative; vertical-align: middle; background: #ffffff; } 
.preloading .cssload-loader, .preloading .cssload-loader:before, .preloading .cssload-loader:after { animation: 1.15s infinite ease-in-out; -o-animation: 1.15s infinite ease-in-out; -ms-animation: 1.15s infinite ease-in-out; -webkit-animation: 1.15s infinite ease-in-out; -moz-animation: 1.15s infinite ease-in-out; } 
.preloading .cssload-loader:before, .preloading .cssload-loader:after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } 
.preloading .cssload-loader { animation-name: cssload-loader; -o-animation-name: cssload-loader; -ms-animation-name: cssload-loader; -webkit-animation-name: cssload-loader; -moz-animation-name: cssload-loader; } 
@keyframes cssload-loader { from { transform: scale(0); opacity: 1; } to { transform: scale(1); opacity: 0; } } 
@-o-keyframes cssload-loader { from { -o-transform: scale(0); opacity: 1; } to { -o-transform: scale(1); opacity: 0; } } 
@-ms-keyframes cssload-loader { from { -ms-transform: scale(0); opacity: 1; } to { -ms-transform: scale(1); opacity: 0; } } 
@-webkit-keyframes cssload-loader { from { -webkit-transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); opacity: 0; } } 
@-moz-keyframes cssload-loader { from { -moz-transform: scale(0); opacity: 1; } to { -moz-transform: scale(1); opacity: 0; } }
   

 */


.text-primary {color:#2EC6B2!important;}
#preloader {position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;z-index:9999;background-color:#FFF}
.preloader {display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@-webkit-keyframes spinner-border {to {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner-border {to {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.spinner-border {display:inline-block;width:32px;height:32px;vertical-align:text-bottom;border:4px solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}
.spinner-border-sm {width:16px;height:16px;border-width:3.2px}
@-webkit-keyframes spinner-grow {0% {-webkit-transform:scale(0);transform:scale(0)}
50% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes spinner-grow {0% {-webkit-transform:scale(0);transform:scale(0)}
50% {opacity:1;-webkit-transform:none;transform:none}
}


.td-head { position: relative;  position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; z-index: 99;/*box-shadow: 0 0 10px 0 rgba(0,0,0,.06);*/ }

@media (min-width:1200px) and (max-width: 1439px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width:768px) and (max-width: 991px) {

}

@media (max-width: 1000px) {
    .td-head { display:none;}
}

.themeblack  .navmenu li.itemli.opened>a { color: #2EC6B2   ! important;     }
.themeblack .sticky .drophover, .themewhite .sticky .drophover {
    background-color: #fff;
    background-color: #2ec6b2;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.themeblack .drophover  .navmenu li.itemli>a,.themewhite.drophover  .navmenu li.itemli>a ,
.themeblack .drophover-s  .navmenu li.itemli>a,.themewhite.drophover-s  .navmenu li.itemli>a ,

.homenavbg{/*position: absolute;_position:absolute; right: 0; left: 0;*/ z-index:99999; }
.nohomenavbg {  position: relative; _position: relative;z-index:99999;    /*border-bottom: 1px solid #efefef;*/ }
.nobg{position: absolute;_position:absolute; right: 0; left: 0; z-index:99999;width:100%; }
.nobg.themewhite,.nobg.themeblack{background-color:transparent; }





.mask{position:fixed;top:0;left:0;height:0;width:0;background:rgba(0,0,0,.7);transition:opacity 1s ease .1s;opacity:0}
.mask-open{height:100%;width:100%;opacity:1;z-index:9}
.mask-close{opacity:0}

/*弹出层时，黑背景*/
.global-mask { position: fixed; top: 0; left: 0; height: 0; width: 0; background: rgba(0,0,0,.5); transition: opacity 1s ease .1s; opacity: 0; }

.card-dark, .bgdark {
    background-color: rgb(242 243 245);
    background: #f7f7f7 !important;
}
.bgFFF { background-color:#fff;}
/*footer*/

.footer{background: #393746;width:100%;overflow:hidden;}
.ftLeftLinks {     padding: 54px 0 42px;}

.ftLeftLinks dl{ width:18%;padding:0px;margin:0px;}
.ftLeftLinks dl:nth-child(4){ width:calc(100% - 55%);}
.ftLeftLinks dl dt{ padding-bottom:8px;font-size:14px;font-weight:500;position: relative;color:#fff;}
.ftLeftLinks dl dt b { display:none;position: absolute; top: 50%; right: 0px; margin-top: -6px; width: 12px; height: 12px; display: none; color: #fff; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; font-size: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; }

.ftLeftLinks dd a.btquancheng{font-size:14px !important;font-weight:500;color:#fff !important;}
.copyright, #toyear, .footer-region, .shengming, .ad-desc {
    font-size: 14px;
}

.ftLeftLinks dd a{ display:block; font-size:14px;line-height:28px;}
.footer a:link,.footer a:visited{color:#fff;opacity:0.6;}
.footer a:hover,.footer a:active{color:#2EC6B2;}
.ftLeftLinks .ftHotline{float:right;width:19%;    border: 1px solid #fff;}
.ftLeftLinks h3{font-size:14px;font-weight:600;color:#fff;padding-bottom: 8px;}
.ftLeftLinks h4{ }
.ftLeftLinks h4 a{ font-size: 20px; ; color: #fff;height:35px; line-height:35px;display:block; font-size: 14px;}

.ftLeftLinks p{font-size:14px;color:#999da0;padding-top:10px;}


@media (min-width:1200px) and (max-width: 1439px) {

.ftLeftLinks { padding: 44px 0 12px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.ftLeftLinks h4 a {font-size: 14px; }
.ftLeftLinks h4 a.ftbtnonline { border: 1px solid #f5f5f5; line-height: 35px; height: 35px; font-size: 14px; }
.ftLeftLinks { padding: 44px 0 22px; }
}
@media (min-width:768px) and (max-width: 991px) {

.ftLeftLinks { padding: 34px 0 2px; }
.ftLeftLinks dd a.btquancheng{font-size:18px !important;}
.ftLeftLinks dd a{  font-size:14px;line-height:28px;}
}

@media (max-width: 768px) { 

}

@-webkit-keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}


.footer-second { border-bottom: 1px solid #616466; padding-bottom: 16px;-webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; }

.footer-n , .footer-second{ display: -webkit-box; display: flex; -webkit-box-align: end; -moz-align-items: flex-end; align-items: flex-end; }
.footer-second .footer-logo { display: block; width: 80px;  padding-right: 16px; }
.footer-second ul.nav-right li { display: inline-block; height: 18px; padding: 0 16px; }
.footer-second ul.nav-right li a { font-size: 12px; line-height: 18px; color: #ccc; transition: all .3s ease; }

.footer-second ul.nav-right:hover li>a { color: #919699; }
.footer-second ul.nav-right:hover li:hover>a { color: #fff; }
.footer-second ul.footer-social li { display: inline-block; padding-left: 18px; }
.footer-info, .footer-legal { display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; } 
.footer-info {     border-top: solid 1px #ccc;color: #ccc; font-size: 14px; padding: 16px 0 0; -webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between;  padding: 16px 0 0;display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center;}
.footer-legal ul li { line-height: 1; display: inline-block; padding: 0 10px; border-right: 1px solid #616466; }
.footer-info a:link,.footer-info a:visited,.footer-feedback a:link,.footer-feedback a:visited,.footer-shengming .shengming a { font-size: 14px; transition: all .3s ease; color: #aaa; }
.footer-info a:hover,.footer-info a:active ,.footer-feedback a:hover,.footer-feedback a:hover,.footer-shengming .shengming a:hover,.footer-shengming .shengming a:active {  color: #fff; }

.footer-feedback { padding-left: 10px; margin: 0; min-height: initial; color: #aaa; font-size: 14px; line-height: 18px; }

.footer-region { position: relative; } 
.footer-region, .footer-region  div { display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; }
.footer-shengming { padding: 0 0 32px; color: #aaa; font-size: 12px; display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; -webkit-box-pack: left; -moz-justify-content: left; justify-content: left; }
.footer-shengming .shengming a {  margin-right: 5px; }     
 

.share>a{width:34px;height:34px;margin:10px auto 0;border-radius:50%;display:inline-block;    text-align: center;;cursor:pointer;line-height:34px;color:#fff!important;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;background:#ccc}
.share>a .iconfont:hover{-webkit-animation:rock .4s;animation:rock .4s}
.share .iconfont{font-size:20px;display:inline-block;z-index:2;position:relative}
.share>a:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;left:0;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.share>a:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
/*.share>a:first-child{background:#FF5100}
.share>a:nth-child(2){background:#3dbe5b}
.share>a:nth-child(3){background:#ff5757}
.share>a:nth-child(4){background:#3b5998}
.share>a:nth-child(5){background:#1da1f3}
.share>a:first-child:hover::after{background:red}
.share>a:nth-child(2):hover:after{background:#3dce5b}
.share>a:nth-child(3):hover:after{background:#cc5757}
.share>a:nth-child(4):hover:after{background:#af5998}
.share>a:nth-child(5):hover:after{background:#1db1f5}*/
.share>a:first-child{background:#3dbe5b}
.share>a:nth-child(2){background:#3b5998}
.share>a:nth-child(3){background:#ff5757}
.share>a:nth-child(4){background:#1da1f3}
.share>a:nth-child(5){background:#af5998}
.share>a:nth-child(6){background:#ff5757}
.share>a:nth-child(7){background:#3b5998}
.share>a:nth-child(8){background:#1da1f3}

.share>a:first-child:hover::after{background:#af5998}
.share>a:nth-child(2):hover:after{background:#cc5757}
.share>a:nth-child(3):hover:after{background:#3dce5b}
.share>a:nth-child(4):hover:after{background:red}
.share>a:nth-child(5):hover:after{background:#1db1f5}
.share>a:nth-child(6):hover:after{background:#3dce5b}
.share>a:nth-child(7):hover:after{background:#cc5757}
.share>a:nth-child(8):hover:after{background:#af5998}
.share>a:nth-child(9):hover:after{background:#1db1f5}
.share .wxWrap{position:relative}
.share .wxWrap .qrcode{width:128px;height:153px;border:1px solid #bcbcbc;color:gray;position:absolute;left:-50px;top:-160px;text-align:center;line-height:1;background:#fff;border-radius:3px;font-size: 12px;}
.share .wxWrap .qrcode:before{content:"";width:5px;height:5px;background:#fff;border-top:1px solid #bcbcbc;border-right:1px solid #bcbcbc;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;position:absolute;right:-4px;top:15px}
.share .wxWrap .qrcode:before { content: ""; width: 5px; height: 5px; background: #fff; border-top: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute; right: -4px; top: 15px; }
.share .wxWrap .qrcode img{margin:0px auto 0px;max-width:100%;}
.share .wxWrap .qrcode  #qrcodes{padding:7px 5px ;text-align:center;}

@-webkit-keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}

        
@media (max-width: 960px) { 
.share { text-align: center; width: 100%; }
.footer-info,  .footer-region  div,.footer-shengming { display:block;padding:5px 10px;color:#aaa; } 

.footer-second { border-bottom:0px solid #616466; padding-bottom: 0px; }
.footer-info {     border-top: solid 0px #ccc;background: #393746;padding-top:25px;padding-bottom:0px;}
.footer-shengming{}
.footer-region { padding: 10px 0; } 
.ftLeftLinks dd a{  font-size:14px;}
.table-responsive {  border: 0px solid #ddd; }
.ad-desc,.copyright,#toyear,.footer-shengming .shengming a{}
.ftCompanyName{display:block;;}
/*footer*/
.footer{ padding:0px 0 25px 0;  }
.ftLeftLinks dl{ float:none;  padding:0 15px;width: 100% !important;border-bottom: 1px #555 solid;overflow: hidden; max-height: 45px; 
                -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1);}
.ftLeftLinks dl dt b { display: block; }
.ftLeftLinks dl dd { padding-left:25px; width:100%}
.ftLeftLinks dl dt{ font-weight:normal;width: auto; margin-bottom: 0; padding: 12px 0; }
ftLeftLinks dl dd a{ display:block;  height:30px; line-height:30px; overflow:hidden;}
.ftLeftLinks dl.active dt b { will-change: transform; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.ftLeftLinks dl.active {width: 100%;    max-height: 265px; will-change: transform,max-height;padding-bottom:15px;}
.share { text-align: center; width: 100%; }

.ftLeftLinks {   flex-wrap:wrap;}

.ftLeftLinks { padding-bottom: 0px;padding-top:15px; }
.ftLeftLinks .ftHotline { float: none; width: 100%;padding-left:15px;padding-right:15px;font-size:14px; display:none; }

.ftLeftLinks  h3{font-size:14px;float:left;padding-right:10px;}
.ftLeftLinks .ftHotline  h4{font-size:14px;float:none;padding-top:20px;margin-bottom:0px; width: 100%;margin-left:0%;color:#393746}
.ftLeftLinks .ftHotline  h4.icon-contact:before { content: ""; }
.ftLeftLinks .ftHotline h4 a,.ftLeftLinks .ftHotline a.ftbtnonline { display: block; font-weight: 300; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #999da0; border-radius: 2px; padding: 0 1em; background-color: transparent; transition: .25s; line-height: 40px; height: 40px; font-size: 14px; }
.ftLeftLinks  p{text-align:center;display:block;clear:both;font-size:14px;}
.ftLeftLinks .ftweixin{ display:none;}
.ftLeftLinks .ftweixin img{max-width:100%;}
}


.header-banner { padding: 200px 0; } 
.header-banner { position: relative; background-position:center; background-size: cover; width: 100%; color: #fff; } 
.header-banner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.52); content: ""; }
.header-banner .banner-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.header-banner h5{ color: #fff; font-weight: 700;font-size:30px;z-index: 5;    opacity: 0.6; letter-spacing:10px;}



/*二级导航--页面导航*/
.abnav{width:1300px;background:#fff;position: absolute; bottom: 0; left: 50%;margin-left:-650px;display:flex;display:-webkit-flex; }
.abnav a{text-align:center;font-size:16px;padding: 25px;font-weight:bold; color:#999 !important;}
.abnav a.active,.abnav a:hover{color:#2EC6B2 !important;;}

@media (max-width: 1439px) {
.header-banner { padding:180px 0; } 
.header-banner h5{font-size:20px;}
.abnav{width:1170px;margin-left:-585px;}
}

@media  (max-width: 1199px) {
.header-banner { padding:170px 0; } 
.header-banner h5{font-size:20px;}
.abnav{width:970px;margin-left:-485px;}
}
@media  (max-width: 991px) {
.header-banner { padding:160px 0; } 
.header-banner h5{font-size:20px;}
.abnav{width:750px;margin-left:-375px;}
}



@media (max-width: 767px) { 
.header-banner { padding: 110px 0; } 
.header-banner h5{ display:none; }
.abnav{display:none;}
} 


.breadcrumb-content { position: relative; } 
/*.breadcrumb-content::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 6px; border: 1px solid #fff; border-radius: 30px;background-color:#fff; } */
.breadcrumb-content .title {position: relative; opacity: 0.9; font-size:30px; color: #fff;  margin: 12px 0; letter-spacing:2px;text-align:center;display:flex;display:-webkit-flex;justify-content:center;align-items: center; } 
.breadcrumb-content .title span {     display: inline-block;height: 5px; width: 100px; background-color: #fff; opacity: 0.7;border-radius: 30px;}
.breadcrumb-content .title span:first-child {margin-right:15px;}
.breadcrumb-content .title span:last-child{margin-left:15px;}
.breadcrumb-content .titlex::after { content: "";opacity: 0.9; position: absolute; right: 30%; top: 50%; height: 3px; width: 100px; border: 1px solid #fff; border-radius: 30px; background-color: #fff; }

.breadcrumb-content .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0; } 
.breadcrumb-content .breadcrumb li {  color: #2EC6B2;  } 
.breadcrumb-content .breadcrumb li a { color: #2EC6B2; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item { padding-left: 10px; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item::before { padding-right: 10px; color: #2EC6B2; content: "|"; }


.header-banner.white .breadcrumb-content::before {border: 1px solid #fff !important;} 
.header-banner.white .breadcrumb-content .title ,
.header-banner.white .breadcrumb-content .breadcrumb li ,
.header-banner.white .breadcrumb-content .breadcrumb li a ,
.header-banner.white .breadcrumb-content .breadcrumb-item+.breadcrumb-item::before {color: #fff !important}



@media (max-width: 767px) {
    .breadcrumb-content .title { font-size: 26px;  } 
.breadcrumb-content .title span{  width:50px;  }
.breadcrumb-content .title span:first-child {margin-right:10px;height: 3px; }
.breadcrumb-content .title span:last-child{margin-left:10px;height: 3px; }
} 
@media (min-width:768px) and (max-width: 991px) {
    .breadcrumb-content .title { font-size: 28px;  } 
.breadcrumb-content .title span{  width:60px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
     .breadcrumb-content .title { font-size: 30px;  } 
.breadcrumb-content .title span{  width:70px;  }
}


@media (min-width:1200px) and (max-width: 1500px) {
     .breadcrumb-content .title { font-size: 40px;  } 
.breadcrumb-content .title span{  width:70px;  }
}
@media (min-width:1501px) and (max-width: 1920px) {
     .breadcrumb-content .title { font-size: 40px;  } 
.breadcrumb-content .title span{  width:80px;  }
}




#chat_ways{ position: relative; z-index: 1002; bottom: 200px; right: 532px; width: 512px; height: 200px; border-radius: 10px; background: #fff; -webkit-box-shadow: 0 2px 17px rgba(70, 130, 176, 0.15); box-shadow: 0 2px 17px rgba(70, 130, 176, 0.15); } 
#chat_ways .help_center, #chat_ways .qq, #chat_ways #other_contact{ width: 160px; position: absolute; top: 49%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } 
#chat_ways .help_center img, #chat_ways .qq img, #chat_ways #other_contact img{ width: 60px; margin: 0 auto; display: block; opacity: .6; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
#chat_ways .help_center{ cursor: pointer; right: 18px; } 
#chat_ways .help_center:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05); opacity: .7; } 
#chat_ways .qq{ left: 20px; cursor: pointer; } 
#chat_ways .qq:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05); opacity: .7; } 
#chat_ways #other_contact{ left: 176px; } 
#chat_ways .contact_type{ width: 100%;display:block; padding-top: 10px; color: #212121; font-size: 1.4rem; font-weight: 800; line-height: 1.4; opacity: .7; text-align: center; } 
#chat_ways #phone{ position: absolute; bottom: 0; border-top: 1px solid rgba(83, 133, 165, 0.25); line-height: 3; background: rgba(83, 133, 165, 0.05); opacity: .4; left: 50%; color: rgba(61, 81, 94, 0.9); font-size: .9rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; margin: 0 auto; text-align: center; cursor: pointer; -webkit-transition: opacity .3s; transition: opacity .3s; } 
#chat_ways .contact_time{ width: 100%; color: #3c5e6c; opacity: .6; padding-top: 6px; text-align: center; font-size: .9rem; } 

.chat_box .btn_show{ opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 
.chat_box .btn_hide{ opacity: 0; -webkit-transform: rotate(30deg) scale(0.8); transform: rotate(30deg) scale(0.8); } 
.chat_box #close{ opacity: 0; -webkit-transform: rotate(-60deg) scale(0.8); transform: rotate(-60deg) scale(0.8); -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); } 
.chat_box .face_wrap{ background:url(/static/images/smile.png) no-repeat center;width: 100%; height: 100%; position: absolute; left: 0; -webkit-transition: all .3s; transition: all .3s; -webkit-transform-origin: center center; transform-origin: center center;text-align:center; } 
.chat_box .close_show{ opacity: 1 !important; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0.8) !important; transform: translate(-50%, -50%) rotate(0deg) scale(0.8) !important; } 
.chat_box .close_hide{ opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(-60deg) scale(0.8) !important; transform: translate(-50%, -50%) rotate(-60deg) scale(0.8) !important; } 
.chat_box .close_cell{ opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) rotate(-60deg) scale(0.8); transform: translate(-50%, -50%) rotate(-60deg) scale(0.8); -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); cursor: pointer; }






#scrollUp{right:30px;z-index:33;bottom:40px;text-align:center}
#scrollUp i{height:47px;width:47px;line-height:47px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.32);border-radius:3px;font-size:25px;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease;display:block;color:#f47425;border-radius:100%}
#scrollUp i:hover{background:#f47425;color:#fff}



    

.next-page{   margin:25px auto;  text-align: center; }
.next-page a{ padding:5px 13px; margin:0 3px;border:solid 1px #ddd; float:left; display:inline-block;}
.next-page a:hover{ background:#fff; color:#2EC6B2; border:solid 1px #ccc;}
.next-page a.page_on{background:#2EC6B2; color:#fff;}
.next-page p{ float:left; line-height:25px; padding-right:10px; display:none;}




.goTop{ position: fixed;font-size: 20px;color: #fff;display: none; width: 40px;bottom: 30px;right: 30px;cursor: pointer; height: 40px; margin-bottom: 15px; border-radius: 40px; line-height: 40px; background-color: #2EC6B2; z-index:9999999;transition:all 0.5s ease-in-out;} 
.goTop > i{ font-size: 20px; width: 40px; text-align: center; line-height: 40px; display: block; font-style: normal; }
.goTop:hover{ background-color: #2EC6B2; } 


.fixroot .fixwrap.fx { position: fixed; width: 100%; left: 0; top: 0px; background-color: #fff; /*box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);*/ z-index: 9999; }




.c_tit{text-align:center;padding-bottom:45px;}
.c_tit strong{font-size:28px;color:#393746;    letter-spacing: 2px;}
.c_tit strong span{color: #2EC6B2;font-size:28px}
.c_tit p{font-size:18px;color:#666;width:50%;margin:0 auto;margin-top:10px;}
.c_tit i{display:block;height:15px;clear:both;float:none;width:90px;margin-right:auto;margin-left:auto;margin-bottom:15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#2EC6B2}
@media (min-width:1200px) and (max-width: 1439px) {
.c_tit strong,.c_tit strong span{font-size:24px;}
.c_tit p{font-size:16px;line-height:25px;}
 .c_tit{padding-bottom:35px;}
}

@media (max-width: 1200px) {
.c_tit strong,.c_tit strong span{font-size:24px;}
.c_tit p{font-size:16px;padding:0px;width:calc(100% - 20px);}
 .c_tit{padding-bottom:30px;}
}



@media (max-width: 768px) {
    .c_tit p {
        text-align:left;
    }
    .c_tit{padding-bottom:25px;}
}




/*合作品牌*/
.hezuopingpai{background-color:#fff;}
.hezuopingpai ul{display:flex;display:-webkit-flex;margin:0px;padding:0px;flex-wrap:wrap;justify-content:space-between}
.hezuopingpai ul li{width:calc(25% - 15px);background-color:#fff;border:1px solid #f7f8f9;margin-bottom:20px;border-radius:8px;}
.hezuopingpai ul li a{display:block;text-align:center;padding: 15px 0;}
.hezuopingpai ul li img{max-width:100%;max-height:100%;object-fit:cover;}

@media (min-width:1200px) and (max-width: 1439px) {


}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width:768px) and (max-width: 991px) {
       .hezuopingpai{padding:30px 0 35px; }
}

@media (max-width: 768px) {
    .hezuopingpai ul li{width:calc(50% - 1px);
    margin-bottom: 2px;}
    .hezuopingpai.RowPadding {
        padding: 30px 0 10px;
        margin: 0 5px;
        border-radius: 8px;
    }

    .hezuopingpai ul li a {
    padding: 0px 0;
}

}
/*产品模块CSS*/

.PC-Zone { background: #4C4C4C; } 
.PC-Zone .SectionOne {  display:flex;display:-webkit-flex;justify-content:space-between; } 
.PC-Zone .SectionOne  .PCRow1-left { width: 70%; display: flex; display: -webkit-flex; align-content: center; justify-content: center; flex-direction: column; }
.PC-Zone .SectionOne  .PCRow1-right{ width:30%;padding-top:100px; } 
.PC-Zone .SectionOne  .PCRow1-left h2 {  color: #f0f0f0; font-size: 50px; font-weight: 700; display:block;width:100% }
.PC-Zone .SectionOne  .PCRow1-left p { color: #f0f0f0; font-size: 32px; display:block;width:100%;margin-top:10px;} 
.PC-Zone .SectionOne  .PCRow1-right  img { width:100%}
@media (max-width: 991px) { 
.PC-Zone .SectionOne {  flex-wrap:wrap; } 
.PC-Zone .SectionOne  .PCRow1-left {width:100%;padding-top:65px;}
.PC-Zone .SectionOne  .PCRow1-right{width:100%;padding-top:55px;text-align:center;}
.PC-Zone .SectionOne  .PCRow1-right img{width:70%;}
.PC-Zone .SectionOne  .PCRow1-left h2 {  font-size: 30px;text-align:center;  }
.PC-Zone .SectionOne  .PCRow1-left p { font-size: 20px; text-align:center;} 

} 

@media (min-width: 992px) and (max-width: 1199px) {
.PC-Zone .SectionOne  .PCRow1-left h2 {  font-size: 36px;}
.PC-Zone .SectionOne  .PCRow1-left p {  font-size: 24px; } 


}


@media (min-width:1200px) and (max-width: 1439px) {
.PC-Zone .SectionOne  .PCRow1-left h2 {  font-size: 42px;}
.PC-Zone .SectionOne  .PCRow1-left p {  font-size: 26px; } 
}

.productWrap .features{align-content:center;padding:10px 0;} 
.productWrap .features .FItem { align-items: center;} 
.productWrap .features .FI-iconfont{     text-align: center;width:70px;text-align:center;display:none; } 
.productWrap .features .FI-iconfont span.iconfont { font-size: 20px; display: inline-block; width: 30px; height: 100%; line-height: 30px; text-align: center; border: solid 0px #2EC6B2; color: #fff; font-weight: 700; border-radius: 6px; background: #2EC6B2; }

.productWrap .prolist{background-color:#fff;}
.productWrap .prolist2{background-color:#e9ecef;}

.productWrap  .itemslr {justify-content:space-between; align-items:center;}
.productWrap  .itemslr .itemleft{width:35%;text-align:center}
.productWrap  .itemslr .itemright{width:63%;}
.productWrap  .itemslr .itemleft img{width:100%;}


.productWrap .features .FI-Dot{position: relative; padding-left: 30px; margin-bottom: 10px;font-size:16px;line-height:26px;overflow:hidden}
.productWrap .features .FI-Dot:before{ position: absolute; left: -10px; box-sizing: border-box; content: "\e7bf"; font-family: "iconfont" !important; /* border: 1px solid #e6e6e6; */ line-height: 0; vertical-align: middle; display: block; top: 14px; font-size: 36px; color:#2EC6B2; }

@media (max-width: 991px) {


}



@media (max-width: 767px) { 
.productWrap  .itemslr .itemleft{width:100%;}
.productWrap  .itemslr .itemright{width:100%;padding-top:35px;}
.productWrap  .itemslr .itemleft img{width:70%;margin:0 auto;}

} 
@media (min-width:768px) and (max-width: 991px) {
 .productWrap  .itemslr .itemleft{width:100%;}
.productWrap  .itemslr .itemright{width:100%;padding-top:35px;}
.productWrap  .itemslr .itemleft img{width:70%;margin:0 auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {

}


@media (min-width:1200px) and (max-width: 1439px) {

}


/* 应用案例*/
.CaseWrap {}
.CaseWrap ul { display:flex;display:-webkit-flex; flex-wrap:wrap; justify-content:space-between;}
.CaseWrap ul  li { width:calc(33.3% - 14px);margin:0 7px 15px 7px; }
.CaseWrap ul.slide  li { width:415px;}
.CaseWrap ul li .content {  position: relative; }
.CaseWrap ul li .img {overflow: hidden; }
.CaseWrap ul li .img:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.CaseWrap ul li .img img {-webkit-border-radius: 4px; border-radius: 4px;width:100%; -webkit-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s; }
.CaseWrap ul li .info { position: absolute; left: 0; bottom: 0; right: 0; color: #fff; padding: 65px 56px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
.CaseWrap ul li .info h3{ font-size: 35px; line-height: 35px;}
.CaseWrap ul li .info .desc { font-size: 16px; margin: 10px 0 5px; }
.CaseWrap ul li .info .more { font-size: 16px;color: #fff;  -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
.CaseWrap ul li .info .more::after { width: 9px; height: 9px; margin-left: 5px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
.CaseWrap ul li .info .more:hover { margin-left: 5px; color: #2EC6B2; }
.CaseWrap ul li .info .more:hover::after { border-color: #2EC6B2; }
.CaseWrap ul li .info .more::after { content: ""; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: 1px; }





@media (max-width: 767px) {
.CaseWrap ul  li { width:100%;margin:0 0px 15px 0px; }
.CaseWrap ul.slide  li { width:calc(100% - 4px);margin:0;}
.CaseWrap ul li .info h3{ font-size: 28px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.CaseWrap ul  li { width:100%;margin:0 0px 15px 0px; }
.CaseWrap ul.slide  li { width:calc(100% - 14px);}
.CaseWrap ul li .info h3{ font-size: 30px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.CaseWrap ul  li { width:calc(50% - 14px);margin:0 7px 15px 7px; }
.CaseWrap ul.slide  li { width:455px;}
.CaseWrap ul li .info h3{ font-size: 30px; }
}
@media (min-width: 1200px) and (max-width: 1400px) {
.CaseWrap ul.slide  li { width:360px;}
.CaseWrap ul li .info h3{ font-size: 30px; }
}


#return-top { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px;line-height:40px; position: fixed; right: 24px; z-index: 100; transition: all .3s; cursor: pointer; background:#fff;border:solid 1px #2EC6B2; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 16%); border-radius: 1px; bottom: 24px; display:none;    text-align: center;border-radius:50%} 
#return-top .iconfont {  font-size:20px;color:#2EC6B2;       }

.main-header,#sidebarleft {display:none;}

@media (max-width: 767px) {
    #return-top {
        width: 30px;
        height: 30px;
        line-height: 30px;
        right: 14px;
        bottom: 14px;
    }

        #return-top .iconfont {
            font-size: 14px;
        }
}



@media (max-width:1000px) {#return-top { right: 14px;;}

.main-header,.sidebarleft,.header_area,.sidenav{display:none;}

.main-header {background-color:#fff;display:block;z-index:1030;width:100%;margin:0;border:0;padding:0;filter:none;
              /*box-shadow:0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);position:fixed;right:0px;left:0px;top:0px;*/min-height:0; height: 60px; 
              border-bottom: solid 1px #EEE;transition:all 0.3s}
.container_header {background:transparent;height:60px;padding:0 10px;display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center!important;align-items:center!important;padding:0px 10px !important;justify-content:space-between;}
.wrapper {height:100%;position:relative;overflow-x:hidden;overflow-y:auto;}
.wrapper:before,.wrapper:after {content:" ";display:table;}
.container_header {background:transparent;height:60px;padding:0 10px;}
.container_header .min-h {min-height:60px;}
.container_header .mlogo {}
.container_header .mlogo a {display:block;}
.container_header .mlogo a img{ }
    .mlIcon a:link, .mlIcon a:visited {
        color: #fff;
    }
    .mlIcon a:hover, .mlIcon a:active {
        color: #2EC6B2;
    }
.navi-menu-button{ width: 40px; height: 40px; position: relative; cursor: pointer;background-color:transparent;border:none; } 
.navi-menu-button em{ width: 29px; height: 2px; background-color: #393746; display: block; position: absolute; border-radius: 30px; right: 0; -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ } 
.navi-menu-button em:nth-child(1){ top: 10px; width: 25px; } 
.navi-menu-button em:nth-child(2){ top: 19px; } 
.navi-menu-button em:nth-child(3){ top: 28px; width: 25px; } 
.navi-menu-button.active em:nth-child(1){ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; } 
.navi-menu-button.active em:nth-child(2){ width: 0; } 
.navi-menu-button.active em:nth-child(3){ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 14px; }
.container_full {padding:0px;min-height:calc(100vh);background:#fff;position:relative;max-width:760px;margin:0 auto;}

.themeblack .sticky.main-header,.themewhite .sticky.main-header {background-color:transparent;  border-bottom-width: 0;}
.themeblack .sticky.main-header.headerScrollDown,.themewhite .sticky.main-header.headerScrollDown {background-color: rgba(0, 0, 0, .85);  border-bottom-width: 0;}



.themeblack .sticky .navi-menu-button em{  background-color: #393746;  } 
.themeblack {}
.themewhite .sticky .navi-menu-button em{  background-color: #fff;  }
.themeblack .sticky.headerScrollDown .navi-menu-button em,.themewhite .sticky.headerScrollDown .navi-menu-button em{  background-color: #fff !important;  } 



.themewhite {}

.themeblack {}
.themeblack {}
.themewhite {}
.themewhite {}



body.noscroll { overflow: hidden; }
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; top: 0px; transition: all 0.5s ease-in-out; } 
.overlay.active { display: block; opacity: 1; } 

#sidebarleft {  width: 280px;      
        overflow-y: auto; padding: 25px 20px;padding-top:0px;position: fixed; top: 0; left: -280px; height: 100vh; z-index: 999; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));; transition: all 0.8s; overflow: auto; } 
#sidebarleft.active { display:initial ;  overflow-x: hidden; animation:mymove 5s infinite;
    -webkit-animation:mymove 0.5s; /* Safari 和 Chrome */
    animation-iteration-count:1;
-webkit-animation-iteration-count:1; /*Safari and Chrome*/

left:0px
} 

@keyframes mymove
{
	from {left:-250px;}
	to {left:0px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from {left:-250px;}
	to {left:0px;}
}
#sidebarleft a, #sidebarleft a:hover { } 
#sidebarleft .list-unstyled .lefticon.iconfont { font-size: 20px; margin-right: 15px; width: 20px; } 
#sidebarleft .list-unstyled .righticon{  float: right;    margin-top: 3px;font-size:12px;}
#sidebarleft #dismiss {display:none; top:-7px;z-index:2; right: -7px; width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 26px; } 
#sidebarleft #dismiss:hover {  } 
#sidebarleft #dismiss .iconfont { font-size:20px; } 

#sidebarleft .sidebar-header { padding: 0px;  } 
#sidebarleft .sidebar-header h3 { font-size: 20px;  font-weight: 800;   margin-bottom: 0px; }
#sidebarleft .sdprofile { background-color: rgba(255, 255, 255, 0.08); min-height: 100px; position: relative; padding-left: 100px; } 
#sidebarleft .sdprofile .sdp-left { position: absolute; margin: 15px 10px 15px 20px; left: 0px; top: 0px; } 
#sidebarleft .sdprofile .sdp-left img { width: 70px; height: 70px; overflow: hidden; /*-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;*/ } 
#sidebarleft .sdprofile .sdp-right { padding: 20px 20px 0px 0px; } 
#sidebarleft .sdprofile .sdp-right .sd-name { font-weight: 600; color: #df9403; }
#sidebarleft ul {  } 

    #sidebarleft ul li a {
        padding: 15px 0px;
        font-size: 16px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        color: #393746;
        position: relative;
    }
#sidebarleft ul li a::after { transition: transform 0.5s ease-in-out; /* 可选的过渡效果 */ position: absolute; right: 10px; /* top: 11px; */ font-family: "iconfont" !important; font-size: 14px; color: #999; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e6e3"; }

#sidebarleft ul li a:hover { background-color: rgba(255, 255, 255, 0.07); } 
#sidebarleft ul li.active > a, a[aria-expanded="true"] {} 
#sidebarleft .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
#sidebarleft .icon-arrow-bottom { margin: 5px 0px 0px !important; float: right; } 
#sidebarleft .collapsible-body { padding: 0px 0px !important; background-color: rgba(255, 255, 255, 0.08); } 
#sidebarleft .collapsible-body a { padding: 7px 0px 7px 20px !important; opacity:0.8 }
#sidebarleft a, #sidebarleft a:hover, #sidebarleft a:focus { color: inherit; text-decoration: none; transition: all 0.3s; } 
#sidebarleft ul ul a { padding-left: 30px !important;  font-size: 14px;} 
/*#sidebarleft .collapse:not(.show) { display: none; }*/
#sidebarleft a[data-toggle="collapse"] { position: relative; }
#sidebarleft .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; }

#sidebarleft a[aria-expanded="true"]::after{color:#2EC6B2; transform: rotate(90deg); /* 旋转90度 */
  transition: transform 0.5s ease-in-out; /* 可选的过渡效果 */ }



}

.f14{ font-size:14px;}
.homenewproduct {
    background-color: #fff;
    justify-content: center;
}
.homenewproduct   .owl-nav { padding-top: 35px;}
.homenewproduct  .swiper-slide{width:25%}
.homenewproduct.homenewproduct3  .swiper-slide{width:auto}

.single-category-wrap-2 .category-img-2 a {display:inline-block;position:relative;overflow:hidden;}
.single-category-wrap-2 .category-img-2 a img {max-width:100%;}
.single-category-wrap-2 .category-content-2 {margin-top:13px;}
.single-category-wrap-2 .category-content-2 h4 {font-size:16px;font-weight:500;margin:0;}
.single-category-wrap-2 .category-content-2 h4 a {}
.tab-home-cata ul {justify-content:center;margin-bottom:35px;}
.tab-home-cata ul li{}
.tab-home-cata ul li{margin:0 15px;cursor:pointer;}
.tab-home-cata ul li a{display:block;padding:4px 15px;border-radius:18px;border:solid 1px #393746;background-color:#fff;color:#393746;}
.tab-home-cata ul li a:hover{border:solid 1px #f40;color:#f40;}
.tab-home-cata ul li.active  a{background-color:#fff;color:#2EC6B2;border:solid 1px #2EC6B2;}


@media (min-width: 992px) and (max-width: 1199px) {
}




@media (max-width: 767px) {

#btnToSearch{font-size:22px;color:#2EC6B2;}


.themeblack #btnToSearch{
    color: #393746;
   
}
.themewhite #btnToSearch{
    color: #fff;
}

 .homenewproduct  .swiper-slide{width:33.33%}
 .homenewproduct { flex-wrap:wrap;justify-content:flex-start }
 .tab-home-cata ul {}
 .tab-home-cata ul li{margin:0 5px;;}
 .tab-home-cata ul li a {  padding: 4px 10px; font-size: 14px;  }
}




.sticky {left:0;position:fixed;top:0;width:100%;z-index:20;}
.header_bottom .sticky {border-bottom:0;}
.header_bottom {background-color:#00162f;transition:all 0.3s ease;}
.themeblack .header_bottom {
    background-color: #fff;
   
}
.themewhite .header_bottom {
    background-color: #00162f;
}

.main_menu {
    height: 60px;
    width: calc(100% - 150px);
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.themeblack .sticky .header_bottom, .themewhite .sticky .header_bottom {    background-color: transparent;}
.themeblack .sticky.headerScrollDown .header_bottom, .themewhite .sticky.headerScrollDown .header_bottom {   background-color: #2ec6b2 !important;}




.themeblack .sticky ul.navmenu li a, .themeblack  ul.navmenu li a, .themeblack .sticky .head_lan .languages a {
    color: #393746
}
.themewhite .sticky ul.navmenu li a, .themewhite  ul.navmenu li a, .themewhite .sticky .head_lan .languages a {
    color: #fff
}

.themeblack .sticky .drophover ul.navmenu li a, .themeblack .sticky .drophover .head_lan .languages a,
.themewhite .sticky .drophover ul.navmenu li a, .themewhite .sticky .drophover .head_lan .languages a {
    /*color: #393746;   */
}


.navmenu .itemli.opened > a { color: #FFF !important; }



.themeblack .sticky.headerScrollDown ul.navmenu li a, .themeblack .sticky.headerScrollDown .head_lan .languages a {    color: #fff !important}





.tags {
    position: absolute;
    left: -1px;
    top: 0;
    font-size: 12px;
    text-align: center;
    z-index: 9;
    display: inline-block;
    padding: 2px 10px;
    white-space: nowrap;
    border-top-right-radius: 0em;
    border-bottom-right-radius: 0em;
    color: #fff;
    background: #2EC6B2 !important;
    box-sizing: border-box;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 25px;
}
.tags0{top:0px;background-color:#393746;color:#fff;}
.tags1{top:30px;background-color:#393746;color:#fff;}
.tags2{top:60px;background-color:#393746;color:#fff;}
.tags3{top:90px;}
.tags4{top:120px;}
.tags5{top:150px;}

.rtags1{top:10px;left:initial; left: 10px;}
.rtags2{top:40px;left:initial;left: 10px;}
.rtags3{top:70px;left:initial;left: 10px;}



@media (max-width: 767px) {

.tags {  ;}

}





.ProTopNav{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;position:relative;z-index:88;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background-color: #fff;
         /*  border-bottom: solid 1px #e5e7eb;border-top: solid 1px #e5e7eb;*/
background: #f7f8f9;border-bottom: solid 1px #F2F2F2;
}
.ProTopNav .topNavBox{
    width:100%;height:52px;margin:0 auto;overflow:hidden;font-size:0;;display: -webkit-flex; display: -ms-flexbox; display: flex;  justify-content:space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  border-image: linear-gradient(hsla(100,100%,100%,1),hsla(100,100%,100%,1));
}
.ProTopNav .topNavBox .proName{height:52px;line-height:52px;width:150px;overflow:hidden;;font-size:14px;color:#242933;text-align:left;text-transform:capitalize;}
.ProTopNav .topNavBox .buy-btns{float:right}
.ProTopNav .topNavBox .buy{display:inline-block;cursor:pointer;padding:0 14px;max-width:9em;height:32px;font-size:14px;line-height:32px;color:#fff;text-align:center;background-color:#00c961;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-top:20px;margin-right:0;margin-left:30px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}
.ProTopNav .topNavBox .buy:hover{background:#2EC6B2}
.ProTopNav .topNavBox .proSubTabs{display:flex;display:-webkit-flex;justify-content:space-between;}
.ProTopNav .topNavBox .proSubTabs>a{font-size:0;position:relative}
.ProTopNav .topNavBox .proSubTabs>a::after { position: absolute; content: '|'; right: 0; top: 5px; background: #c0c0c0; height: 12px; width: 1px; }
.ProTopNav .topNavBox .proSubTabs>a:last-child::after {display:none; }
.ProTopNav .topNavBox .proSubTabs>a span { margin:0  15px; font-size: 14px;display:flex;align-items:center; }
.ProTopNav .topNavBox .proSubTabs>a:last-child span { margin-right:0}
.ProTopNav .topNavBox .proSubTabs>a span:hover{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;}
.ProTopNav .btnToggleMobile{display:none}


@media screen and (max-width:1599px){}
@media screen and (max-width:1199px){


 }
@media screen and (max-width:1000px){

        .ProTopNav{height:auto;background-color:#fff;border-top-width:0;}
        .ProTopNav .topNavBox{padding:15px 5px;height:auto;background-color:#fff; -webkit-box-shadow:none; box-shadow: none;display:block;}
.ProTopNav .topNavBox .proName { width: 100%; height: 50px; margin-left: 0; font-size: 14px; line-height: 50px; color: #212121; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-bottom: solid 1px #f5f5f5;text-align:center; }
        .ProTopNav .topNavBox .buy{padding:0 15px;height:auto;margin-top:12px;margin-right:0;margin-left:15px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;font-size:14px;line-height:28px}
            .ProTopNav .topNavBox .proSubTabs {display:none;    }
/* .ProTopNav .topNavBox .proSubTabs{width:100%;height:auto;margin-right:0;overflow:hidden;max-height: 0;position: absolute; width: 100%; top: 50px; left: 0;background: #fff;-webkit-transition: max-height .35s ease,opacity .2s ease; transition: max-height .35s ease,opacity .2s ease; ;}
*/
.ProTopNav .topNavBox .proSubTabs>a span { text-align: center; margin:0px 10px;}


.ProTopNav .btnToggleMobile { height: 100%; width: 100%; text-align: right; line-height: 100%; display: block; position: absolute; top: 0px;  right: 0px; }
.ProTopNav .btnToggleMobile .iconfont{position: absolute; top: 25px;right: 10px;-webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: -o-transform .3s; -moz-transition: transform .3s,-moz-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s; transition: transform .3s,-webkit-transform .3s; } 

.openProNav .btnToggleMobile .iconfont{-webkit-transform: rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform: rotate(180deg)}
.openProNav .ProTopNav .topNavBox .proSubTabs{ max-height: 100vh; }

}



/*导航地址*/
.linkGuide {  }
.linkGuide ul { font-size: 0; line-height: 1; display:flex;display:-webkit-flex}
.linkGuide ul li { position: relative; padding-right: 5px; display:flex;display:-webkit-flex;align-items:center; }
.linkGuide ul li a,.linkGuide ul li span { font-size: 14px; font-weight: 500;  color: #A1A1A1;-webkit-transition: .3s ease-out; transition: .3s ease-out;    height: 100%; }
.linkGuide ul li::after{font-family: "iconfont" !important;content: "\e6ea";font-size:14px;font-weight:500;color:#A1A1A1;}
.linkGuide ul li:last-of-type{padding-right:0}
.linkGuide ul li:last-of-type::after{display:none}


.nullResult { padding: 5vw 0; text-align: center;width:100%; }
.nullResult .noresultext { font-size: 1.2vw;padding-top:2vw;color:#393746; }
.nullResult .texticon { font-size: 8vw; line-height: 1;color: #7D7E80; }


.bottomPageNum { display: flex; display: -webkit-flex; justify-content: center; align-items: center; border-top: solid 2px #e5e7eb; padding-top: 45px; } 
.bottomPageNum .page,.bottomPageNum .page_on { border: solid 1px #ccc; height: initial; line-height: inherit; width: initial; text-align: center; padding: 4px 10px; margin:0 5px}
.bottomPageNum .page_on{color:#2EC6B2;border-color:#2EC6B2;}




.td-head  .topbar { background: #2EC6B2;   }
.td-head  .topbar .col9 {width:50%;  }
.td-head  .topbar .col3 {width:50%; }
.td-head  .topbar .social-links { }
.td-head  .topbar .social-links ul { overflow: hidden; position: relative; justify-content:flex-end;align-items:center;}
.td-head .topbar .social-links li { padding: 0px; height: 25px; line-height: 25px; margin-left: 8px; display: flex; align-items: center; }
.td-head  .topbar .social-links li span {font-size:18px;  }
.td-head  .topbar .social-links a { color: #fff;padding: 0 10px; -webkit-transition: all .2s; transition: all .2s; cursor: pointer; opacity: .8; font-weight:500;display:flex;align-items:center;font-size:12px;}
.td-head  .topbar .social-links a:hover {  opacity: 1; }
.td-head  .topbar .social-links li  i { display: inline-block; padding-right: 5px; position: relative; top: 2px; }
.td-head  .topbar .contact-info { position: relative; z-index: 1; font-size: 12px;   height:25px;line-height:25px;}



 .hnav { /*-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%); box-shadow: 0 1px 3px rgb(0 0 0 / 10%); */ b position: relative; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;  z-index: 777;} 
 .hnav .hnavLeft { flex-direction: row; align-items: center; flex-wrap: nowrap;justify-content: space-between;padding:0; width:100%}
 .nav-logo {  /*width: 110px; height: 100%;*/transition: opacity .5s cubic-bezier(.645,.045,.355,1);position:relative; } 
 .nav-logo:hover{opacity:.6}
 .nav-logo a{  justify-content: flex-start; align-items: center; text-align: center; /*width: 100%;height:100%;*/ }

 button.btnlocation { display: flex; justify-content: space-around; align-items: center;     border: #2EC6B2 solid 1px; background-color: transparent; line-height: 1; text-align: center; color: #2EC6B2; border-radius: 0; margin: auto 0; font-size: 14px; padding-left: 4px; transition: none; }
 button.btnlocation  p {font-size:12px; display: inline-block;  text-transform:uppercase }
 button.btnlocation  i {}

 
.navbar-brand-logo { transition: all .3s ease; vertical-align: middle; display: inline-block; width: 130px; height: 35px; background-size: cover;
                     background-image:url(../images/logo1.svg) }
.themeblack .sticky .navbar-brand-logo,.themewhite .sticky .drophover .navbar-brand-logo {
   /* background-image: url(../images/logo1.svg)*/

}
.themewhite .sticky .navbar-brand-logo, .themeblack .sticky .drophover .navbar-brand-logo {
    background-image: url(../images/logo2.svg)
}

.themeblack .sticky.headerScrollDown .navbar-brand-logo,
.themewhite .sticky.headerScrollDown .navbar-brand-logo {
    background-image: url(../images/logo2.svg)
}




/*下拉导航*/
.full-screen { /*background-color:#fbfbfb; border-top: 1px solid #dae1e6;*/
    height: auto;
    overflow: hidden;
    width: 100%;
    left: 0;
    position: absolute;
    top: 99%;
    z-index: 1000;
    /* display: none;*/
    min-width: 160px;
    padding: 0;
    height: 0;
    margin: 0; /* -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.05);-o-box-shadow:0 2px 2px 0 rgba(0,0,0,.05);box-shadow:0 2px 2px 0 rgba(0,0,0,.05); */
   
}
.drop-open { box-shadow: 0 12px 10px 0 rgba(0,0,0,.07); transition-property: height; transition: height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1); }



/*ul.navmenu:hover li:hover .full-screen{display:block;opacity:1;visibility:visible}*/
.itemli.opened .full-screen {
    display: block;
    opacity: 1;
    visibility: visible;
    border-top: solid 1px #eee
}/**/



/*.itemli.opened i{transform:rotate(-90deg);   }/**/
.itemli i.mdropa{transition: all 0.3s;transform:rotate(0deg);position:absolute;}/**/
.itemli.opened i.mdropa{transform:rotate(-180deg);  -webkit-transform:rotate(-180deg);  -o-transform:rotate(-180deg); -moz-transform:rotate(-180deg);   }

/*.itemli.opened  li{ -webkit-animation: header-sub-enter .8s forwards;-o-animation: header-sub-enter .8s forwards;-moz-animation: header-sub-enter .8s forwards;animation: header-sub-enter .8s forwards;opacity:0; }*/ 

@keyframes header-sub-enter { from{transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{transform:translate(0);opacity:1;filter:alpha(opacity=100)} } 
@-moz-keyframes header-sub-enter { from{-moz-transform:translate(70px);-moz-opacity:0;filter:alpha(opacity=0)}to{-moz-transform:translate(0);-moz-opacity:1;filter:alpha(opacity=100)} } /* Firefox */ 
@-webkit-keyframes header-sub-enter  {from{-webkit-transform:translate(70px);-khtml-opacity:0;opacity:0;filter:alpha(opacity=0)}to{-webkit-transform:translate(0);-khtml-opacity:1;opacity:1;filter:alpha(opacity=100)} }/* Safari 和 Chrome */ 
@-o-keyframes header-sub-enter  { from{-o-transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{-o-transform:translate(0);opacity:1;filter:alpha(opacity=100)} }/* Opera */

/*.lihome .iconfont{font-size:26px;}*/
.full-screen .nav-columns {
    padding: 25px 0;
}




.navmenu li.itemli{margin-right:45px;}


.navsearch{ flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: end; }
    .navmenu li.itemli > a, .navsearch li.itemli > a {
        height: 60px;
        line-height: 60px;
        display: block;
        font-size: 16px;
        position: relative;
        font-weight: normal;
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

/*.navmenu li.itemli>a::before {position:absolute;content:"";left:auto;right:0;bottom:-1px;background:#2EC6B2;height:2px;width:0;transition:.3s;}
.navmenu li.itemli:hover> a::before,.navmenu li.itemli.active> a::before {width:100%;right:auto;left:0;}*/

.navsearch li.itemli>a {  padding:0px;   }
.navsearch li.itemli2:last-child>a {  padding:0 0px 0 10px;   }
.navmenu li.itemli:first-child>a {  padding:0; }


/*.itemli-search{display:none;}*/


@media (min-width:1300px) and (max-width: 1439px) {
  .navmenu li.itemli{margin-right:35px;}
.navmenu li.itemli>a, .navsearch li.itemli>a {   }

}
@media (max-width: 1299px) 
{
    .navmenu li.itemli{margin-right:25px;}
.navmenu li.itemli>a, .navsearch li.itemli>a {   }
    .itemli.homepageli,.itemli-contact, .itemli-right-search {
        display: none;
    }
    .itemli-search{display:inline-block;}
    
   
}
@media (max-width: 1050px) {


   .oemli {
        display: none;
    }

}
@media (min-width:768px) and (max-width: 991px) {
.navmenu li.itemli {  height:  55px; }
.navmenu li.itemli>a, .navsearch li.itemli>a { line-height: 55px; height: 55px; font-size: 14px; }
.navsearch li.itemli:last-child>a {  font-size: 14px;}
.navsearch li.itemli:first-child>a {  }
}
.navmenu:hover .itemli:not(.opened):not(.active) > a {    opacity: 0.55;}

.navmenu li.itemli>a:hover,.navmenu li.itemli>a:active,.navsearch li.itemli>a:hover,.navsearch li.itemli>a:active,.navmenu:hover > .itemli:hover > a:hover { opacity: 1;    } 

.navmenu li.itemli.active  a,.navsearch li.itemli.active  a{ color: #2EC6B2  ;    opacity: 1;} 




/*菜单激活时下拉箭头*/
.navmenu li.itemli span.spline {display:none; position: absolute;  left: 45%;  bottom: -1px; width:0px; height:0px;
                                 border-top:10px solid rgba(0,0,0,0); 
                                 border-right:10px solid rgba(0,0,0,0); 
                                 border-bottom:10px solid #FFF; 
                                 border-left:10px solid rgba(0,0,0,0);
                                 
                                  -webkit-transition: width 1s ease; transition: width 1s ease;}
/*.navmenu li.itemli span.spline:before { content: ''; position: absolute; width: 0; height: 100%; display: block; background-color: #2EC6B2; -webkit-transition: width 0s ease; transition: width 0s ease; }
.navmenu li.itemli.opened span.spline:before { width: 100%; -webkit-transition: width 1s ease; transition: width 1s ease; }*/ 
.navmenu li.itemli.opened span.spline{ display:block; }







 .searchright {  display: inline; padding: 20px 12px 0 18px; text-align: right; font-size: 12px; position: relative; z-index: 105; } 
 .searchright .globalDrop{cursor:pointer;    font-weight: 700; opacity: 0.8; opacity: 0.8;  white-space: nowrap;text-transform: uppercase; text-transform: uppercase; letter-spacing: 1px;font-size: 12px;  }
  .searchright .globalDrop:hover{color:#2EC6B2 ;} 
 .searchright .globalDrop .iconfont{  font-size: 14px;} 


  .searchright .topsearchicon{-webkit-transition: all .3s linear; -moz-transition:  all .3s linear; -ms-transition:  all .3s linear; -o-transition:  all .3s linear; transition:  all .3s linear;}










.dropMenu {text-transform: none;background-color: #fff;line-height: 30px;  box-shadow: 0 4px 6px 0 rgba(54,68,75,0.10);  }
.dropMenu .dmRowOne{background-color: #2EC6B2;padding:5px 0;}
.dropMenu .dmRowOne .inmeneul{justify-content:center;align-items:center;}
.dropMenu .dmRowOne .inmeneul li{vertical-align:middle;}
/*.dropMenu .dmRowOne .inmeneul li+::before {  color: #A7A9AC; content: "|"; padding: 0 5px;font-size:12px;}*/
.dropMenu .dmRowOne .inmeneul a{display:inline-block;vertical-align:middle;padding:0 10px;color:#fff !important;display: flex; font-size: 12px; justify-content: center; align-items: center;}
.dropMenu .dmRowOne .inmeneul li:last-child a{margin-right:0;}
.dropMenu .dmRowOne .inmeneul li span{width:1px;background:#A7A9AC;display:inline-block;vertical-align:middle;height:1em;margin-right:25px;}



/*下拉产品导航*/

.nav-pro-cell { padding-top:60px;padding-bottom:50px; position: relative; overflow: hidden;  display: block; }
.nav-pro-box {  position: relative; overflow: hidden;  display: block; }
.nav-pro-cell ul { white-space: nowrap; overflow: hidden; position: relative; text-align:center;}
.nav-pro-cell.navrpdrop ul { white-space:initial; text-align: left; }
.nav-pro-cell.navrpdrop ul li { padding:15px 0; }
.nav-pro-cell ul li { width: 11%;  position: relative; display:inline-block }
.nav-pro-cell ul li .cell{ display:block;text-align:center;font-weight:500;color:#555}
.nav-pro-cell ul:hover li .cell{ color:#aaa}
.nav-pro-cell ul:hover li:hover .cell{ color:#555}
.nav-pro-box ul li a.cell  .cname { display: block; overflow: hidden; white-space: nowrap; padding-top: 20px;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.nav-pro-cell ul li .cell span.iconfont{  font-size:50px; height:70px;line-height:70px;text-align:center; display:block;transition: all ease .3s;}
.nav-pro-cell ul li:hover  .cell span.iconfont{  } 
 
.nav-pro-cell ul li a.cell  .cname { display: block; white-space: nowrap; /*padding-top: 20px;*/  -webkit-transition:all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s;  font-weight:normal;}
.nav-pro-cell ul li div span {  font-weight: normal; color: #666; }


@media (min-width: 992px) and (max-width: 1399px) {
 
.nav-pro-cell ul li a.cell .cname { font-size: 14px; }
.nav-pro-cell ul li .cell span.iconfont{ font-size:50px;line-height:60px;height:60px;}
.nav-pro-cell ul li .cell img { width: 60px;padding-bottom: 15px; }
}
@media (min-width:768px) and (max-width: 991px) {

.nav-pro-cell ul li .cell img { padding-bottom: 10px;width: 50px; }
.nav-pro-cell ul li a.cell .cname { font-size: 14px;}
.nav-pro-cell ul li ,.nav-pro-cell ul.forb li{  }
.nav-pro-cell ul li .cell span.iconfont{ font-size:50px; line-height:60px;height:60px;}

}

.nav-pro-cell-X { padding-top:0px;padding-bottom:0px; position: relative; overflow: hidden;width: 100%;min-height:200px;display:flex;display:-webkit-flex;}
.nav-pro-cell-X .left-Nav { display: flex;display:-webkit-flex; width: 100%; align-items: center; }
.nav-pro-cell-X .left-Nav dl{width: 100%; margin:0px;padding:0px; justify-content:center;align-items: center;}
.nav-pro-cell-X .left-Nav dd { margin: 0px; width: 16.11%;max-width:180px; border-right: 0px solid #eee; justify-content: center; align-items: center; flex-direction: column; text-align: center; }
.nav-pro-cell-X .left-Nav dd:last-child{border-right-width:0}
.nav-pro-cell-X .left-Nav dd span.iconfont{ font-size:50px;display:block;padding-bottom:25px;color:#393746;}
.nav-pro-cell-X .left-Nav a{font-weight:500;display:block;padding:0px 0;width:100%;font-size:14px;line-height:1.4285714286em;}
.nav-pro-cell-X .left-Nav dd.active a{color: #2EC6B2;}


@media (min-width: 992px) and (max-width: 1399px) {

    /*.nav-pro-cell-X .left-Nav dd {  width: 150px;  }*/
}





.NewSearchWrap { padding: 0 15px; border-radius: 4px; border: 1px solid #F7F7F7; position: relative; background-color:transparent; transition:all 0.5s ease-in-out;}
.NewSearchWrap:hover { background-color:#fff;}
.NewSearchWrap .NSW-box {padding-right:25px}

.btnToSearch { position: absolute; top: 4px;font-size:14px; right: 10px; cursor: pointer; color: #fff;transition:all 0.5s ease-in-out; }
.NewSearchWrap:hover .btnToSearch { color: #2EC6B2; }
.NewSearchWrap .NSW-box .NSW-bIn {   } 
.NewSearchWrap .NSW-box .NSW-bIn input { width: 100%; height: 100%; font-size: 14px; color: #393746; border: 0; padding: 5px 0px;min-width:7vw;text-align:center;background-color: transparent; } 
.NewSearchWrap .NSW-box .NSW-bIn input::placeholder { color: #DCDDDD; font-size: 14px; text-align:center; } 


.newSearchDrop { position: absolute; width: 100%; top: 100%; left: 0; z-index: 1001;display:none;}

.newSearchDrop  ul { border: 1px solid #ccc; border-radius: 2px; margin: 0; background-color: #ffffff; padding: 4px 0 !important; /*height: 242px;*/ overflow: hidden; } 
.newSearchDrop  ul li span { color: #E60039; }
    .newSearchDrop ul li a {
        display: block;
        font-size: 14px;
        color: #393746;
        padding: 0px 10px;
        transition: all 0.5s ease-in-out;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width:100%;
        height:28px;
        line-height:28px;   
    }
.newSearchDrop  ul li a:hover { background-color: #2EC6B2;color: #fff;padding-left:15px;  }


.themeblack .NewSearchWrap { border: 1px solid #A1A1A1;}
.themeblack .btnToSearch {    color: #393746;}
.themeblack .NewSearchWrap .NSW-box .NSW-bIn input::placeholder  {    color: #A1A1A1;}


.drpLanguage {
    padding-left: 15px;
}
.drpLanguage .iconfont,.drplivechat .iconfont{font-size:20px;}


.fullDown2024 { }
.fullDown2024::-webkit-scrollbar {display:none;}

.mCustomScrollBox {width:100%;}
.sideBox {width:250px;background-color:#e5e7eb}

.top-product-box {padding-top:22px;}
.top-product-box h3 {font-size:14px ;font-weight:500;padding:0px 20px 0px 15px;transition:all .36s;border-left:2px solid transparent;box-sizing:border-box;cursor:pointer;}
.top-product-box-info h3::after,.sort-info-products-all ul li a::after  { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e6c6"; display: block; font-size: 11px; }
.top-product-box-info{padding:15px 0}
.top-product-box-info.on{background-color:#fff}
.top-product-box-info-sort {display:none;position:absolute;z-index:9999;top:0;left:350px;width:300px;height:100%;background-color:#F9F9F9;}
.top-product-box-info.on .top-product-box-info-sort {display:block;}
.top-product-box-info.on  h3.level1-name {color: #2EC6B2;border-left-color:#2EC6B2;font-weight:700  }
.sort-info {margin-top:35px;}
.sort-info .sort-info-content h3 {border-width:1px;}
.sort-info .sort-info-content.on h3 {color:#2EC6B2;border-left:1px solid #2EC6B2;}

.sort-info-products {display:none;position:absolute;top:0;left:300px;width:300px;overflow-y:scroll;height:100%;scrollbar-width:none;-ms-overflow-style:none;}
.sort-info-products::-webkit-scrollbar {display:none;}
.sort-info .sort-info-content.on .sort-info-products {display:block!important;}
.sort-info-products-all {margin:10px 0 0 52px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.sort-info-products-all ul {width:200px;}
.sort-info-products-all ul li a {position:relative;font-size:14px}
.sort-info-products-all ul li {padding:6px 0;}

.top-nav-hot-center{padding:10px 0;}
.top-nav-hot-center a {padding:8px 20px 8px 15px;border-left:2px solid transparent;box-sizing:border-box;position:relative;}
.top-nav-hot-center a:first-child {padding-top:0}
.top-nav-hot-center a:last-child {padding-top:0}
.top-nav-hot-center a::after { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e748"; display: block; font-size: 16px; }
.banner_ny {position:relative;width:100%;}
.imgDiv img {width:100%;display:block;}
.banner_ny_text {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.banner_ny_text h1 {font-size:40px;color:#FFFFFF;margin-bottom:25px;}
.banner_ny_text p {font-size:30px;color:#FFFFFF;}
.banner_ny_text .ban_text {padding-left:44px;position:relative;}
.banner_ny_text .ban_text::before {position:absolute;top:50%;left:0;height:89%;content:'';width:3px;background-color:#fff;transform:translateY(-50%);}
.warp_a {width:1200px;margin:auto;}
.Bread_crumbs {width:100%;box-shadow:0px 0px 8px 0px rgba(26,26,26,0.1);}
.fix:before,.fix:after,.clear {display:table;clear:both;content:'';}
.brea_li {width:100%;}
.submenu {align-items:center;display:flex;display:-webkit-flex;display:-ms-flex; justify-content:center;}
.submenu div{padding:15px 20px;}
.submenu div:first-child{padding-left:0px;}
.submenu div:last-child{padding-right:0px;}


@media screen and (max-width:300px) {
  .submenu {display:none;}  
}

.submenu .swiper-container {width:100%;}
.submenu .swiper-slide {width:auto;display:inline-block;}
.submenu .swiper-slide {text-align:center;}
.submenu .swiper-slide a {font-size:18px;color:#393746333;margin:0 27px;transition:all .4s;line-height:80px;display:inline-block;position:relative;}
.submenu .swiper-slide a:hover {color:#00134C;}
.submenu .swiper-slide a::before {position:absolute;bottom:0;left:0;width:100%;height:2px;background:rgba(0,0,0,0);content:"";transition:all .4s;}
.submenu .swiper-slide.cur03 a {color:rgba(0,19,76,1);}
.submenu .swiper-slide.cur03 a::before {background:#00134C;}
.submenu .swiper-slide:first-child a {margin-left:0;}
.brea_right ul {display:flex;align-items:center;}
.brea_right ul li {display:flex;align-items:center;color:#888888;}
.brea_right ul li a {font-size:14px;color:#888888;transition:all .4s;}
.brea_right ul span {display:block;margin:0 6px;}
.brea_right ul li a img {margin-right:15px;}
@media screen and (max-width:1680px) {.warp_a {width:1170px;}
.banner_ny_text h1 {font-size:36px;margin-bottom:20px;}
.banner_ny_text p {font-size:24px;}
}
@media screen and (max-width:1600px) {.banner_ny_text h1 {font-size:32px;margin-bottom: 17px;}
.banner_ny_text p {font-size:20px;}
}
@media screen and (max-width:1560px) {.banner_ny_text h1 {font-size:30px;margin-bottom: 15px;}
.submenu .swiper-slide a {margin:0 23px;font-size:16px;}
}
@media screen and (max-width:1280px) {.warp_a {width:1024px;}

}
@media screen and (max-width:1200px) {.warp_a {width:85%;}
.banner_ny_text h1 {font-size:26px;margin-bottom: 15px;}
.banner_ny_text p {font-size:18px;}
.Bread_crumbs {height:60px;}

.submenu .swiper-slide a {line-height:60px;}
}
@media screen and (max-width:960px) {
    .banner_ny_text .ban_text { padding-left: 30px;  }

    .banner_ny_text .containerX , .warp_a {
        width: 86%;
    }
    .banner_ny_text h1 {font-size:22px;margin-bottom: 10px;}
.banner_ny_text p {font-size:18px;}
.Bread_crumbs {height:auto;padding-top:0px;}

.brea_li {/*flex-direction:column-reverse;align-items:flex-start;*/}
}
@media screen and (max-width:680px) {.warp_a {width:90%;}
.Bread_crumbs {padding-top:0px; background-color:#f7f7f7}
.submenu .swiper-slide a {font-size:14px;margin:0 13px;}
.brea_right ul li a {line-height:30px;font-size:14px;}
}


.breadcrumb-content { position: relative; } 
/*.breadcrumb-content::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 6px; border: 1px solid #fff; border-radius: 30px;background-color:#fff; } */
.breadcrumb-content .title {position: relative; opacity: 0.9; font-size: 40px; color: #fff;  margin: 12px 0; letter-spacing:2px;text-align:center;display:flex;display:-webkit-flex;justify-content:center;align-items: center; text-transform:uppercase; }
    .breadcrumb-content .title span {
        display: inline-block;
        height: 3px;
        width: 100px;
        background-color: #fff;
        opacity: 0.85;
        border-radius: 30px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    }
    .breadcrumb-content .title span.toR {
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
    }


.breadcrumb-content .title span:first-child {margin-right:15px;}
.breadcrumb-content .title span:last-child{margin-left:15px;}
.breadcrumb-content .titlex::after { content: "";opacity: 0.9; position: absolute; right: 30%; top: 50%; height: 3px; width: 100px; border: 1px solid #fff; border-radius: 30px; background-color: #fff; }

.breadcrumb-content .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0; } 
.breadcrumb-content .breadcrumb li {  color: #ff6600;  } 
.breadcrumb-content .breadcrumb li a { color: #ff6600; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item { padding-left: 10px; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item::before { padding-right: 10px; color: #ff6600; content: "|"; }


.header-banner.white .breadcrumb-content::before {border: 1px solid #fff !important;} 
.header-banner.white .breadcrumb-content .title ,
.header-banner.white .breadcrumb-content .breadcrumb li ,
.header-banner.white .breadcrumb-content .breadcrumb li a ,
.header-banner.white .breadcrumb-content .breadcrumb-item+.breadcrumb-item::before {color: #fff !important}



@media (max-width: 767px) {
    .breadcrumb-content .title { font-size: 20px;  } 
.breadcrumb-content .title span{  width:40px;  }
.breadcrumb-content .title span:first-child {margin-right:10px;height: 3px; }
.breadcrumb-content .title span:last-child{margin-left:10px;height: 3px; }
} 
@media (min-width:768px) and (max-width: 991px) {
    .breadcrumb-content .title { font-size: 20px;  } 
.breadcrumb-content .title span{  width:60px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
     .breadcrumb-content .title { font-size: 26px;  } 
.breadcrumb-content .title span{  width:70px;  }
}


@media (min-width:1200px) and (max-width: 1500px) {
     .breadcrumb-content .title { font-size: 30px;  } 
.breadcrumb-content .title span{  width:70px;  }
}
@media (min-width:1501px) and (max-width: 1920px) {
     .breadcrumb-content .title { font-size: 40px;  } 
.breadcrumb-content .title span{  width:80px;  }
}

.PageGroup h1,.PageGroup h2,.PageGroup h3,.PageGroup h4{margin-bottom:15px;font-weight:500}

.PageGroup h1{font-size:24px;font-weight:500 }
.PageGroup h2,.PageGroup h3,.PageGroup h4{font-size:20px;}
.PageGroup h2{}
.PageGroup.enquiryPage h3 strong{font-size:26px;}
.PageGroup p{padding-bottom:15px;}
.PageGroup ul {margin-bottom: 15px; padding-left: 25px;}
.PageGroup ul li{margin-bottom:10px; }

.WhyPage{ }
.WhyPage h1{font-size:30px;font-weight:700 }
.SupportPage .stPage h1, .SupportPage .stPage h2, .SupportPage .stPage h1, .SupportPage .stPage h2 {
    color: #fff;
}
/*.WhyPage h1 strong{color:#393746; }
*/



.WhyPage h2{ font-size:24px;font-weight:500;margin-bottom:0 !important}
.SupportPage .stPage  .oncstips { font-size:18px;font-weight:normal;color:#fff}
.SupportPage .stPage  .oncstips span{ }

.cell6{width:28%;color:#fff;padding-top:35px;}
.cell6 .ctitle,.cell6 .ctitle h5 {font-size:30px;}
.cell6 .ctitle h5 {		width: calc(100% - 80px);	}
.cell6 .ctitle strong {width:80px;font-size:80px;color:#f4ac3b;text-align: center;}

.WhyPage .pageRow{ padding-bottom:25px;}
.WhyPage .pageRow img{width:100%; }
.WhyPage .pageRow .W40{width:48%;}
.WhyPage .pageRow .W50{width:48%;}
.WhyPage .pageRow .W48{width:18%;min-width:250px;}
.rowlast {
	background: url(/public/webp/why/w6.png) no-repeat center;
}


.WhyPage .pageRow.rowwhatpra{padding-bottom:0px;padding-top:50px;background-color:#00c961;text-align:center;}
.WhyPage .pageRow.rowwhatpra img{width:400px;margin:0 auto}
.WhyPage .pageRow.rowwhatpra h1{color:#fff;padding-bottom:25px; }
@media (max-width: 1400px) { 

.cell6{width:26%;padding-top:25px;}

.cell6 .ctitle, .cell6 .ctitle h5 { font-size: 20px; }
.cell6 .ctitle strong { width: 70px; font-size: 60px;  }
.cell6 .ctitle h5 { width: calc(100% - 70px); }
} 

@media (max-width: 1200px) { 

.cell6{width:45%;padding-top:25px;}

.cell6 .ctitle, .cell6 .ctitle h5 { font-size: 20px; }
.cell6 .ctitle strong { width: 70px; font-size: 60px;text-align: left;  }
.cell6 .ctitle h5 { width: calc(100% - 70px); }
} 




@media (max-width: 800px) { 
.WhyPage h1{font-size:26px;}
.WhyPage h2{ font-size:20px;}
.WhyPage .pageRow .W40{width:100%;}
.WhyPage .pageRow .W50{width:100%;}
.WhyPage .pageRow,.WhyPage .pageRow .W50,.WhyPage .pageRow .W40{ padding-bottom:15px;}
.WhyPage .pageRow .W48{width:100%;min-width:250px;}


.cell6{width:100%;padding-top:10px;}
.cell6 .ctitle, .cell6 .ctitle h5 { font-size: 20px; }
.cell6 .ctitle strong { width: 50px; font-size: 50px; text-align: left; }
.cell6 .ctitle h5 { width: calc(100% - 50px); }
} 



.solu {padding:30px 5px 25px 5px;background-color:#f7f9ff;}
.solu-list  {display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;}
.solu-list .column {width:calc(25% - 12.5px);margin-bottom:15px;background-color:#ffffff;transition:all .3s;}
.solu-list .img {position:relative;}
.solu-list .img img{width:100%;}
.solu-list .text {padding:30px ;text-align:left;}
.solu-list .name {font-size:18px;/*font-weight:bold;*/margin-bottom:10px;}
.solu-list .words {font-size:14px;color:#777;line-height:20px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.solu-list .more { display: inline-block; font-size: 14px;/*border: 1px solid #e41620; padding: 0px 26px;border-radius: 20px;height: 35px; line-height: 35px;*/  margin-top: 15px; transition: all .3s;  }
.solu-list .column:hover {box-shadow:0 3px 10px rgba(0,0,0,.1);}
.solu-list .column:hover .more {color: #e41620;}
@media (max-width: 1200px) {
.solu-list .column {width:calc(50% - 10px);margin-bottom:20px;}
}
@media (max-width: 960px) {
.solu-list  {flex-direction:column;}
.solu-list .column {width:100%;margin-bottom:0px;}
.solu-list .words {line-height:25px;height:auto;-webkit-line-clamp:initial;}
.solu-list .more { margin-top: 5px; }
.solu { padding-left:0px;padding-right:0px;}
.solu-list .text {padding:20px  15px;}
}


.newLeft{ width:250px;}
.newRight{ width:calc(100% - 300px) }
.newRight2{ width:100%; }
.newRight2 .newRightIn2{ padding:50px 0px; }



.newLeft h1 {
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    border-top: .1rem solid rgba(29, 29, 31, .1);
}
.newLeft h1:first-child {
    padding-top:0;
    border-top:none;
}

.newLeft li{padding:0px;margin:0px;}
    .newLeft li a {
        display: block;
        margin: 0px;
        padding:  0;
        font-size: 14px;
        color: rgba(29, 29, 31, 0.75);
        transition:all 0.5s;
        line-height:2;
    }
    .newLeft li a span.iconfont{
        font-size: 14px;
    }
        .newLeft li a:hover {
            color: #2EC6B2;
        }

.newLeft .accordion-button {
    background-color: transparent;
    font-size: 14px;
    border-top: .1rem solid rgba(29, 29, 31, .1);
}
.newLeft .accordion-item:last-child .accordion-button {
    border-bottom: none;
}
@media (max-width: 1500px) {
    .newLeft {
        width: 210px;
    }

    .newRight {
        width: calc(100% - 250px)
    }
}


@media (max-width: 1200px) {
.newLeft{ width:230px;}
.newRight{ width:calc(100% - 260px) }
}

@media (max-width: 1000px) {
.newLeft{ width:100%;display:none;}
.newRight{ width:100%;padding-left:0px;padding-right:0px;}
}
.newLeft .accordion-item {
    background-color:transparent;
    border:none;


}

.newLeft .accordion-button:focus {
    box-shadow:none;
}

.newLeft .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-bottom-right-radius:0;
    border-bottom-left-radius: 0;
}
.newLeft .accordion-button:not(.collapsed) {
    /*box-shadow:none;*/
}

.newLeft .accordion-button {
    padding: 20px 0;
}
.newLeft .accordion-body {
    padding:  10px 0;
}
.newLeft .accordion-button::after {
    width: 12px;
    height: 12px;
    background-size: 12px;
}



.page-header-banner {position:relative;}
.page-header-banner.with-image {height:400px;overflow:hidden;}
.page-header-banner__text-wrapper {height:100%;display:flex;align-items:center;}
.page-header-banner__text {width:50%;}
.page-header-banner h1 {margin:0;font-weight:600;line-height:1.2;font-size:28px;text-transform:uppercase}
.page-header-banner.white h1,.page-header-banner.white p {color:white;}
.page-header-banner p {margin-top:0.7rem;font-size:20px;}
.page-header-banner__image {position:absolute;top:0;left:50%;max-height:calc(400px / 1.15);transform:translateX(-50%);z-index:-1;width:100%}
.page-header-banner__image img {
        max-width: initial;width:100%; object-fit:fill
}

@media (max-width: 1000px) {
.page-header-banner.with-image {height:250px;overflow:hidden;}
.page-header-banner__image {position:initial;top:initial;left:initial;max-height:initial;transform:initial;z-index:initial;}
.page-header-banner__image img {height:100%;transform:translateX(-50%);left:50%;position:absolute;top:0;z-index:-1;}
.white .page-header-banner__text-wrapper {background:linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%);        width: 100%;        padding-left: 15px;}
.page-header-banner__text {width:100%;}

.newRight2 .newRightIn2{ padding:0px 0px; }


}
.proNavMenu  {width:100%;}
.proNavMenu  .SltBox {width:100%;max-height:562px;}
.proNavMenu  .SltBox::-webkit-scrollbar {width:5px;height:5px;}
.proNavMenu  .SltBox::-webkit-scrollbar-thumb {width:15px;-webkit-box-shadow:inset 0 0 5px rgba(204,0,0,1);border-radius:15px;background:rgba(204,0,0,1);}
.proNavMenu  .SltBox::-webkit-scrollbar-track {border-radius:0;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0);background:#f5f5f5;}

.sltBoxInFull {padding:50px 0;grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 15px; display: grid ;}

.sltBoxInFull a h3{
    font-size:16px;font-weight:600;padding-top:25px;
    color: rgba(0, 0, 0, .85);
}
.sltBoxInFull a  img{
    border-radius:4px;
    transition:all 0.3s
}
    .sltBoxInFull a img:hover {
        opacity:0.85
    }
.sltBoxInFull {
}

.product-to-view { margin-top: 15px; display: flex; align-items: center; height: inherit; flex-flow: row wrap; }
.product-to-view-span { margin-left: 0; margin-bottom: 0; height: 40px; line-height: 40px; }
.product-to-view-span>span { display: flex; align-items: center; height: inherit; font-size: 14px; font-weight: 500 } 
.product-to-view-span>span:after { font-family: "iconfont" !important; font-size: 14px;  font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e6ea"; width: 20px; height: 20px; line-height:23px; position: relative; display: block; background-size: contain; transition: .6s ease }
.product-to-view-span>span:hover {color: #393746}
.product-to-view-span>span:hover:after { transform: translateX(4px)}
.viewallprodut{ padding-top:25px;opacity: 0.75; transition:all 0.5s}
.viewallprodut a{ font-size: 16px;display: flex ; align-items: center; line-height: 1;    justify-content: center;}
.viewallprodut:hover{ padding-top:25px;opacity: 1;}