* { touch-action: pan-y; }
.flex{display: flex; display: -webkit-flex; flex-direction: row; }


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



.carousel-indicators{position:absolute;bottom:30px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#212121\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('/content/images/detail/2025/SourceHanSansCN-Regular.eot');
    src: url('/static/fonts/SourceHanSans/SourceHanSansCN-Regular.eot?#font-spider') format('embedded-opentype'), url('/static/fonts/SourceHanSans/SourceHanSansCN-Regular.woff') format('woff'), url('/static/fonts/SourceHanSans/SourceHanSansCN-Regular.ttf') format('truetype'), url('/static/fonts/SourceHanSans/SourceHanSansCN-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('/static/fonts/SourceHanSans/SourceHanSansCN-Normal.eot');
    src: url('/static/fonts/SourceHanSans/SourceHanSansCN-Normal.eot?#font-spider') format('embedded-opentype'), url('/static/fonts/SourceHanSans/SourceHanSansCN-Normal.woff') format('woff'), url('/static/fonts/SourceHanSans/SourceHanSansCN-Normal.ttf') format('truetype'), url('/static/fonts/SourceHanSans/SourceHanSansCN-Normal.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{font-family:"MWF-MDL2";src:url("/static/fonts/segoe-ui/mwfmdl2-v3.54.woff2") format("woff2"),url("/static/fonts/segoe-ui/mwfmdl2-v3.54.woff") format("woff"),url("/static/fonts/segoe-ui/mwfmdl2-v3.54.ttf") format("truetype"),url("/static/fonts/segoe-ui/mwfmdl2-v3.54.svg") format("svg")}
@font-face{font-family:'SegoeUI';src:local('Segoe UI'),url('/static/fonts/segoe-ui/normal/latest.woff2') format("woff2"),url('/static/fonts/segoe-ui/normal/latest.woff') format("woff"),url('/static/fonts/segoe-ui/normal/latest.ttf') format("ttf");font-weight:400}
@font-face{font-family:'SegoeUI';src:local('Segoe UI'),url('/static/fonts/segoe-ui/Light/latest.woff2') format("woff2"),url('/static/fonts/segoe-ui/Light/latest.woff') format("woff"),url('/static/fonts/segoe-ui/Light/latest.ttf') format("ttf");font-weight:100}
@font-face{font-family:'SegoeUI';src:local('Segoe UI'),url('/static/fonts/segoe-ui/Light/latest.woff2') format("woff2"),url('/static/fonts/segoe-ui/Light/latest.woff') format("woff"),url('/static/fonts/segoe-ui/Light/latest.ttf') format("ttf");font-weight:200}
@font-face{font-family:'SegoeUI';src:local('Segoe UI'),url('/static/fonts/segoe-ui/Bold/latest.woff2') format("woff2"),url('/static/fonts/segoe-ui/Bold/latest.woff') format("woff"),url('/static/fonts/segoe-ui/Bold/latest.ttf') format("ttf");font-weight:600}
@font-face{font-family:'SegoeUI';src:local('Segoe UI'),url('/static/fonts/segoe-ui/Bold/latest.woff2') format("woff2"),url('/static/fonts/segoe-ui/Bold/latest.woff') format("woff"),url('/static/fonts/segoe-ui/Bold/latest.ttf') format("ttf");font-weight:600}

    
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: #424866;
    font: 14px/1.4  'Segoe UI',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; }
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:#e60012;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{ color:#e60012; }
.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:#fd4f00;}
.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}
body {margin:0;font-size:12px;line-height:2;color:#333;background-color:#fff}
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;}

* {
    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;
}


 /*顶部导航信息*/
.topnav { position: relative; z-index: 99; background:#fd4f00; } 
.topnav .minnav { height: 28px; line-height: 28px; overflow:hidden; } 
.topnav .minnav span a { display: inline-block; color:#fff;font-size:12px; } 
.topnav .minnav span a:hover { text-decoration: none;color:#fff;  } 
.topnav .minnav span a .iconlang { margin-right: 10px;color:#fff; }
.topnav .minnav .fr > span { border-left: 0px solid #eee; padding-left:  0px; }
.topnav .minnav .fr > span:first-child { border-left: 0; padding-right: 0; }
.topnav .minnav .iconfont{font-size:12px;}



.td-head { position: relative;  position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; z-index: 9999999;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 { height:auto }
}


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

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


.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;display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
.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;}


.DM-TWO {}
.DM-TWO .DMT-list{position: relative; display: flex; display: -webkit-flex; text-align: center;flex-wrap: wrap;}
.DM-TWO .DMT-list:after{content:'';display:table;height:0;clear:both;}
.DM-TWO .DMT-list+.DMT-list{border-top:1px solid  #e2e2e2;}
.DM-TWO .DMT-list3{justify-content: center;}

.DM-TWO .DMT-list .DMT-cell-text{overflow:hidden;position:relative;text-align:left; width: calc(100% - 30%);}
.DM-TWO .DMT-list .DMT-cell-text h3 {margin-bottom:5px;}
.DM-TWO .DMT-list .DMT-cell-text h3 a{font-size:14px;font-weight:500;}
.DM-TWO .DMT-list li{font-size:12px;line-height:20px;margin:8px 0;color:#333;}
.DM-TWO .DMT-list .DMT-cell-text p { font-size: 12px; line-height: 20px; padding: 0; margin: 8px 0 10px; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;padding-right: 15px; }
.DM-TWO .DMT-list .DMT-cell{width: 33.33%; box-sizing: border-box; position: relative;}
.DM-TWO .DMT-list .DMT-cell2{width:33.33%;}
.DM-TWO .DMT-list .DMT-cell+.DMT-cell:before {content: ''; top: 25px; bottom: 25px; width: 1px; position: absolute; background: #e2e2e2; left: 0px; }
.DM-TWO .DMT-list .DMT-cell+.DMT-cell:nth-of-type(4):before {width: 0px; }
    .DM-TWO .DMT-list .DMT-cell:nth-of-type(4),
    .DM-TWO .DMT-list .DMT-cell:nth-of-type(5),
    .DM-TWO .DMT-list .DMT-cell:nth-of-type(6),
    .DM-TWO .DMT-list .DMT-cell:nth-of-type(7),
    .DM-TWO .DMT-list .DMT-cell:nth-of-type(8) {
        border-top: solid 1px #e2e2e2;
    }

.DM-TWO .DMT-list .DMT-cell-wrapper { padding: 25px 5px; min-height: 200px;display: flex; display: -webkit-flex; }
.DM-TWO .DMT-list .DMT-cell-img { width: 30%; min-width: 80px; position: relative;  }
.DM-TWO .DMT-list .DMT-cell-img div{height:0;padding-bottom:100%;}
.DM-TWO .DMT-list .DMT-cell-img div a{position:absolute;top:0;left:0;right:0;bottom:0;text-align: center; vertical-align:middle}
.DM-TWO .DMT-list .DMT-cell-img div a span.DMT-cell-icon{font-size: 50px; /* height: 85px; */ line-height: 85px; color:#f47425;transition:all 0.3s}
.DM-TWO .DMT-list .DMT-cell-img div:hover .DM-TWO .DMT-list .DMT-cell-img div a:hover span.DMT-cell-icon{color:red;}


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



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


.DM-TWO .DMT-list .DMT-cell-img div a span.DMT-cell-icon{font-size: 40px; line-height: 65px;}
.DM-TWO .DMT-list li { margin: 5px 0;  }

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


.dropMenu .dmRowOne ul a { font-size: 12px; }

.DM-TWO .DMT-list .DMT-cell-img {display:none; }
.DM-TWO .DMT-list .DMT-cell-text { padding:0 15px; }

}




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

/*.itemli.opened  li:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}
.itemli.opened  li:nth-child(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}
.itemli.opened  li:nth-child(3){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}
.itemli.opened  li:nth-child(4){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}
.itemli.opened  li:nth-child(5){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.itemli.opened  li:nth-child(6){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}
.itemli.opened  li:nth-child(7){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}
.itemli.opened  li:nth-child(8){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s}
.itemli.opened  li:nth-child(9){-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.itemli.opened  li:nth-child(10){-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-o-animation-delay:0.9s;animation-delay:.9s}
.itemli.opened  li:nth-child(11){-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}*/


 .mh{-webkit-backface-visibility:hidden;-webkit-filter:blur(5px);filter:blur(5px);opacity:0.9;-webkit-animation:nvfadeInDown 1s .1s ease both;-moz-animation:nvfadeInDown .3s .1s ease both;}


 @keyframes pao3{ 0% {  opacity:1; transform:translateY(-5px); }     50%{  opacity:1;transform:translateY(0px);} 100%{  opacity:1;transform:translateY(-5px);}}
@-moz-keyframes pao3{   0% {  opacity:1;-moz-transform:translateY(-5px);}      50%{  -moz-transform:translateY(0px);}100%{  -moz-transform:translateY(-5px);}}
@-webkit-keyframes pao3{ 0% {  opacity:1;-webkit-transform:translateY(-5px);}      50%{  -webkit-transform:translateY(0px);}100%{  -webkit-transform:translateY(-5px);}}
@-o-keyframes pao3{     0% {  opacity:1;-o-transform:translateY(-5px);}      50%{  -o-transform:translateY(0px);}100%{  -o-transform:translateY(-5px);}}



.navdrop-pro-box {  }
 .drop-pro-large{width:410px;float:left;  text-align: center;}
  .drop-pro-large p{color:#fff;font-size:14px;padding:10px;}
.drop-pro-list{width:800px;float:right}
.navdrop-pro-box .drop-pro-list{ margin: 0 -10px; } 
.navdrop-pro-box .drop-pro-list dd{width:33.3333%;float:left;/*opacity:0;filter: alpha(opacity=0); opacity: 0;*/*zoom:1 }
.navdrop-pro-box .drop-pro-list .drop-pro-cell { position: relative;  margin: 0 00px 20px 20px; display: block; background-color:#fff;  -webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
/*.navdrop-pro-box .drop-pro-list .drop-pro-cell:hover{-webkit-box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);-moz-box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);box-shadow: 0 15px 15px -10px rgba(0,0,0,.15);}*/
.navdrop-pro-box .drop-pro-list .pro-title { position: relative; display: block; text-align: center; padding-bottom:24px; }
@media (min-width: 768px) and (max-width:1199px) {
.navdrop-pro-box .drop-pro-list .pro-title { padding: 10px 0; }

}


.navdrop-pro-box .drop-pro-list .pro-title div {  display: block; text-align:center; }
.navdrop-pro-box .drop-pro-list .pro-title div img {width:60%;}


@media (min-width: 768px) and (max-width: 991px) {
.navdrop-pro-box .drop-pro-list .pro-title div img {width:60%;}

}
.navdrop-pro-box .drop-pro-list .pro-title p { font-size:14px;}

@media (min-width: 768px) and (max-width:1199px) {
.navdrop-pro-box .drop-pro-list .pro-title p {  }

}

.full-screen .nav-columns { padding: 25px 0; }

.cell-Search{display:none}
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
 .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; }
  .nav-logo {  width: 145px; transition: opacity .5s cubic-bezier(.645,.045,.355,1);display: inline-block;position:relative; } 
 .nav-logo:hover{opacity:.6}


 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 {}

.mlogo button.btnlocation { right: 0px;top:18px;border:none;border-left: 1px solid #f9580e;padding-left:8px;}



@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 {}
}


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

.navmenu {height:80px;width:50%;display: flex; display: -webkit-flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between;}
.navsearch{display: flex; display: -webkit-flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between; }
@media (min-width:1200px) and (max-width: 1639px) {
    /*.hnav{ background-color:red;}*/
    .navmenu {padding-left:0px;height:75px;width:60%;}

}
@media (min-width: 992px) and (max-width: 1199px) {
/*.hnav{ background-color:yellow;}*/
.navmenu {padding-left:0px;height:70px;width:70%;}

}
@media (min-width:768px) and (max-width: 991px) {
/*.hnav{background-color:green;}*/
.navmenu {padding-left:10px;height:65px; }

}

.navmenu li.itemli>a, .navsearch 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:14px;position: relative;  font-weight:500}
li.itemli a.active { /*color: #fd4f00  !important;*/ }
 .navsearch li.itemli>a { padding: 0px;  }

 .navsearch li.itemli:last-child>a { padding-right:0px; }
.navsearch li.itemli:first-child>a { padding-left:0px; }
/*.navmenu li.itemli.nav-up-selected{background:#344157}*/


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

.navmenu li.itemli,.navsearch li.itemli {  height:  75px; }
.navmenu li.itemli>a, .navsearch li.itemli>a {  line-height: 75px; height: 75px; }
 .navsearch li.itemli>a { padding: 0px 10px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
.navmenu li.itemli,.navsearch li.itemli {  height:  70px; }
.navmenu li.itemli>a, .navsearch li.itemli>a {  line-height: 70px; height: 70px; font-size:14px; }
}
@media (min-width:768px) and (max-width: 991px) {
.navmenu li.itemli,.navsearch li.itemli {  height:  65px; }
.navmenu li.itemli>a, .navsearch li.itemli>a { line-height: 65px; height: 65px; font-size: 14px; }
.navsearch li.itemli:last-child>a {  font-size: 14px;}
.navsearch li.itemli:first-child>a {  }
}

.navmenu li.itemli>a:hover,.navmenu li.itemli>a:active,.navsearch li.itemli>a:hover,.navsearch li.itemli>a:active { color: #fd4f00  !important;opacity: 1;    } 
.navmenu li.itemli.active  a,.navsearch li.itemli.active  a{ color: #fd4f00  ;    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 span.spline:before { content: ''; position: absolute; width: 0; height: 100%; display: block; background-color: #fd4f00; -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; }


.navsearch .itemli.last { padding-left:55px; }


.navsearch i { margin-left: 5px; font-size: 10px; }

.navsearch li.itemli.first a{padding-left:0px;}
.navsearch li.itemli.last a{}

.navsearch li.itemli a:before {   font-size: 24px;color:#fd4f00}


@media (min-width:1200px) and (max-width: 1439px) {
.navsearch .itemli.last { padding-left:35px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.navsearch .itemli.last { padding-left:5px; }
}
@media (min-width:768px) and (max-width: 991px) {
.navsearch .itemli.last { padding-left:0px; }


}






.whitetheme  { background-color:#212121;   } 
.whitetheme  .navmenu li.itemli>a ,.whitetheme  .navsearch li.itemli>a  { color: #fff ;    } 
.whitetheme  .searchright .topsearchicon{color:#fff;}
.whitetheme.drophover{background-color:#212121;transition: none;-webkit-transition:none;-moz-transition:none;}



.blacktheme  .navmenu li.itemli.opened>a ,.blacktheme  .navsearch li.itemli.opened>a{ color: #fd4f00   ! important;     } 

.blacktheme  .searchright .topsearchicon{color:#212121;}
.blacktheme.drophover{background-color:#fff;transition: none;-webkit-transition:none;-moz-transition:none;}

.blacktheme.drophover,.whitetheme.drophover,.blacktheme.drophover-s,.whitetheme.drophover-s{background-color:#f5f5f5 ! important;   }





.blacktheme.drophover  .navmenu li.itemli>a,.whitetheme.drophover  .navmenu li.itemli>a ,.blacktheme.drophover  .navsearch li.itemli>a,.whitetheme.drophover  .navsearch li.itemli>a ,
.blacktheme.drophover-s  .navmenu li.itemli>a,.whitetheme.drophover-s  .navmenu li.itemli>a ,.blacktheme.drophover-s  .navsearch li.itemli>a,.whitetheme.drophover-s  .navsearch li.itemli>a ,
.blacktheme.drophover  .searchright .topsearchicon,.whitetheme.drophover .searchright .topsearchicon,.blacktheme.drophover-s  .searchright .topsearchicon,.whitetheme.drophover-s .searchright .topsearchicon
{color:#212121;}

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


/*.fixhome ul.navmenu:hover li:hover>a { color: #303233; position: relative; } 
.fixhome ul.navmenu:hover li>a { color: #919699; }*/

/*.fixhome ul.navmenu:hover li a:hover:after{content:'';display:inline-block;position:absolute;left:0;bottom:-1px;
z-index:999999991;width:100%;height:2px;border-radius:1px 1px 0 0;background-color:#303233}*/
/*搜索区*/


.top-search{display:none}
.top-search-box{position:absolute;top:0;left:50%;margin-left:-400px;width:800px;z-index:99999991;background-color:#fff;}

.top-search-inner{height:80px;line-height:80px;border-bottom: 0px solid #fd4f00;}

@media (min-width:1440px) and (max-width: 1920px) {


}
@media (min-width:1200px) and (max-width: 1439px) {
.top-search-inner{height:75px;line-height:75px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
.top-search-inner{height:70px;line-height:70px;}
.top-search-box{margin-left:-350px;width:700px;}
}
@media (min-width:768px) and (max-width: 991px) {
.top-search-inner{height:65px;line-height:65px;}
.top-search-box{margin-left:-250px;width:500px;}

}




.search-clear{display:none}
.top-search-wrapper{padding-left:20px;position:relative;z-index:2;height:inherit;line-height:inherit;display:none;border-radius:0}
.search-close,.qsearch,.search-submit{border:none;background-color:transparent;cursor:pointer;outline:none}
.qsearch{font-size:14px;width:100%;height:32px;line-height:32px;margin-top:0px;border-radius:0}
.search-submit.iconfont{right: 20px;z-index:1;width:30px;height:100%;color: #fd4f00;font-size: 24px;font-weight:700;transition:all 0.3s}
.search-submit.iconfont:hover{color: #ad4f00;}
.search-close,.search-submit{position:absolute;top:0;transition:opacity .2s cubic-bezier(.645,.045,.355,1)}
.search-close { right: 10px;top:60px;height: 80px; opacity: 1; -webkit-tap-highlight-color: transparent; outline: none; z-index: 3; color: #fd4f00; font-weight: bold; font-size: 20px ! important; }
.search-close:hover{opacity:.6}

@media (min-width:1200px) and (max-width: 1439px) {
.search-close{height:70px;font-size:30px ! important;}


}
@media (min-width: 992px) and (max-width: 1199px) {
.search-close{height:60px;font-size:26px ! important;}

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

.search-close{height:55px;font-size:20px ! important;}

}


.search-links{background-color:#f5f5f5;opacity:0;transition:opacity .25s ease-out;padding-bottom:15px;}
.search-links a{overflow:hidden;display:block;height:40px;font-size:14px;line-height:40px;padding:0 20px;opacity:0;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);transition:opacity .25s ease-out,-webkit-transform .25s ease-out;transition:opacity .25s ease-out,transform .25s ease-out;transition:opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out}
#hotlink a{height:40px;line-height:40px;color:#999;}

@media (min-width:1200px) and (max-width: 1439px) {
.search-links a{height:30px;line-height:30px;-webkit-transform:translateX(36px);-ms-transform:translateX(36px);transform:translateX(36px);}


}
@media (min-width: 992px) and (max-width: 1199px) {
.search-links a{height:30px;line-height:30px;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}

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

.search-links a{height:30px;line-height:30px;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}

}



.search-links>a{color:#999;cursor:default}

.search-links .iconfont{color:#999;}


@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

.Newarrivals {color:#999;}

.search-active .top-search{display:block}
.search-active .search-links{opacity:1;    box-shadow: 0 8px 13px 0 rgba(0,0,0,.07);}
.search-active .search-links a{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;font-weight:normal}
.search-active .search-links a.Quicklinks{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;cursor:default;color:#aaa;}
.search-active .search-links a.more{color: #aaa; background-color: #f5f5f5;}
.search-active .autoresult a:hover { background:#f5f5f5;} 
.search-active .search-links a.more:hover{color: #f47425; background-color:#f5f5f5 ;}
.search-active .search-links a:nth-child(2){transition-delay:.15s,.15s}
.search-active .search-links a:nth-child(3){transition-delay:.21s,.21s}
.search-active .search-links a:nth-child(4){transition-delay:.27s,.27s}
.search-active .search-links a:nth-child(5){transition-delay:.33s,.33s}
.search-active .search-links a:nth-child(6){transition-delay:.39s,.39s}
.search-active .search-links a:nth-child(7){transition-delay:.45s,.45s}
.search-active .top-search-wrapper{display:block;/*-webkit-animation:global-searchform-slide 1s both;animation:global-searchform-slide 1s both*/}
.search-active .top-search-wrapper:before{display:none}
.search-active .top-search-wrapper:before{display:none}
.search-active .searchright{opacity:0;}

.searchshow .top-search{display:block}

.search-active input.qsearch
{/*-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease;animation-timing-function:ease*/}


.search-hide .navmenu li.itemli>a{-webkit-animation:global-nav-item-search-hide .4s both;animation:global-nav-item-search-hide .4s both}
.search-hide .navmenu li.itemli:nth-child(2){-webkit-animation-delay:0ms;animation-delay:0ms}
.search-hide .navmenu li.itemli:nth-child(3){-webkit-animation-delay:35ms;animation-delay:35ms}
.search-hide .navmenu li.itemli:nth-child(4){-webkit-animation-delay:70ms;animation-delay:70ms}
.search-hide .navmenu li.itemli:nth-child(5){-webkit-animation-delay:105ms;animation-delay:105ms}
.search-hide .navmenu li.itemli:nth-child(6){-webkit-animation-delay:.14s;animation-delay:.14s}
.search-hide .navmenu li.itemli:nth-child(7){-webkit-animation-delay:175ms;animation-delay:175ms}
.search-hide .navmenu li.itemli:nth-child(8){-webkit-animation-delay:.21s;animation-delay:.21s}



.search-active .navmenu li.itemli>a,.search-active .navsearch li.itemli>a {visibility: hidden; -webkit-tap-highlight-color: transparent;}
.search-active .navmenu li.itemli,.search-active .navsearch li.itemli>a {-webkit-animation:global-nav-item-searchshow .4s both;animation:global-nav-item-searchshow .4s both;pointer-events:none}
.searchhide .navmenu li.itemli>a,.searchhide .navsearch li.itemli  a{-webkit-animation:global-nav-item-searchhide .4s both;animation:global-nav-item-searchhide .4s both}





.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}
#btn-show-search{/*cursor:pointer; font-size:18px;font-weight:700;*/}

.navsearch li.itemli.last a.iconlanuage{ }
.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)}}






#autoresult  table{  width: 100%;}
#autoresult .std {   height:40px; line-height:40px; padding: 0 40px;overflow:hidden; padding-right:60px;display:block; border-top: solid 1px #f5f5f5;font-size:14px; cursor:pointer;} 
#autoresult .std  strong{  color:#212121; display:inline-block;float:left;height:100%;width:120px;overflow:hidden; cursor:pointer;} 
#autoresult .std  strong:hover{  color:#fd4f00;} 
#autoresult .std:hover { background:#f5f5f5;} 
#autoresult .tstopic{display:inline-block;float:left;height:100%;padding:0 15px;overflow:hidden;font-size:14px; text-align:left; cursor:pointer;}
#autoresult .tstopic:hover{color:#fd4f00; }






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





/*下拉产品导航*/

.nav-pro-cell { padding-top:70px;padding-bottom:50px;}
.nav-pro-box {  position: relative; overflow: hidden;  display: block; }
.nav-pro-box ul { white-space: nowrap; overflow: hidden; position: relative; text-align:center;}
.nav-pro-cell ul li { width: 11%;  position: relative; display:inline-block }
.nav-pro-box ul li .cell{ display:block;text-align:center;}
.nav-pro-box ul li .cell img {width: 50px;  -webkit-transition: opacity ease .3s; -moz-transition: opacity ease .3s; transition: opacity ease .3s;  opacity: 1; }
.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;color:#f47425;}

.nav-pro-box ul li:hover  a.cell  div{color:#fd4f00;   }
@media (min-width:1200px) and (max-width: 1439px) {
.nav-pro-box ul li .cell img { width: 45px; }

}
@media (min-width: 992px) and (max-width: 1199px) {
.nav-pro-box ul li a.cell .cname { font-size: 12px; }
.nav-pro-box ul li .cell img { width: 40px; }
}
@media (min-width:768px) and (max-width: 991px) {
.nav-pro-cell { padding-top: 40px; padding-bottom: 10px; }
.nav-pro-box ul li .cell img { width: 40px; }
.nav-pro-box ul li a.cell .cname { font-size: 12px;padding-top: 10px; }
.nav-pro-box ul li ,.nav-pro-box ul.forb li{ width: 25%;padding-bottom:25px; }


}





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

 .right-info { padding-left: 39px;padding-top:30px;padding-bottom:20px; }
 .right-info h3 { font-size: 14px;font-weight:700;padding-bottom:15px; }
 .right-info ul { list-style: none; padding: 0; margin: 0; }
 .right-info ul li { padding: 4px 0; font-size:14px;}
 .right-info ul li a {  display:block; font-size:14px; }
 .bg-right { position: absolute; width: 1000px; height: 100%; top: 0; left: 0; z-index: -1; } 
 .bg-right div { background: #ebebeb; height: 100%; } 




/*footer*/

.footer{background: #212121;/*background: #272727;*/border-top: 0px solid #fd4f00;}
.ftLeftLinks {     padding: 54px 0 42px;}
.ftLeftLinks dl{  width:20%;}

.ftLeftLinks dt{ padding-bottom:8px;font-size:14px;font-weight:normal;position: relative;color:#fff;}
.ftLeftLinks dl dt b { display:none;position: absolute; top: 50%; right: 10px; margin-top: -6px; width: 12px; height: 12px; display: none; color: #333; -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{ display:block;  height:25px; line-height:25px; overflow:hidden; font-size:14px;}
.footer a:link,.footer a:visited{color:#aaa;}
.footer a:hover,.footer a:active{color:#fd4f00;}
.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 dl{ float:left; width:25%;}
.ftLeftLinks .ftHotline {  width: 24%; display:none; }
.ftLeftLinks { padding: 34px 0 2px; }
}

@media (max-width: 768px) { 

}

.footer .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}
.footer .share>a .iconfont:hover{-webkit-animation:rock .4s;animation:rock .4s}
.footer .share .iconfont{font-size:20px;display:inline-block;z-index:2;position:relative}
.footer .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)}
.footer .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}
/*.footer .share>a:first-child{background:#fd4f00}
.footer .share>a:nth-child(2){background:#3dbe5b}
.footer .share>a:nth-child(3){background:#ff5757}
.footer .share>a:nth-child(4){background:#3b5998}
.footer .share>a:nth-child(5){background:#1da1f3}
.footer .share>a:first-child:hover::after{background:red}
.footer .share>a:nth-child(2):hover:after{background:#3dce5b}
.footer .share>a:nth-child(3):hover:after{background:#cc5757}
.footer .share>a:nth-child(4):hover:after{background:#af5998}
.footer .share>a:nth-child(5):hover:after{background:#1db1f5}*/
.footer .share>a:first-child{background:#3dbe5b}
.footer .share>a:nth-child(2){background:#3b5998}
.footer .share>a:nth-child(3){background:#ff5757}
.footer .share>a:nth-child(4){background:#1da1f3}
.footer .share>a:nth-child(5){background:#af5998}
.footer .share>a:nth-child(6){background:#ff5757}
.footer .share>a:nth-child(7){background:#3b5998}
.footer .share>a:nth-child(8){background:#1da1f3}

.footer .share>a:first-child:hover::after{background:#af5998}
.footer .share>a:nth-child(2):hover:after{background:#cc5757}
.footer .share>a:nth-child(3):hover:after{background:#3dce5b}
.footer .share>a:nth-child(4):hover:after{background:red}
.footer .share>a:nth-child(5):hover:after{background:#1db1f5}
.footer .share>a:nth-child(6):hover:after{background:#3dce5b}
.footer .share>a:nth-child(7):hover:after{background:#cc5757}
.footer .share>a:nth-child(8):hover:after{background:#af5998}
.footer .share>a:nth-child(9):hover:after{background:#1db1f5}
.footer .share .wxWrap{position:relative}
.footer .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;}
.footer .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}
.footer .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; }
.footer .share .wxWrap .qrcode img{margin:0px auto 0px;max-width:100%;}
.footer .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)}}


.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 { color: #aaa; font-size: 14px; padding: 16px 0 0; -webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; color: #aaa;  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: 768px) { 
.footer .share { text-align: center; width: 100%; }
.footer-info, .footer-legal,.footer-region, .footer-region  div,.footer-shengming { text-align:center;display:block;padding:5px 15px; } 

.footer-second { border-bottom:0px solid #616466; padding-bottom: 0px; }

}



@media (max-width: 767px) {
.table-responsive {  border: 0px solid #ddd; }

/*footer*/
.footer{ padding:0px 0 15px 0;background-color:#fff; margin-top:0px;border:none; border-top: solid 10px #f5f5f5; }
.ftLeftLinks dl{ float:none;  padding:0 15px;width: 100%;border-bottom: 1px #ebebeb 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:15px; width:100%}
.ftLeftLinks dt{ font-size:14px;width: auto; margin-bottom: 0; padding: 12px 0;color:#212121; }
.ftLeftLinks dd a{ display:block;  height:25px; line-height:25px; overflow:hidden;}
.ftLeftLinks dl.active dt b { will-change: transform; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.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: 10px; }
.ftLeftLinks .ftHotline { float: none; width: 100%;padding-left:15px;padding-right:15px;font-size:14px; display:none; }
.ftLeftLinks  { padding-top:15px;}
.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:#212121}
.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%;}


/*手机状态下二级页导航*/

.cell-wrap { width: 100%;  position: relative; height: 100%; margin: 0 auto;  position: relative; width: 100%; background-color: #212121; border-top: 1px solid #333; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cell-wrap.fixed{position:fixed;top:0px;left:0px;z-index:10;height:auto;}
.cell-nav-box { position: relative;  padding: 0 10px; height: 44px;border-bottom: 1px solid #333; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9; }
.cell-nav-mask { position: absolute; top: 64px; width: 100%; height: 0; background-color: rgba(33,33,33,.2); z-index: 8;  opacity: 0; -webkit-transition: opacity .35s ease .2s,max-height 0s linear .5s; transition: opacity .35s ease .2s,max-height 0s linear .5s; }
.cell-nav-box .cell-title { display: inline-block; font-size: 14px;color:#eee; }
.cell-nav-box .cell-ul { position: absolute; width: 100%; top: 0; left: 0; margin-top: 43px; background: #212121; max-height: 0; opacity: 0; overflow: hidden; will-change: transform,max-height; -webkit-transition: max-height .2s ease,opacity .35s ease .1s; transition: max-height .2s ease,opacity .35s ease .1s; }
.cell-nav-box .cell-ul li { opacity:0;filter: alpha(opacity=0); opacity: 0;*zoom:1;display: block; margin: 0 68px; text-align: center; }
.cell-nav-box .cell-ul li a { display: block;    color: #fff; font-size: 14px; padding: 15px 0; border-bottom: 1px solid #333; }
.cell-nav-box .cell-ul li a.active {color: #fd4f00;  }
.cell-nav-box .nav-arrow { display: inline-block;-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; }
.cell-nav-box .nav-arrow .icon-arr { font-size: 16px; color:#eee; }

.openProNav .cell-nav-mask { min-height: 100vh;height:100%; opacity: 1; -webkit-transition: opacity .3s ease,max-height 0s linear 0s; transition: opacity .3s ease,max-height 0s linear 0s; }
.openProNav .cell-nav-box .cell-ul { opacity: 1; max-height: 100vh; -webkit-transition: max-height .35s ease,opacity .2s ease; transition: max-height .35s ease,opacity .2s ease; }
.openProNav .cell-nav-box .nav-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }



.openProNav .cell-nav-box .cell-ul li{ animation: cell-ul-li-active .8s forwards; } 
@keyframes cell-ul-li-active{from{transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{transform:translate(0);opacity:1;filter:alpha(opacity=100)}}
.openProNav .cell-nav-box .cell-ul li:nth-child(1){animation-delay:0s}
.openProNav .cell-nav-box .cell-ul li:nth-child(2){animation-delay:.1s}
.openProNav .cell-nav-box .cell-ul li:nth-child(3){animation-delay:.2s}
.openProNav .cell-nav-box .cell-ul li:nth-child(4){animation-delay:.3s}
.openProNav .cell-nav-box .cell-ul li:nth-child(5){animation-delay:.4s}
.openProNav .cell-nav-box .cell-ul li:nth-child(6){animation-delay:.5s}
.openProNav .cell-nav-box .cell-ul li:nth-child(7){animation-delay:.6s}
.openProNav .cell-nav-box .cell-ul li:nth-child(8){animation-delay:.7s}
.openProNav .cell-nav-box .cell-ul li:nth-child(9){animation-delay:.8s}
.openProNav .cell-nav-box .cell-ul li:nth-child(10){animation-delay:.9s}
.openProNav .cell-nav-box .cell-ul li:nth-child(11){animation-delay:1s}







}

 @media (min-width: 768px) and (max-width: 1199px) {
.footer{padding: 0;font-size:12px;}
.ftLeftLinks dd a{ }
.ftLeftLinks  h3{font-size:14px;padding-bottom:5px;}
.ftLeftLinks  h4{font-size:18px;padding-bottom:5px;}
.ftLeftLinks  p{line-height:18px;}
    .footer-info, .ad-desc, .footer-info a:link, .footer-info a:visited, .footer-feedback a:link, .footer-feedback a:visited, .footer-shengming .shengming a, .footer-feedback, .footer-second ul.nav-right li a {
        font-size: 12px;
    }

 }


/*超小设备手机（<768px）*/

 @media (max-width: 992px) {
    

body{   position: relative;}

.header-banner-bd { height: auto; }/*banner高度*/ 
#header-banner .banner-btn{width:50px;display:none;}
#header-banner .carousel-indicators-wrap{top:auto;bottom:0px;text-align: center;}



.celltop{}
.celltop.active{}

.mzone {background-color:transparent;height:60px;    border-bottom: 5px solid #f5f5f5; z-index:5;background-color:#fff; display:block;padding:0 10px;} 

.mzone .header-phone{width:25px;height: 48px; overflow:hidden;position:relative;transition: all .3s ease-in-out;}
.mzone .mlogo { width: 200px;margin:0 auto; height: 48px; overflow: hidden; background: url(/static/2020/images/mlogo1.png) no-repeat  center;  display: block; position:absolute;top:0px;left:50%;margin-left:-120px; }
.mzone .mlogo a{ width: 100%;height:100%;display:block;}
.mzone .navbar-toggle{width:100%;padding:0px; outline: 0; border: 0;margin-right: 0px;margin-top:0px; margin-bottom: 0px;border-radius: 0px;position:relative; display:block;}
.mzone .navbar-toggle span.icon-bar{ width: 100%;position: absolute; left: 0px; top: 24px;height: 1px; background: #5f5753;  transition: all .3s ease-in-out; -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5);}
.mzone .navbar-toggle span.icon-bar:first-child { top: 20px; }
.mzone .navbar-toggle span.icon-bar:last-child { top: 33px; }
.mzone .navbar-toggle.m-btn-close span:first-child { transition: all .3s ease-in-out .2s; -webkit-transform: rotate(45deg) translate(8px,5px); -ms-transform: rotate(45deg) translate(8px,5px); transform: rotate(45deg) translate(8px,5px); }
.mzone .navbar-toggle.m-btn-close span:nth-child(2) { transition: all .5s ease-in-out; opacity: 0; }
.mzone .navbar-toggle.m-btn-close span:nth-child(3) { transition: all .3s ease-in-out .3s; -webkit-transform: rotate(-45deg) translate(7px,-5px); -ms-transform: rotate(-45deg) translate(7px,-5px); transform: rotate(-45deg) translate(7px,-5px); }


.celltop  .cell-search-icon{padding-top:9px; vertical-align:middle;opacity:1;transition: all .3s ease-in-out .3s;}
.celltop.active .cell-search-icon{opacity:0;}
.celltop.activeSearch .header-phone {opacity:0;}
.celltop  .cell-search-icon .iconfont{font-size:18px;color:#5f5753;}
.celltop  .cell-search-icon .iconfont.icon-close{font-size:24px;}
.celltop  .cell-search-icon .iconfont.icon-search2{font-size:24px;}

.celltop .cell-Search {display:none;position:absolute;left:0px;top:60px;background:#f5f5f5;width:100%; z-index:9999;height:100%;padding:0px;   }
.cell-Search-box {  font-size: 14px;   width: 100%; text-align: center; height: 100%; }
.cell-Search-box .c-search { border-bottom: 1px solid #ccc; } 
.cell-Search-box .c-search .search-top { position: relative; width: 100%; } 
.cell-Search-box .c-search .search-top input { font-size: 14px; height: 50px; width: 100%; background: none; color: #5f5753; border: none; border-bottom: solid 1px #5f5753; text-align: left; padding: 0 25px; }
.cell-Search-box .c-search .search-top .btnCellSearch { position: absolute; top: 12px; width: 13px; height: 13px; right: 22px; color: #5f5753; }
.cell-Search-box .cellresult a { display: block; height: 55px; line-height: 55px; border-bottom: 1px solid #ccc; font-size: 14px; white-space: nowrap; color: #333; text-align: left; margin: 0 25px; }
.cell-Search-box .cellresult a:last-child { border-bottom: 0px solid #262626;  }




.nav-phone{position:absolute;left:0px;top:60px;background:#f5f5f5;width:100%; z-index:9999;display:none;height:100%;padding:0 28px;min-height:650px;}


.celltop .nav-phone>ul>li{  opacity:0;filter: alpha(opacity=0); opacity: 0;*zoom:1 }

.celltop.active .nav-phone>ul>li{ animation: cell-li-enter .8s forwards; } 
@keyframes cell-li-enter{from{-webkit-transform: scale(1.1) translateY(-24px); -ms-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px)}to{-webkit-transform: none; -ms-transform: none; transform: none;  opacity:1;filter:alpha(opacity=100)}}




.celltop.active .nav-phone>ul>li:nth-child(1){animation-delay:0s}
.celltop.active .nav-phone>ul>li:nth-child(2){animation-delay:.1s}
.celltop.active .nav-phone>ul>li:nth-child(3){animation-delay:.2s}
.celltop.active .nav-phone>ul>li:nth-child(4){animation-delay:.3s}
.celltop.active .nav-phone>ul>li:nth-child(5){animation-delay:.4s}
.celltop.active .nav-phone>ul>li:nth-child(6){animation-delay:.5s}
.celltop.active .nav-phone>ul>li:nth-child(7){animation-delay:.6s}
.celltop.active .nav-phone>ul>li:nth-child(8){animation-delay:.7s}
.celltop.active .nav-phone>ul>li:nth-child(9){animation-delay:.8s}
.celltop.active .nav-phone>ul>li:nth-child(10){animation-delay:.9s}
.celltop.active .nav-phone>ul>li:nth-child(11){animation-delay:1s}







.nav-phone a{display:block;text-decoration:none;padding:15px 0px;font-size:14px;text-align:left;text-decoration: none; white-space: nowrap; -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-tap-highlight-color: transparent; outline-offset: -7px;}
a.nav18{ font-size:14px;}
.nav-phone .menu01{border-bottom: 1px solid #ccc;position:relative;}
.nav-phone .menu01 > a{color:#5f5753;}
.nav-phone .menu02 > a{}

.nav-phone .menu01 > a.active { }

.nav-phone .menu01 a:last-child{border:none;}
.nav-phone .ul01,.ul02{ display:none;padding-left:25px;}
.nav-phone  .ul01  a{color:#777;padding:5px 0;text-align:left;;font-size:14px;}
.nav-phone   li b.iconfont{ -webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block;color:#aaa;position: absolute; right: 2px; top: 18px; font-size: 16px;  z-index: 1; -webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;}
.nav-phone   li.active  b.iconfont{-webkit-transition:all .3s ease;transition:all .3s ease; -webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);color:#f5f5f5}

.nav-phone .msearchbox{padding:15px 15px;position:relative;}
.nav-phone .msearchbox .mkey{height:30px;;width:100%;text-align:center;border-radius:15px;}

.nav-phone .msearchbox .btnmsearch{border:none;background-color:transparent;position:absolute;left:10px;top:8px;z-index:2;color:red;height:30px;width:40px;background-position:15px -357px;}







}


 
.chat_box{ width: 50px; height: 50px; border-radius: 100px; -webkit-box-shadow: 0 0 14px rgba(146, 182, 202, 0.3); box-shadow: 0 0 14px rgba(146, 182, 202, 0.3); position: fixed; bottom: 110px; right: 38px; z-index: 1002; -webkit-transition: all .6s; transition: all .6s; } 
.chat_box.up{ bottom: 170px; } 
.chat_box .face{ width: 100%; height: 100%; border-radius: 100px;background: #fff; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); cursor: pointer; } 

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



.code_box {cursor: pointer; width: 50px; height: 50px; border-radius: 50%; background: #fff; opacity: 0; position: fixed; right: 38px; bottom: 40px; -webkit-transition: all 0.6s 0.1s ease; transition: all 0.6s 0.1s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1001; -webkit-box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); } 
.code_box:before { content: ""; display: inline-block; height: 100%; width: 1px; vertical-align: middle; } 
.code_box.fadein{ opacity: 1; } 
.code_box.up{ bottom: 100px; } 
.code_box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } 
.code_box .code{ display: inline-block;background-image: url("/static/images/btncode.png"); background-position: center; background-size: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1); transform: translate(-50%, -50%) rotate(0deg) scale(1); width: 22px; height: 22px; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.24, 1.24); transition: all 0.3s cubic-bezier(0.25, 0.1, 0.24, 1.24); } 
.code_box .code_show{ opacity: 1; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1); transform: translate(-50%, -50%) rotate(0deg) scale(1); } 
.code_box .code_hide{ opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(30deg) scale(0.8); transform: translate(-50%, -50%) rotate(30deg) scale(0.8); } 
.code_box .ma_box{ width: 150px; height: 150px; position: absolute; right: 84px; top: -60px; border-radius: 16px; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-box-shadow: 0 2px 17px rgba(70, 130, 176, 0.05); box-shadow: 0 2px 17px rgba(70, 130, 176, 0.05); } 
.code_box .ma_box .ma_cell{ height: 100%; position: relative; } 
.code_box .ma_box .ma_cell img{ position: absolute; bottom: 0; left: 0; width: 150px; } 
.code_box .close_cell.close_show{ opacity: 1 !important; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0.6) !important; transform: translate(-50%, -50%) rotate(0deg) scale(0.6) !important; } 
.code_box .close_cell.close_hide{ opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(-60deg) scale(0.6) !important; transform: translate(-50%, -50%) rotate(-60deg) scale(0.6) !important; } 
.code_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; }

.GoTop_box {width: 50px; height: 50px;cursor: pointer;display: inline-block;text-align: center;  border-radius: 50%; background: #fff; opacity: 0; position: fixed; right: 38px; bottom: 30px; -webkit-transition: all 0.6s 0.1s; transition: all 0.6s 0.1s; z-index: 1000; -webkit-box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); } 
@media (max-width: 767px) {.GoTop_box {width: 30px; height: 30px;}}
.GoTop_box .arrow { width: 16px; height: 3px; background: #212121; border-radius: 20px; position: absolute; top: 38%; left: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.GoTop_box .btnleft { -webkit-transform: translate(-16px, 0) rotate(-45deg); transform: translate(-16px, 0) rotate(-45deg); -webkit-transform-origin: right top; transform-origin: right top; } 
.GoTop_box .btnright { -webkit-transform: translate(1px, 0) rotate(45deg); transform: translate(1px, 0) rotate(45deg); -webkit-transform-origin: left top; transform-origin: left top; } 
.GoTop_box:hover .btnleft { -webkit-transform: translate(-17px, 0) rotate(-58deg); transform: translate(-17px, 0) rotate(-58deg); -webkit-transform-origin: right top; transform-origin: right top; } 
.GoTop_box:hover .btnright { -webkit-transform: translate(1.5px, 0) rotate(58deg); transform: translate(1.5px, 0) rotate(58deg); -webkit-transform-origin: left top; transform-origin: left top; } 
.GoTop_box.fadein { opacity: 1; }
@media (max-width: 767px) {

.GoTop_box,.code_box{ right: 8px;}
.GoTop_box .arrow { width: 10px; height: 2px; } 
.GoTop_box .btnleft { -webkit-transform: translate(-10px, 0) rotate(-45deg); transform: translate(-10px, 0) rotate(-45deg); }
.GoTop_box:hover .btnleft { -webkit-transform: translate(-11px, 0) rotate(-58deg); transform: translate(-11px, 0) rotate(-58deg); } 
}

.hotfaq,.faqlr ,.hotfaq .faqlr ul li{display: flex; display: -webkit-flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between;}
.hotfaq .faqlr{width:47%;}

.hotfaq ul{overflow:hidden;display: flex; display: -webkit-flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.hotfaq ul li{width:47%;}
.hotfaq .faqlr ul li{width:100%;    border-bottom: 1px solid #e5e5e5;}


.hotfaq .hotlist a { color: #666;   display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 20px 0; }
.hotfaq .hotlist a.w700 { font-size: 20px;}
.hotfaq .hotlist li div:last-child a{margin-bottom:0px;border-bottom:0px solid #e5e5e5;}
.hotfaq .hotlist a:hover{color:#fd4f00;}

.hotfaq .faqlr ul li a{width: calc(100% - 50px);}
.hotfaq .faqlr ul li i{width:50px; text-align:right;font-size: 20px;}



@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: 768px) { 


}


/*没有搜索结果时*/
.nodata-content {  }
.nodata-wrap { width: 93.75%; }
.nodata-wrap .search-null { text-align: center; line-height: 2; padding: 100px  0 10px 0; }
.nodata-wrap .search-null .result { font-size: 24px; padding: 30px 0 10px; }
.nodata-wrap .search-null .tip { color: #333; padding-bottom: 20px; font-size: 14px; }
.nodata-wrap .search-null .btnall{background-color:#fa6147;border:#f60}
.support-nav { background: #fff; padding: 24px 0; } 
.support-nav .support { margin: 0; background: 0 0; color: #707473; text-transform: capitalize; font-weight: 300; padding: 0px; }
.support-nav .support li { display: inline-block; }
.support-nav .support a { color: #707473; }
.support-nav .support li+li:before { color: #707473;content: '/\00a0'; padding: 0 5px; color: #ccc; }
@media (min-width:1200px) and (max-width: 1439px) {

.support-nav { padding: 13px 0; } 
}
@media (min-width: 992px) and (max-width: 1199px) {
.support-nav { padding: 12px 0; } 
}
@media (min-width:768px) and (max-width: 991px) {

.support-nav { padding: 10px 0; } 
}
@media (max-width: 768px) { 
.support-nav .support { padding-left: 15px; }
.support-nav { padding: 8px 0; } 
}


.modal-open { overflow: hidden; }
.glbaldialog.modal { z-index: 999999999999999; -webkit-overflow-scrolling: touch; outline: 0; }
.glbaldialog .modal-header .close { font-size: 25px;  }
.glbaldialog .modal-header { border: none; }
.glbaldialog .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);  }
.glbaldialog .modal-body {padding: 25px ; width: 100%; text-align:center; }
.glbaldialog .modal-message { font-size: 16px;  }
.glbaldialog .yes-no { margin-top: 30px; width: 100%; }
.glbaldialog .yes-no a { width: 100px; display: inline-block; height: 35px; line-height: 34px; border: 1px solid #fd4f00; border-radius: 4px; font-size: 16px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
.glbaldialog .yes-no a.yes { background: #fd4f00; color: #fff; border: none; margin-right: 15px; }







.IE7 .col-md-8,.IE7 .col-sm-8,.IE7 .col-xs-8{width:60% ! important}
.IE7 .col-md-6,.IE7 .col-sm-6{width:48% ! important}
.IE7 .col-md-4,.IE7 .col-sm-4,.IE7 .col-xs-4{width:30% ! important}
.IE7 .col-md-3,.IE7 .col-sm-3{width:22% ! important}
.IE7 .col-md-2,.IE7 .col-sm-2{width:15% ! important}

.IE7 .search-input-wrap input{height:60px; line-height:40px;}

.IE7 .sptdleft{ text-align:left;}


.IE7 #column5 .piczone{height:475px}

.IE7 .searchwhere select{  line-height:25px; height:25px;}

.Safari input {line-height: 1px !important;color:#212121 }



 .icon-pro-158:before{content: "\e692";} /* 穿墙宝*/  
 .icon-pro-151:before{content: "\e71d"; } /* 路由器*/  
 .icon-pro-170:before{ content: "\e6c7";} /* 无线网卡*/  
 .icon-pro-176:before{ content: "\e6dc"; } /* 交换机*/  
 .icon-pro-173:before{  content: "\e6b2";} /* 电力线*/  
 .icon-pro-155:before{ content: "\e6ca";} /* 信号放大器*/  
 .icon-pro-207:before{ content: "\e6b1"; } /* 接入终端*/  
 .icon-pro-197:before{ content: "\e6b5";} /* 网络摄像机*/ 
 .icon-pro-209:before{ content: "\e720";} /* 智能插座*/ 



 .icon-pro-189:before{ content: "\e6dc";} /* 企业交换机*/  
 .icon-pro-186:before{content: "\e71b"; } /* 企业无线AP*/  
 .icon-pro-201:before{content: "\e6fb"; } /* 企业路由器*/  
 .icon-pro-208:before{content: "\e73c"; } /* 室外网桥&基站*/  
 .icon-pro-169:before{ content: "\e6e2";} /* AP控制器*/  
 .icon-pro-204:before{ content: "\e718";} /* 综合类*/ 
 .icon-pro-182:before{    content: "\e725";} /* 综合类*/ 


 .icon-close.icon-search4:before { content: "\e607"; }
@media (min-width:768px) and (max-width: 991px) {
    .container {
        width: 95%;
        padding-left:0px;
        padding-right:0px;
    }
}



@media (min-width:992px) and (max-width: 1399px) {
    .container {
        width: 95%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width:1400px) {
    .container {
        width: 90%;
        max-width: 1760px;
    }
}



#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}


/*width text banner*/
.ban-text{position:relative;width:100%; overflow:hidden;height:400px;background-image:url(/static/2020/images/probanner2.jpg) ;background-position:center top;background-repeat:no-repeat;background-size:cover; }
.ban-text .back a{ display:block;}
.ban-text .back img{width:100%;}
.ban-text .textbox{position:relative;z-index:2;/*color:#bd000f;*/}
.ban-text .btxtdiv{padding-top:170px;}
.ban-text .textbox h2{font-size:20px; padding-bottom:15px;text-align:center;color:#fff;font-weight:700;    letter-spacing: 1px;}
.ban-text .textbox p{font-size:14px;text-align:center;color:#fff; padding-bottom:30px;}

.cta-wrapper{text-align:center;}
.cta-x { font-weight: normal; overflow: hidden;  font-size: 14px; display: inline-block; vertical-align: top;background-color: #fd4f00;transition: all 0.3s ; color: #fff;border-radius: 2px; border: 2px transparent solid; padding: 10px 25px; font-weight: normal;  font-size: 14px;}
.cta-x:hover { background-color: #f60; }

.cta-x .icon-leading { padding-right: 5px;font-size: 16px;  position: relative; top: 2px; }
.cta-x span { display: inline-block; transition: .13s,text-decoration 0s; line-height: 1.5rem!important; color: #fff;}
.icon-play:before { content: "\e63a"; }

@media (min-width:1200px) and (max-width: 1439px) {
.ban-text{height:280px; }
.ban-text .btxtdiv{padding-top:180px;}
.ban-text .back{width:1500px;margin-left:-750px; height:414px}
.ban-text .textbox{height:414px;}
.ban-text .btxtdiv{padding-top:120px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.ban-text{height:250px; }

    /*二级banner*/

.ban-text .back{width:1200px;margin-left:-600px; height:331px}
.ban-text .textbox{height:331px;}
.ban-text .btxtdiv{padding-top:120px;}

}
@media (min-width:768px) and (max-width: 991px) {
.ban-text{height:200px; }
    /*二级banner*/

.ban-text .back{width:992px;margin-left:-496px; height:274px}
.ban-text .textbox{height:274px;}
.ban-text .btxtdiv{padding-top:70px;}

}

 @media (max-width: 768px) {
.ban-text{height:130px;display:none; }
.ban-text .btxtdiv{padding-top:50px;}

}

 

    

/*二级导航*/
.menu-nav-sub{width:100%;z-index:15;background-color:#fff;padding: 20px 0; border-bottom: 1px solid #e6e6e6;}
.menu-nav-sub ul{display:block;padding:0;margin:0;text-align:center;     }
.menu-nav-sub ul li{display:inline-block;padding:0;margin:0}
.menu-nav-sub ul li.line{width:1px;height:24px;background-color:rgba(0,0,0,.05);vertical-align:middle}
.menu-nav-sub ul li a{display:inline-block;vertical-align:middle;font-size:14px;display: block; padding: 0 20px; line-height: 35px;}


.menu-nav-sub ul li.active a { background: #fd4f00; border-radius: 8px; } 
.menu-nav-sub ul li.active a { color: #fff; }


@media (max-width: 767px) {


}

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

.menu-nav-sub{padding: 12px 0; }
.menu-nav-sub ul li a{padding: 0 14px; line-height: 30px;font-size:14px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.menu-nav-sub{padding: 14px 0; }
.menu-nav-sub ul li a{padding: 0 16px; line-height: 31px;font-size:14px;}
}
@media (min-width:1200px) and (max-width: 1439px) {
.menu-nav-sub{padding: 16px 0; }
.menu-nav-sub ul li a{padding: 0 18px; line-height: 33px;font-size:14px;}

}

.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:#fd4f00; border:solid 1px #ccc;}
.next-page a.page_on{background:#fd4f00; color:#fff;}
.next-page p{ float:left; line-height:25px; padding-right:10px; display:none;}


.td-cookie-wrap { position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, .7); z-index: 100;  box-sizing: border-box; animation: cookieMove .5s cubic-bezier(0.2, 0, 0.2, 1) forwards; } 
@keyframes cookieMove { 0% { transform: translate(0, 48px); } 100% { transform: translate(0, 0); } } 
@-webkit-keyframes cookieMove { 0% { transform: translate(0, 48px); } 100% { transform: translate(0, 0); } }
.td-cookie-wrap .cookie-text { padding: 12px; display: inline-block; font-size: 14px; color: #FFFFFF; line-height: 16px; width: 85%; box-sizing: border-box; } 
.td-cookie-wrap .cookie-text a { text-decoration: underline; display: inline-block; margin-bottom: 3px; color: #FFFFFF;} 
.td-cookie-wrap .btn-agree { float: right; width: 102px;line-height:52px; height: 100%; font-size: 16px; text-align: center; cursor: pointer; background: #f47425; color: #FFFFFF; transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1); }
.td-cookie-wrap .btn-agree { position: absolute; right: 0; top: 0; height: 100%; text-align: center; }
.td-cookie-wrap .btn-agree  .text{ position: relative; top: 50%; transform: translateY(-50%); min-width: 2.56rem; font-size: 16px; color: #fff; text-align: center; }
.td-cookie-wrap .btn-agree:hover { background: #A60; } 
.td-cookie-wrap .cookie-mask { position: relative; }
@media (min-width:1200px) and (max-width: 1439px) {

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

}
@media (min-width:768px) and (max-width: 991px) {
.td-cookie-wrap .btn-agree { width:14%;}

}
@media (max-width:767px){
.td-cookie-wrap .cookie-text {display: inline-block; } 
.td-cookie-wrap .cookie-mask {position: relative; width: 100%; display: table; }
.td-cookie-wrap .btn-agree { width: 55px; }


}

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

.nullResult { padding:30px 0 50px 0; text-align: center; }
.nullResult .noresultext { font-size: 16px; color: red; padding: 50px 0 30px 0; font-weight:700 }
.nullResult .texticon { font-size: 100px; line-height: 150px;color: #7D7E80; }

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

/*.tags { position: absolute; left: 10px; top: 10px; padding: 5px 13px; border-radius: 24px; font-size: 12px; line-height: 1.33; white-space: nowrap; background-color: rgba(0,0,0,0.3); border: solid 1px rgba(255,255,255,0.3); color: #fd4f00; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; }
*/
.tags { position: absolute; left: -1px; top: 1em; font-size: 12px; text-align: center; z-index: 9; display: inline-block; padding: 4px 15px; white-space: nowrap; border-top-right-radius: 0em; border-bottom-right-radius: 0em; color:#f47425; background: rgba(255,149,0,0.09);text-transform: uppercase; box-sizing: border-box; max-width: 50%; overflow: hidden; text-overflow: ellipsis;}
.tags2{top:30px;}
@media (max-width: 767px) {

.tags {  ;}

}
.pad70{padding:70px 0;}
.padtop70{padding-top:70px}
.padbottom70{padding-bottom:70px}


.zoneName h3 {      height: 40px; line-height: 40px;font-size: 20px;  text-align: center; position: relative; color: #2B333D; font-weight:700;}
.zoneName p {  color: #888888; text-align: center; line-height: 22px; margin: 27px auto 0 auto; position:relative;padding-bottom: 30px;}
.zoneName p:after { content: ""; background: #d7d7d7; height: 2px; width: 40px; position: absolute; top: -18px; left: 50%; margin-left: -20px; font-size: 0px; }




@media (min-width:1200px) and (max-width: 1439px) {
.pad70{padding:60px 0;}
.padtop70{padding-top:60px}
.padbottom70{padding-bottom:60px}

.zoneName h3 { }
.zoneName p {padding-bottom: 46px;}
.zoneName p:after { top: -16px;  }




}
@media (min-width: 992px) and (max-width: 1199px) {
.pad70{padding:55px 0;}
.padtop70{padding-top:55px}
.padbottom70{padding-bottom:55px}
}
@media (min-width:768px) and (max-width: 991px) {

.pad70{padding:50px 0;}
.padtop70{padding-top:50px}
.padbottom70{padding-bottom:50px}


}
@media (max-width:767px){
.pad70{padding:40px 0;}
.padtop70{padding-top:40px}
.padbottom70{padding-bottom:40px}

}





/*视频教程*/



.tdVdBox .ifrVideo,.tdVdBox .ifrVideo>iframe{height:100%;width:100%;}
.tdVdBox{right:0;bottom:0;z-index:100011111111111;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;}
.tdVdBox .videoPlayer{background:#fff url(/static/2020/images/loading.gif) 50% 50% no-repeat;width:1280px;height:720px;padding:10px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.tdVdBox .video-close { position: absolute; font-size: 40px; color:  #ff6a00; top: 0; left: 100%; width: 40px; height: 40px; cursor: pointer; background-color:#fff; font-weight: 700; line-height: 40px;transition:all 0.3s; }
.tdVdBox .video-close:hover {color:red;  }

 @media (min-width: 1167px) and (max-width: 1439px) {
  .tdVdBox .videoPlayer{width:1000px;height:563px;}

}


@media (min-width: 992px) and (max-width: 1167px) {
  .tdVdBox .videoPlayer{width:800px;height:450px;}
}



@media (max-width:992px){
  .tdVdBox .videoPlayer{padding:8px;width:560px;height:315px;}
}
@media (max-width:736px){
  .tdVdBox .video-close{display:none;}
  .tdVdBox .videoPlayer{padding:0px;width:100%;height:56.25vw;}
}   
   

.topline  {position:relative;   }
.topline:before { /*content: ""; position: absolute;top:0px; height: 3px;  width: 100%; z-index: 5; background: url(/static/2020/images/top-bar-shadow.png) 0 0 repeat-x;*/ }
.topline  .support-nav { margin-top: 5px; }


/*banner row*/
.bannerRow {background: #F5F6FA; }
 .bannerRow  .bannerbg { margin: 0 auto; background: url(/static/2020/images/banner/2560parter.png) 50% 50% no-repeat; height: 370px; width: 100%;  background-size: cover; }
 .bannerRow  .bannerbg .bannermark{ padding-top:140px;width:500px; }
.bannerRow .bannerbg .bannermark h1 { font-size: 26px; font-weight: 500; text-transform: uppercase; color: #333; line-height: 36px; height: 36px; letter-spacing: 0px; margin-bottom: 14px; overflow: hidden; }
 .bannerRow  .bannerbg .bannermark p{padding-bottom: 48px; opacity: 0.7;  font-size: 16px; color: #636970; letter-spacing: 0; line-height: 28px;  }
 .bannerRow  .bannerbg .bannermark a.btns{ display: inline-block;padding:7px 20px;min-width:120px;  text-align: center; background: #ccc; border-radius: 4px; font-size: 14px; color: #FFFFFF; }
 .bannerRow  .bannerbg .bannermark a.btns.btnbuy{   }
 .bannerRow  .bannerbg .bannermark a.btns.btncontact { margin-left: 12px; border: 1px solid #ccc;  color: #ccc; background-color: transparent; }
 .bannerRow  .bannerbg .bannermark a.btns.btnbuy:hover{background:#ad4a00 ;color:#fff}
 .bannerRow  .bannerbg .bannermark a.btns.btncontact:hover{color:#ad4a00;border: 1px solid #ad4a00 ;}

 @media (min-width: 1367px) and (max-width: 1439px) {
 .bannerRow  .bannerbg { height: 330px;  }
 .bannerRow .bannerbg .bannermark { padding-top: 70px; width: 400px; }
 .bannerRow  .bannerbg .bannermark h1{ font-size: 20px; line-height: 34px;height: 34px;  }
 .bannerRow  .bannerbg .bannermark p{padding-bottom: 40px;  }
}


@media (min-width: 992px) and (max-width: 1367px) {
.bannerRow  .bannerbg { height: 275px;  }
.bannerRow .bannerbg .bannermark { padding-top: 60px; width: 400px; }
.bannerRow  .bannerbg .bannermark h1{ font-size: 18px; line-height: 30px;height: 30px;  }
.bannerRow  .bannerbg .bannermark p{padding-bottom: 28px; font-size: 14px; line-height: 25px;  }

}



@media (min-width:768px) and (max-width: 991px) {
.bannerRow  .bannerbg { height: 227px;  }
.bannerRow .bannerbg .bannermark { padding-top: 40px; width: 300px; }
.bannerRow  .bannerbg .bannermark h1{ font-size: 16px; line-height: 30px;height: 30px;margin-bottom: 10px;  }
.bannerRow  .bannerbg .bannermark p{padding-bottom: 18px; font-size: 14px; line-height: 20px;  }

}
@media (max-width: 767px) {
.bannerRow  .bannerbg { height:176px;background-position-x:85%;  }

.bannerRow .bannerbg .bannermark { padding-top: 20px; width: 300px;padding:20px 15px 0 15px;  display:none;}
.bannerRow  .bannerbg .bannermark h1{ font-size: 16px; line-height: 25px;height: 25px;margin-bottom:0px;  }
.bannerRow  .bannerbg .bannermark p{padding-bottom: 8px; font-size: 14px; line-height: 20px;  }


}


 .searcnav { padding: 0;margin-top:0px;background-color:#f5f5f5; }
 .searcnav  .search { }
 .searcnav  .search-box { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-bottom:solid #f5f5f5 15px; border-top:solid #f5f5f5 15px; }
 .searcnav .search-input { height: 55px; }
 .searcnav .search-input>input { padding: 0; color: #777; font-size: 14px; line-height: 55px;position: absolute;top:0;left: 0;width:100%;height: 100%;border: none 0;outline: none ;text-align:center;border-radius:5px; background-color:#fff;}
 .searcnav .search-icon { position: absolute; top: 16px; right: 20px; width: 20px; height: 20px; cursor: pointer; color: #212121; font-size:20px;}

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

 .searcnav .search {    }

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

 .searcnav .search {  }
  .searcnav .search-input { height: 50px;line-height:50px;}
 .searcnav .search-input input {font-size: 14px; line-height: 50px; }
  .searcnav .search-icon { top: 11px; }
}
@media (min-width:768px) and (max-width: 991px) {
 .searcnav  .search-box { border-bottom:solid #f5f5f5 10px; border-top:solid #f5f5f5 10px; }

 .searcnav .search-input { height: 45px;line-height:45px;}
 .searcnav .search-input input {font-size: 14px; line-height: 45px; }
   .searcnav .search-icon { top: 9px; }
}
@media (max-width: 768px) { 


 .searcnav .search {  }
 .searcnav .search-box {  width: 100%;border:none;padding:0 0px 0px 0px;   }
 .searcnav .search-input { height: 55px;line-height:55px;}
 .searcnav .search-input input {font-size: 14px; line-height: 55px;background-color:#ffff; }
 .searcnav .search-icon {  top: 15px;right: 10px; }

}




.hn-pro { width: 100%; background-color: #f5f5f5; overflow: hidden; position: relative; padding-bottom:70px;}


@media (min-width:1200px) and (max-width: 1439px) {
.hn-pro { padding-bottom:60px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
.hn-pro { padding-bottom:60px;}

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

.hn-pro { padding-bottom:60px;}

}
@media (max-width: 767px) {

.hn-pro { padding-bottom:60px;}

}





.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:1px solid #edeff2;}
.ProTopNav .topNavBox{width:100%;height:52px;margin:0 auto;overflow:hidden;font-size:0;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; 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{float:left;height:52px;line-height:52px;min-width:120px;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:#ea5504;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{width:auto;height:100%;float:right;display:block;position:relative}
.ProTopNav .topNavBox .proSubTabs>a{font-size:0}
.ProTopNav .topNavBox .proSubTabs>a span{display:inline-block;vertical-align:top;margin-left:30px;font-size:14px;line-height:52px;color:#8a8f99;text-align:center;border: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;color:#ea5504}
.ProTopNav .topNavBox .proSubTabs>a span.active{color:#ea5504}
.ProTopNav .btnToggleMobile{display:none}


@media screen and (max-width:1599px){}
@media screen and (max-width:1199px){
  .ProTopNav{height:auto;background-color:#fff}

    .ProTopNav .topNavBox{height:48px;width:100%;height:auto}
    .ProTopNav .topNavBox .proName{font-size:14px;height:48px;line-height:48px}
    .ProTopNav .topNavBox .buy{height:27px;line-height:27px;margin-top:10px;font-size:10px}
    .ProTopNav .topNavBox .proSubTabs{width:auto;height:auto;padding-bottom:0px;margin-right:0;;overflow:hidden}
.ProTopNav .topNavBox .proSubTabs>a span{color:#999;}

 }
@media screen and (max-width:768px){
        .ProTopNav{min-height:50px;height:auto;background-color:#fff;}
        .ProTopNav .topNavBox{min-height:50px;padding:0 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{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 { display: block; width: 80%; height: 45px; margin-right: 10%; margin-left: 10%; font-size: 14px; line-height: 35px; color: #8a8f99; text-align: center; }
.ProTopNav .topNavBox .proSubTabs>a span:hover{color:#8a8f99}
.ProTopNav .topNavBox .proSubTabs>a span.active{color:#212121;border-bottom:0}

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

}

.header-banner { padding: 150px 0; } 
.header-banner { position: relative; background-position:center top; background-size: cover; width: 100%; color: #fff; } 
.header-banner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;     background: rgba(249, 88, 14, 0.22); 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;}

@media (max-width: 767px) { 
.header-banner { padding: 50px 0; } 
.header-banner h5{ display:none; }
} 
@media (min-width:768px) and (max-width: 991px) {
.header-banner { padding:80px 0; } 
.header-banner h5{font-size:20px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-banner { padding:100px 0; } 
.header-banner h5{font-size:20px;}
}


@media (min-width:1200px) and (max-width: 1439px) {
.header-banner { padding:120px 0; } 
.header-banner h5{font-size:24px;}
}

.breadcrumb-content { position: relative; padding-left: 26px; } 
.breadcrumb-content::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 6px; border: 1px solid #f9580e; border-radius: 30px; } 
.breadcrumb-content .title { font-size: 36px; color: #f9580e; font-weight:500; margin-bottom: 12px;  } 
.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: #f9580e; font-weight: 500; font-size: 14px; } 
.breadcrumb-content .breadcrumb li a { color: #f9580e; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item { padding-left: 10px; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item::before { padding-right: 10px; color: #f9580e; content: "|"; }

@media (max-width: 767px) { 

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

}


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

}

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