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

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: 28px;background-color:#fff; color:#000; font: 14px/1.5  "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:#000; -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:#000;}
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: #000; 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:"Source Han Sans",'PingFang SC',"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif!important}






/*顶部渐变线*/
.fixhome .head_line{/*position:absolute;top:0;left:0;*/width:100%;height:0px;line-height:0;font-size:0;overflow:hidden;text-align:center;z-index:5;background-color:#ff6428;background:-webkit-linear-gradient(left,#f60,#ff6428);background:linear-gradient(to right,#f60,#ff6428)}
.fixhome .lte_ie9 .head_line{background:#44bffa url(../images/head_line.jpg) 0 0 no-repeat}

 /*顶部导航信息*/
.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;}



.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:#f7f8f9;      /*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{transition: all 0.3s;transform:rotate(0deg);}/**/
.itemli.opened i{transform:rotate(-90deg);  -webkit-transform:rotate(-90deg);  -o-transform:rotate(-90deg); -moz-transform:rotate(-90deg);   }

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

@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 {   padding: 0; /*border-bottom: 1px solid hsla(0,0%,100%,.15);*/  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1); box-shadow: 0 2px 2px 0 rgba(0,0,0,.1); padding-top: 0; position: relative; z-index: 10;background-color:#fff} 
 .nav-logo { float: left; width: 150px; height: 80px;transition: opacity .5s cubic-bezier(.645,.045,.355,1); } 
 .whitetheme  .nav-logo,.blacktheme  .nav-logo{ background:url(../tdcn/images/mlogo1.png) no-repeat  left center; } 
 .nav-logo:hover{opacity:.6}


@media (min-width:1200px) and (max-width: 1439px) {
 .nav-logo {  width: 150px; height: 54px; } 
   .whitetheme  .nav-logo,.blacktheme  .nav-logo{ background:url(../tdcn/images/mlogo1.png) no-repeat  left center; } 
}
@media (min-width: 992px) and (max-width: 1199px) {
 .nav-logo {  width: 150px; height: 54px; } 
   .whitetheme  .nav-logo,.blacktheme  .nav-logo{ background:url(../tdcn/images/mlogo1.png) no-repeat  left center; } 
}
@media (min-width:768px) and (max-width: 991px) {
 .nav-logo {  width: 150px; height: 50px; } 
  .whitetheme  .nav-logo,.blacktheme  .nav-logo{ background:url(../tdcn/images/mlogo1.png) no-repeat  left center; } 
}


 .searchright {  display: inline; float: right; 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 {padding-left:50px;height:80px; }
@media (min-width:1200px) and (max-width: 1439px) {
/*.hnav{ background-color:red;}*/
.navmenu {padding-left:30px;height:54px;}

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

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

}

.navmenu li.itemli,.navsearch li.itemli { float: left; height:  80px; }
.navmenu li.itemli>a, .navsearch li.itemli>a { padding: 0px 32px; 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; line-height: 80px; height: 80px; cursor: pointer; font-size: 16px; position: relative; font-weight:500;   }
/*.navmenu li.itemli.nav-up-selected{background:#344157}*/

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

.navmenu li.itemli,.navsearch li.itemli {  height:  54px; }
.navmenu li.itemli>a, .navsearch li.itemli>a { padding: 0px 35px; line-height: 54px; height: 54px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
.navmenu li.itemli,.navsearch li.itemli {  height:  54px; }
.navmenu li.itemli>a, .navsearch li.itemli>a { padding: 0px 22px; line-height: 54px; height: 54px;  }
}
@media (min-width:768px) and (max-width: 991px) {
.navmenu li.itemli,.navsearch li.itemli {  height:  50px; }
.navmenu li.itemli>a, .navsearch li.itemli>a { padding: 0px 15px; line-height: 50px; height: 50px; font-size: 14px; }

}

.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 #f7f8f9; 
                                 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 li.itemli.first a{padding-left:0px;}
.navsearch li.itemli.last a{padding-right:0px;}




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

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

.blacktheme  .searchright .topsearchicon{color:#000;}
.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:#f2f2f2 ! important;   }


.blacktheme.drophover  .nav-logo,.whitetheme.drophover .nav-logo,.blacktheme.drophover-s  .nav-logo,.whitetheme.drophover-s .nav-logo{ background:url(../tdcn/images/mlogo1.png) no-repeat  left center; } 
 @media (min-width: 768px) and (max-width: 1439px) {
.blacktheme.drophover  .nav-logo,.whitetheme.drophover .nav-logo,.blacktheme.drophover-s  .nav-logo,.whitetheme.drophover-s .nav-logo { background: url(../tdcn/images/mlogo1.png) no-repeat left center;}
}



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

.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:35%;width:30%;z-index:9991;background-color:#fff;}

.top-search-inner{height:80px;line-height:80px;/*border-bottom: 1px solid #e9e9e9;*/}
@media (min-width:1200px) and (max-width: 1439px) {
.top-search-inner{height:57px;line-height:57px;}
.top-search-box{left:25%;width:50%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.top-search-inner{height:57px;line-height:57px;}
.top-search-box{left:25%;width:50%;}
}
@media (min-width:768px) and (max-width: 991px) {
.top-search-inner{height:52px;line-height:52px;}
.top-search-box{left:25%;width:50%;}
}




.search-clear{display:none}
.top-search-wrapper{padding-left:40px;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:22px;line-height:22px;margin-top:0px;border-radius:0}
.search-submit.iconfont{left: 12px;z-index:1;width:20px;height:100%;color: #000; font-size: 18px;font-weight:700}
.search-close,.search-submit{position:absolute;top:0;transition:opacity .2s cubic-bezier(.645,.045,.355,1)}
.search-close { right: 10px; width: 38px; 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:54px;font-size:30px ! important;}


}
@media (min-width: 992px) and (max-width: 1199px) {
.search-close{height:54px;font-size:26px ! important;}
.search-submit.iconfont{font-size: 16px;}
}
@media (min-width:768px) and (max-width: 991px) {

.search-close{height:50px;font-size:20px ! important;}
.search-submit.iconfont{font-size: 14px;}
}


.search-links{background-color:#f2f2f2;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{/*font-weight:600;*/}

@media (min-width:1200px) and (max-width: 1439px) {
.search-links a{height:36px;line-height:36px;-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}




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



.search-active .top-search{display:block}
.search-active .search-links{opacity:1}
.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;font-weight:700;cursor:default}
.search-active .search-links a.more{color:#999;}
.search-active .autoresult a:hover { background:#f2f2f2;} 
.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{ padding-left:0}
.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 #f2f2f2;font-size:14px; cursor:pointer;} 
#autoresult .std  strong{  color:#000; display:inline-block;float:left;height:100%;width:120px;overflow:hidden; cursor:pointer;} 
#autoresult .std  strong:hover{  color:#fd4f00;} 
#autoresult .std:hover { background:#f2f2f2;} 
#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: 12.5%;  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;line-height: 14px; 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;}

.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; 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: #000;/*background: #272727;*/border-top: 0px solid #fd4f00;}
.ftLeftLinks {     padding: 54px 0 42px;}
.ftLeftLinks dl{ float:left; width:14%;}

.ftLeftLinks dt{ padding-bottom:8px;font-size:16px;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:#999da0;}
.footer a:hover,.footer a:active{color:#fd4f00;}
.ftLeftLinks .ftHotline{float:right;width:15%;}
.ftLeftLinks h3{font-size:14px;font-weight:600;color:#fff;padding-bottom: 8px;}
.ftLeftLinks h4{ font-size: 20px;font-weight:100;color:#fff;margin-bottom:15px;;text-align:center;}
.ftLeftLinks h4 a{ font-size: 20px; text-align: center; color: #fff;font-weight:100;height:35px; line-height:35px;}
.ftLeftLinks h4 a.ftbtnonline{display:block;;font-weight: 300; text-align: center; vertical-align: middle;cursor: pointer;  border: 1px solid #fff;  border-radius: 2px; padding: 0 1em;background-color: transparent; transition: .25s;line-height: 40px; height: 40px; font-size: 16px;}
.ftLeftLinks h4 a.ftbtnonline::before{content:"";background-color:#000;content: ""; display: block; position: absolute; top: -1px; left: -1px; z-index: -1; width: 0;  height: calc(100% + 2px); transition: .25s; border-radius: 2px; }
.ftLeftLinks h4 a.ftbtnonline.focus,.ftLeftLinks h4 a.ftbtnonline:hover{color:#fff}
.ftLeftLinks p{font-size:12px;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 #f2f2f2; 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:15%;}
.ftLeftLinks .ftHotline {  width: 24%; }
.footer .share { display:none; }
}

@media (max-width: 768px) { 
.footer .share { text-align: center; width: 100%; }

}

.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:#ff5757}
.footer .share>a:nth-child(3){background:#3b5998}
.footer .share>a:nth-child(4){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 .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: #fff; 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: #616466; font-size: 12px; padding: 16px 0 0; -webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; color: #616466; font-size: 12px; 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: 12px; transition: all .3s ease; color: #616466; }
.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; border-left: 1px solid #616466; margin: 0; min-height: initial; color: #616466; font-size: 12px; line-height: 12px; }

.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: #616466; 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 #f5f6f7; }
.ftLeftLinks dl{ float:none;  padding:0 15px;width: auto;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; }
.ftLeftLinks dt{ font-size:14px;width: auto; margin-bottom: 0; padding: 12px 0;color:#000; }
.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: auto;    max-height: 265px; will-change: transform,max-height;padding-bottom:15px;}


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


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

.cell-wrap { width: 100%;  position: relative; height: 100%; margin: 0 auto;  position: relative; width: 100%; background-color: #000; 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: 44px; 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: #000; 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{ height:22px; line-height:22px;  font-size:12px;}
.ftLeftLinks  h3{font-size:14px;padding-bottom:5px;}
.ftLeftLinks  h4{font-size:18px;padding-bottom:5px;}
.ftLeftLinks  p{line-height:18px;}
 }


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

 @media (max-width: 767px) {
    

body{ font-size: 14px; line-height: 24px;}

.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:48px; z-index:5;background-color:#000; display:block;padding:0 10px;} 

.mzone .header-phone{width:16px;height: 48px; overflow:hidden;position:relative;transition: all .3s ease-in-out;}
.mzone .mlogo { width: 126px;margin:0 auto; height: 48px; overflow: hidden; background: url(../tdcn/images/mlogo1.png) no-repeat  center;  display: block; position:absolute;top:0px;left:50%;margin-left:-63px; }
.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;}
.mzone .navbar-toggle span.icon-bar{ width: 100%;position: absolute; left: 0px; top: 20px;height: 1px; background: #fff;  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: 18px; }
.mzone .navbar-toggle span.icon-bar:last-child { top: 26px; }
.mzone .navbar-toggle.m-btn-close span:first-child { transition: all .3s ease-in-out .2s; -webkit-transform: rotate(45deg) translate(4px,5px); -ms-transform: rotate(45deg) translate(4px,5px); transform: rotate(45deg) translate(4px,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(3px,-5px); -ms-transform: rotate(-45deg) translate(3px,-5px); transform: rotate(-45deg) translate(3px,-5px); }


.celltop  .cell-search-icon{padding-top:12px; 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:#fff;}
.celltop  .cell-search-icon .iconfont.icon-close{font-size:16px;}
.celltop  .cell-search-icon .iconfont.icon-search4{font-size:14px;}

.celltop .cell-Search {display:none;position:absolute;left:0px;top:48px;background:#000;width:100%; z-index:9999;height:100%;padding:0 48px;   }
.cell-Search-box {  font-size: 14px;   width: 100%; text-align: center; height: 100%; padding-top:50px;}
.cell-Search-box .c-search { border-bottom: 1px solid #262626; } 
.cell-Search-box .c-search .search-top { position: relative; width: 100%; } 
.cell-Search-box .c-search .search-top input { font-size: 14px;  height: 38px; width: 100%; background:none; color: #fff;text-align:center; }
.cell-Search-box .c-search .search-top .btnCellSearch { position: absolute; top: 7px; width: 13px; height: 13px; right: 18px; color: #fff; }
.cell-Search-box .cellresult a {display: block; height: 55px; line-height: 55px; border-bottom: 1px solid #262626; font-size: 14px; white-space: nowrap; color: #fff;text-align:left; }
.cell-Search-box .cellresult a:last-child { border-bottom: 0px solid #262626;  }




.nav-phone{position:absolute;left:0px;top:48px;background:#000;width:100%; z-index:9999;display:none;height:100%;padding:0 48px;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;}

.nav-phone .menu01{border-bottom: 1px solid #333;position:relative;}
.nav-phone .menu01 > a{color:#fff;}
.nav-phone .menu02 > a{}

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

.nav-phone .menu01 a:last-child{border:none;}
.nav-phone .ul01{ display:none;padding-bottom:20px;padding-left:65px;}
.nav-phone  .ul01  a{color:#fff;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: 23px; font-size: 16px;  z-index: 1; -webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-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(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

.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: #000; 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(../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("../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: #000; 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 {padding-top:50px;}


.hotfaq ul{overflow:hidden;}
.hotfaq ul li{width:47%;}
.hotfaq .hotlist a{color:#666;font-size:16px;margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hotfaq .hotlist a:hover{color:#fd4f00;}
@media (min-width:1200px) and (max-width: 1439px) {


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

}
@media (min-width:768px) and (max-width: 991px) {
.hotfaq {padding-top:30px;}
.hotfaq ul li{width:auto;display:block;float:none ! important;padding:0 15px;}

}
@media (max-width: 768px) { 
.hotfaq {padding-top:25px;}
.hotfaq ul li{width:auto;display:block;float:none ! important;padding:0 15px;}
.hotfaq .hotlist a{font-size:14px;}

}


/*没有搜索结果时*/
.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; font-size: 12px; padding: 0 0 0 3px; }
.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: 18px 0; } 
}
@media (min-width: 992px) and (max-width: 1199px) {
.support-nav { padding: 16px 0; } 
}
@media (min-width:768px) and (max-width: 991px) {

.support-nav { padding: 14px 0; } 
}
@media (max-width: 768px) { 

.support-nav { padding: 10px; } 
}



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



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