@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);*/ }

.containerX{width:80%;margin:0 auto;}
@media (max-width: 1600px) {
    .containerX {
        width: 90%;
    }
}

@media (max-width: 1399px) {

}

@media (max-width: 1199px) {

}

@media (max-width: 960px) {
.containerX{width:calc(100% - 5px);}
}
@font-face {
    font-family: 'FONT-WEB-BOLD';
    src: url("/public/fonts/V-FONT-WEB-BOLD//8251bbe50a1d654cfe1a4c27d2710193.woff2") format('woff2'),url("/public/fonts/V-FONT-WEB-BOLD//337701a1771de668668b13dc74d3376d.eot") format('embedded-opentype'),url("/public/fonts/V-FONT-WEB-BOLD//e0d6e91f62ab942c138f15143a5346f4.woff") format('woff'),url("/public/fonts/V-FONT-WEB-BOLD//56d970eed1cdefd33ade958fe0435610.ttf") format('truetype'),url("/public/fonts/V-FONT-WEB-BOLD//57b5697a04c9b2fbe0a72f3ab9a4a8be.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 { -webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);}
.shadowItem:hover{-webkit-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(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: #000;

    font: 14px/1.4 'FONT-WEB-BOLD',SegoeUI,'Microsoft YaHei',微软雅黑,'SourceHanSansCN-Regular','SourceHanSansCN-Normal',"Source Han Sans",'PingFang SC',"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif !important;
}
ul,ol{list-style-type:none}
*{outline:none ! important; 
    font-family: 'FONT-WEB-BOLD' !important;
    touch-action: pan-y;
    font-size: 14px;
}
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:#c30d23;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:super;}sub{vertical-align:sub;}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:#c30d23; }
.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:hover,a:active { color:#c30d23;}
.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}

html,button,input,select,textarea {font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,'SourceHanSansCN-Regular','SourceHanSansCN-Normal',"Source Han Sans",'PingFang SC',"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif !important;}
.on,.active{color:#c30d23 !important}

.RowPadding { padding:80px  0 }
@media (min-width:1200px) and (max-width: 1439px) {
.RowPadding { padding:60px  0 }
}
@media (min-width: 992px) and (max-width: 1199px) {
.RowPadding { padding:50px  0 }
}
@media (min-width:768px) and (max-width: 991px) {
.RowPadding { padding:50px  0 }

}

@media (max-width: 992px) {
.RowPadding { padding:50px  0 }
}
.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: #c30d23; 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; } }




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

@media (min-width:1200px) and (max-width: 1439px) {
.td-head { height:100px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.td-head { height:95px; }
}
@media (min-width:768px) and (max-width: 991px) {
.td-head { height:56px; }

}

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


.vp-head.h0 { height: 0; }
.td-head  .td-wrap-pc { display: block; }
.td-head  .td-mainbar-pc { position: relative;  -webkit-transition: background .3s ease; -o-transition: background .3s ease; -moz-transition: background .3s ease; transition: background .3s ease; }
.td-head  .td-mainbar-pc.td-fixed { position: fixed; top: 0; background: rgba(255,255,255,.95); }
.td-head  .td-mainbar-pc.sticky-menu { left: 0; margin: auto; position: fixed; top: 0; width: 100%; padding:0 105px;z-index: 99; background: #fff; -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); border-radius: 0;  border-bottom: none; }


 .td-wrap{    border-top: 0px solid #c30d23;}
.contact-info { position: relative; z-index: 1; font-size: 12px;   height:25px;line-height:25px;}

/*.contact-info:after { position: absolute; content: ""; right: 0; top: 0; width: 5000px; height: 100%; background-color: #f47425; z-index: -1; }*/
 .topbar { /*background-color: #c30d23;*/;background-color:#777; color: #fff;display:flex;display:-webkit-flex;  }
 .topbar .col9 {width:50%;  }
 .topbar .col3 {width:50%;overflow:hidden; }
 .topbar .col3 .social-links { }
 .topbar .col3 .social-links ul { overflow: hidden; position: relative; }
 .topbar .col3 .social-links li { float: right; padding:0px;font-size: 12px;   height:25px;line-height:25px;margin-left:8px;}
 .topbar .col3 .social-links a { font-size: 12px; color: #fff; }
 .topbar .col3 .social-links li  i { display: inline-block; padding-right: 5px; position: relative; top: 2px; }
@media (max-width: 992px) {
    .contact-info {  height:auto;line-height:20px;}
     .td-wrap, .topbar  {  display:none;}
}

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


.fixhome{/*border-bottom: 1px solid rgba(255,255,255,0.3);*/ display:block; position:relative; }
.nav-in-home{/*transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;background-color: transparent;*/ }

.nav-scroll { transition: all .8s cubic-bezier(.215, .61, .355, 1) 0s; background-color: rgba(255,255,255,1)!important;  box-shadow: 0 0 10px rgba(0, 0, 0, .2)!important;  }
.nav-phone{display:none;}/*手机下导航，要在此保持不显示*/

/*下拉导航*/

.full-screen{/*background-color:#f5f5f5;  */    /*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; 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);*/
             
}
.fixhome ul.navmenu:hover >a{}
.fixhome ul.navmenu:hover li:hover .full-screen{display:block;opacity:1;visibility:visible}
.itemli.opened .full-screen{display:block;opacity:1;visibility:visible}/**/

/*.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 */



 .hnav {   background: #fff; position: relative; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;  z-index: 777;} 
 .hnav .bgb { display: flex; display: -webkit-flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between; }

 .topZoneTips {  } 
.topZoneTips p { margin: 0 auto; font-size: 12px;  position: relative;  } 
.topZoneTips p span { display: inline-block; vertical-align: top; letter-spacing: normal; } 
.topZoneTips p a em { display: inline-block; vertical-align: top; font-weight: bold; transition: all 0.5s; letter-spacing: normal; } 
.topZoneTips a { color:#fff !important; } 
.topZoneTips p a:hover em { transform: translateX(10px); } 
/*.topZoneTips .close { text-decoration: none; position: absolute; top: 0; right: 0px; display: block; height: 30px; width: 30px; color: #fff; line-height: 30px; text-align: center; float: right; margin-top: -5px; opacity: 1; } 
.topZoneTips .close:before { content: "\e628"; width: 30px; height: 30px; display: block; font-family: 'iconfont' !important; color: #333; font-size: 14px; }
*/
@media (max-width: 992px) {
.topZoneTips p { padding:0 15px;text-align:center;  } 
.topbar .col9 { width: 100%; float: none; }
}


  .nav-logo {  width: 162px; transition: opacity .5s cubic-bezier(.645,.045,.355,1);display: inline-block;position:relative; } 
 .nav-logo:hover{opacity:.6}


@media (min-width:1200px) and (max-width: 1439px) {
 .nav-logo {   } 
}
@media (min-width: 992px) and (max-width: 1199px) {
 .nav-logo { } 
}
@media (min-width:768px) and (max-width: 991px) {
.nav-logo {}
}
/*LOGO旁边的按钮*/
 button.btnlocation { position: absolute; right: 0px;top:6px;display:flex;;justify-content: space-around; align-items: center; border: 1px solid #f9580e; background-color: transparent; line-height: 1; text-align: center; color: #f9580e; 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 {}

.navmenu {height:80px;display: flex; display: -webkit-flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: center;}
.navmenu li.itemli>a{  height:80px;line-height:80px;display: block; -webkit-transition: all .3s linear; -moz-transition:  all .3s linear; -ms-transition:  all .3s linear; -o-transition:  all .3s linear; transition:  all .3s linear; vertical-align: middle; cursor: pointer; 
                                               font-size: 16px; position: relative; font-weight: 700; color:#777 !important;letter-spacing: 2px;padding:0 25px;}
li.itemli a.active { /*color: #c30d23  !important;*/ }

.navmenu li.itemli>a:hover,.navmenu li.itemli>a:active { color: #c30d23  !important;opacity: 1;    } 
.navmenu li.itemli.active  a{ color: #c30d23  ;    opacity: 1;} 




/*菜单激活时下拉箭头*/
.navmenu li.itemli span.spline {display:none; position: absolute;  left: 45%;  bottom: 0px; 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 #f5f5f5; border-left:10px solid rgba(0,0,0,0); -webkit-transition: width 1s ease; transition: width 1s ease;}
.navmenu li.itemli.opened span.spline{ display:block; }

@media (min-width:1200px) and (max-width: 1639px) {
.navmenu li.itemli{  height:  75px; }
.navmenu li.itemli>a{  line-height: 75px; height: 75px; }

}
@media (min-width: 992px) and (max-width: 1199px) {
/*.hnav{ background-color:yellow;}*/
.navmenu {height:70px;}
.navmenu li.itemli{  height:  70px; }
.navmenu li.itemli>a{  line-height: 70px; height: 70px;  padding: 0 20px;
}}

}
@media (max-width: 991px) {
/*.hnav{background-color:green;}*/
.navmenu {padding-left:10px;height:65px;display:none; }
.navmenu li.itemli {  height:  65px; }
.navmenu li.itemli>a { line-height: 65px; height: 65px; font-size: 14px; }
}






/*菜单激活时下拉产品*/
.pro-in-menu{padding:35px 0}
.pro-in-menu-list.pro-in-menu-list { display:flex;display:-webkit-flex;justify-content:center;flex-wrap:nowrap; } 
.pro-in-menu-list.pro-in-menu-list div.pro-box {width:12%;text-align:center;opacity: 0 ; filter: alpha(opacity=0); animation: header-sub-enter .7s forwards; margin-bottom:10px;} 
.pro-in-menu-list div.pro-box p{height:30px;line-height:30px;font-weight:700;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} 

@keyframes header-sub-enter{from{transform:translate(30px);opacity:0;filter:alpha(opacity=0)}to{transform:translate(0);opacity:1;filter:alpha(opacity=100)}}
.pro-in-menu-list .pro-box:nth-child(1){animation-delay:0s}
.pro-in-menu-list .pro-box:nth-child(2){animation-delay:.05s}
.pro-in-menu-list .pro-box:nth-child(3){animation-delay:.08s}
.pro-in-menu-list .pro-box:nth-child(4){animation-delay:.11s}
.pro-in-menu-list .pro-box:nth-child(5){animation-delay:.14s}
.pro-in-menu-list .pro-box:nth-child(6){animation-delay:.17s}
.pro-in-menu-list .pro-box:nth-child(7){animation-delay:.2s}
.pro-in-menu-list .pro-box:nth-child(8){animation-delay:.23s}
.pro-in-menu-list .pro-box:nth-child(9){animation-delay:.27s}
.pro-in-menu-list .pro-box:nth-child(10){animation-delay:.30s}
.pro-in-menu-list .pro-box:nth-child(11){animation-delay:0.33s}







.blacktheme  .navmenu li.itemli.opened>a { color: #c30d23   ! important;     } 
.blacktheme.drophover{background-color:#fff;transition: none;-webkit-transition:none;-moz-transition:none;}
.blacktheme.drophover{background-color:#f5f5f5 ! important;   }

.blacktheme.drophover  .navmenu li.itemli>a,.whitetheme.drophover  .navmenu li.itemli>a ,
.blacktheme.drophover-s  .navmenu li.itemli>a,.whitetheme.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.whitetheme,.nobg.blacktheme{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:999}
.mask-close{opacity:0}

.iconlanuage:before{ font-size:22px;}

@-webkit-keyframes global-nav-item-search-hide{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}60%{opacity:1}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}}
@keyframes global-nav-item-search-hide{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}60%{opacity:1}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}}
@-webkit-keyframes global-searchform-slide{0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);-webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);opacity:0}60%{opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes global-searchform-slide{0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);-webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);opacity:0}60%{opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes global-nav-item-searchshow{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}40%{opacity:1}to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}}
@keyframes global-nav-item-searchshow{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}40%{opacity:1}to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}}

/*弹出层时，黑背景*/
.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; }

.drop{/*border-bottom: 1px #e7e7e9 solid; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);*/ display:none;}
.drop-open { /*position: fixed; 20200829*/ overflow: hidden; width: 100%; background: #f5f5f5; left: 0; cursor: default;  border-bottom: 1px solid #e5e5e5\9; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);  border-top:solid 1px #f5f5f5; }



/*footer*/

.footer{background: #000;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:#c30d23;}
.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; }     
         
@media (max-width: 960px) { 
.footer .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: #000;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;}
.footer .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:#000}
.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: 150px 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:#c30d23 !important;;}




@media (max-width: 767px) { 
.header-banner { padding: 70px 0; } 
.header-banner h5{ display:none; }
.abnav{display:none;}
} 
@media (min-width:768px) and (max-width: 991px) {
.header-banner { padding:110px 0; } 
.header-banner h5{font-size:20px;}
.abnav{width:750px;margin-left:-375px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-banner { padding:120px 0; } 
.header-banner h5{font-size:20px;}
.abnav{width:970px;margin-left:-485px;}
}


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

.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: #c30d23;  } 
.breadcrumb-content .breadcrumb li a { color: #c30d23; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item { padding-left: 10px; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item::before { padding-right: 10px; color: #c30d23; 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:#c30d23; border:solid 1px #ccc;}
.next-page a.page_on{background:#c30d23; 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: rgba(244,166,37,.5); z-index:9999999} 
.goTop > i{ font-size: 20px; width: 40px; text-align: center; line-height: 40px; display: block; font-style: normal; }



.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:25px;}
.c_tit strong{font-size:20px;color:#000}
.c_tit strong span{color: #c30d23;font-size:20px}
.c_tit p{font-size:14px;color:#666;line-height:25px;width:50%;margin:0 auto;margin-top:15px;}
.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:#c30d23}
@media (min-width:1200px) and (max-width: 1439px) {
.c_tit strong,.c_tit strong span{font-size:22px;}
.c_tit p{font-size:14px;line-height:25px;}
 .c_tit{padding-bottom:35px;}
}

@media (max-width: 1200px) {
.c_tit strong,.c_tit strong span{font-size:20px;}
.c_tit p{font-size:14px;line-height:25px;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(33.33% - 10px);background-color:#fff;border:1px solid #f7f8f9;margin-bottom:20px;}
.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:48%;}
    .hezuopingpai.RowPadding{padding:30px 0 35px; }
}
/*产品模块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 #c30d23; color: #fff; font-weight: 700; border-radius: 6px; background: #c30d23; }

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

@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: #c30d23; }
.CaseWrap ul li .info .more:hover::after { border-color: #c30d23; }
.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 #c30d23; 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:#c30d23;       }

.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: 992px) {
#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{ }

.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: #c30d23; 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: #c30d23;  } 
.themeblack {}
.themewhite .sticky .navi-menu-button em{  background-color: #c30d23;  }
.themeblack .sticky.headerScrollDown .navi-menu-button em,.themewhite .sticky.headerScrollDown .navi-menu-button em{  background-color: #c30d23 !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: 250px; padding: 25px 20px;padding-top: 60px;position: fixed; top: 0; left: -250px; 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.3s; overflow: auto; } 
#sidebarleft.active { left: 0;display:initial } 
#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 { top:0px;z-index:2; right: 10px; 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 .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: 12px 20px; font-size: 14px; display: block;    border-bottom: 1px solid rgba(0, 0, 0, 0.05);color:#000;position:relative; } 
#sidebarleft ul li a::after { 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: "\e66c"; }

#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: 5px 20px 5px 60px !important; }
#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; } 
#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; }
}



.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 #333;background-color:#fff;color:#333;}
.tab-home-cata ul li a:hover{border:solid 1px #f40;color:#f40;}
.tab-home-cata ul li.active  a{background-color:#fff;color:#f60;border:solid 1px #f60;}


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




@media (max-width: 767px) {

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

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

.navbar-brand-logo { transition: all .3s ease; vertical-align: middle; display: inline-block; width: 150px; height: 19px; background-size: cover;
                     background-image:url(/public/sites/gensys/static/images/logo1.png) }
.themeblack .sticky .navbar-brand-logo {background-image: url(/public/sites/gensys/static/images/logo-b.png)}
.themewhite .sticky .navbar-brand-logo {background-image: url(/public/sites/gensys/static/images/logo-w.png)}
.themeblack .sticky.headerScrollDown .navbar-brand-logo,
.themewhite .sticky.headerScrollDown .navbar-brand-logo {background-image: url(/public/sites/gensys/static/images/logo1.png) !important}




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

.themeblack .sticky .header_bottom, .themewhite .sticky .header_bottom {    background-color: transparent;}
.themeblack .sticky.headerScrollDown .header_bottom, .themewhite .sticky.headerScrollDown .header_bottom {   background-color: rgba(0, 0, 0, .85) !important;}





.WL{width:150px;padding:0}
.WC{width:calc(100% - 250px);;padding:0}
.WR{width:100px;padding:0}

.WL .logo h1{ font-size: 14px; padding-top: 2px; }

.main_menu ul  {justify-content:center;}
.main_menu ul li {display:inline-block;margin-right:60px;position:relative;}
.main_menu ul li:last-child {margin-right:0;}
.main_menu ul li a {padding:25px 0;font-weight:700;font-size:14px;display:inline-block;text-transform:uppercase;position:relative;color:#fff;transition:all 0.3s}
.main_menu.cn ul li a {font-size:14px}

.main_menu ul .has_dropdown > a::after {content:"\f107";-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);font-size:16px;font-family:"Font Awesome 5 Pro";font-weight:400;margin-left:5px;display:inline-block;}
.main_menu ul li a::before {position:absolute;content:"";left:auto;right:0;bottom:-1px;background:#c30d23;height:2px;width:0;transition:.3s;}
.main_menu ul li:hover > a::before,.main_menu ul li.active > a::before {width:100%;right:auto;left:0;}
.main_menu ul li:hover > a,.main_menu ul li.active > a {color:#c30d23;}
.main_menu ul li ul.submenu {position:absolute;top:100%;left:0;min-width:230px;background:#fff;padding:15px 0;border-radius:3px;z-index:99;transform-origin:50% 0;box-shadow:0 0 10px 3px rgba(0,0,0,0.05);transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;}
.main_menu ul li:hover > ul.submenu {transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);}
.main_menu ul li ul.submenu li {margin:0;display:block;padding:6px 25px;}
.main_menu ul li ul.submenu li a {display:block;font-size:15px;padding:0;text-transform:capitalize;}
.main_menu ul li ul.submenu li:hover > a,.main_menu ul li ul.submenu li.active > a {color:#c30d23;}
.main_menu ul li ul.submenu li a::before {background:none;}
.main_menu ul li ul.submenu li ul.submenu {top:10%;left:100%;transform-origin:50% 0;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);}
.main_menu ul li ul.submenu li:hover > ul.submenu {top:0;transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);}
.main_menu ul li ul.submenu .has_dropdown > a {position:relative;}
.main_menu ul .has_dropdown ul.submenu .has_dropdown > a::after {position:absolute;top:7px;right:0;line-height:1;font-size:10px;content:"\e649";font-family:'themify';}
.main_menu ul .has_dropdown ul.submenu .has_dropdown:hover > a::before {width:0;left:auto;}

.head_lan{  } 
.head_lan .lan,.head_lan .languages{     justify-content: end; } 
.head_lan .languages{}
.head_lan .languages a { display: inline-block; font-size: 14px; color: #fff;transition:all 0.3s ease;}
.head_lan .languages a:hover {color:#c30d23}

.head_lan .languages a span.iconfont{  font-size: 18px;}

.head_lan .languages a.last {position:relative ; padding-left:30px}
    /*
.head_lan .languages a.last::before { content: ' '; width: 1px; height: 12px; background: #c30d23;; left: -8px; top: 4px; position: absolute; }
*/
.head_lan .lan a:hover{ background:#c30d23; }

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

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





@media (max-width: 1600px) {
.main_menu ul li {margin-right:40px;}
.header_top,.header_area .header_bottom {padding-left:100px;padding-right:100px;}
.head_lan .lan a {  padding: 5px 10px;  font-size: 14px; }
}

@media (max-width: 1400px) {
.main_menu ul li {margin-right:40px;}
.main_menu ul li.liaboutus{display:none;}
.main_menu ul li a { padding: 24px 0;  }
.header_top,.header_area .header_bottom {padding-left:50px;padding-right:50px;}
.head_lan .lan a {  padding: 5px 10px;  font-size: 12px; }

}
@media (max-width: 1200px) {
.main_menu ul li.liaboutus{display:none;}
}
@media (max-width: 1100px) {
.main_menu ul li {margin-right:20px;}
.main_menu ul li a { padding: 20px 0;  }
.header_top,.header_area .header_bottom {padding-left:50px;padding-right:50px;}
.head_lan .lan a {  padding: 5px 10px;  font-size: 12px; }


}

.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: rgba(195, 13, 35, 0.7);
    box-sizing: border-box;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 25px;
}
.tags0{top:0px;background-color:#000;color:#fff;}
.tags1{top:30px;background-color:#000;color:#fff;}
.tags2{top:60px;background-color:#000;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:888;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background-color:#fff;border-bottom: solid 1px #f2f2f2;}
.ProTopNav .topNavBox{
    width:100%;height:52px;margin:0 auto;overflow:hidden;font-size:0;padding:0px;display: -webkit-flex; display: -ms-flexbox; display: flex;  justify-content:space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; 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:#f60}
.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 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:960px){

        .ProTopNav{min-height:50px;height:auto;background-color:#fff;}
        .ProTopNav .topNavBox{padding:10px;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; -webkit-box-sizing: border-box; box-sizing: border-box;}
.linkGuide ul li { position: relative; padding-right: 18px; display: inline-block; }
.linkGuide ul li a,.linkGuide ul li span { font-size: 12px; font-weight: 500; line-height: 24px; color: #7f7f7f;-webkit-transition: .3s ease-out; transition: .3s ease-out; }
.linkGuide ul li::after{font-family: "iconfont" !important;content: "\e672";position:absolute;top:0;right:5px;font-size:14px;font-weight:500;line-height:25px;color:#7f7f7f;}
.linkGuide ul li:last-of-type{padding-right:0}
.linkGuide ul li:last-of-type::after{display:none}


.nullResult { padding: 50px 0; text-align: center;width:100%; }
.nullResult .noresultext { font-size: 16px;font-weight:700;padding-top:25px;color:#c30d23; }
.nullResult .texticon { font-size: 70px; line-height: 70px;color: #7D7E80; }


.bottomPageNum { display: flex; display: -webkit-flex; justify-content: center; align-items: center; border-top: solid 2px #f2f2f2; 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:#c30d23;border-color:#c30d23;}