.header{width: 100%; position: relative;}
.top-header{ background-color: #FFF; height: 90px; background: url("../image/topbg.png") no-repeat top center;}
.top-header .top-left{ width: 40%;}
.top-header .top-right{ width: 60%;}
.top-left .logo{ display: inline-block; margin-top: 25px; width:200px; }
.top-left .logo img{ max-width: 100%; max-height: 100%;}

.top-right>ul{ width: 100%;  height:32px; line-height: 32px; font-size: 13px; text-align: right;}
.top-right>ul.top-header-list>li{ display: inline-block; padding: 0 10px;}
.top-header-list li i{ display: inline-block; padding-right: 3px;}
.top-header-list li i img{vertical-align: middle; margin-top: -5px;}
.top-header-list .top-search-box{ border: 1px solid #d6d6d6;display: inline-block; position: relative;width: 200px; height: 28px; margin-top: 5px; border-radius: 3px; background-color: #FFF;}
.top-search-box .search{width: 194px; height: 26px; padding: 3px; position: absolute;top:0; left:0; z-index: 1; border-radius: 3px; overflow: hidden;background-color: #FFF;}
.top-search-box .scico{ color: #999; width: 32px; height: 26px; line-height: 26px; font-size: 15px; padding-right: 8px; z-index: 10;}
.top-header-list .top-download span{color:#0089cc}
.top-header-list .dropdown .top_lang{color:#555;}

.nav-box{ width: 100%; float: right; height: 42px; margin-top: 15px;}
.nav-box>ul{ float:right;text-align: right; height: 42px; line-height: 42px;  margin-right: 35px;}
.nav-box>ul>li{float: left; padding: 0 15px;}
.nav-box>ul>li>a{ font-size: 15px;}
.nav-box>ul>li.active>a{ color: #0089cc;}

.nav-box>ul>li>.children{ position: absolute; top: 90px; left: 50%;z-index: 999; background-color: #ebecf1; text-align: left;box-shadow: 0 5px 10px rgba(0,0,0,.2);padding-top: 20px;}
.nav-box>ul>li>.children>.cnav{ width:1288px;  margin: 0 auto; overflow-y: auto; }
.nav-box>ul>li.pro>.children>.cnav{ min-height: 600px;}
.cnav dl{ width: 19%; float: left; margin-left: 1%; padding-top: 15px; min-height: 280px;}
.cnav dl:nth-child(1){ margin-left: 0;}
.cnav dl:nth-child(6){ margin-left: 0;}
.cnav dl .chbox{ padding: 10px 0 0 10px;}
.cnav dl dt h4{ border-left:4px solid #0089cc; padding-left: 8px; height: 20px; line-height: 20px;}
.cnav dl dt h4 a{ font-size: 16px;  color:#0089cc; font-weight: bold;}
.cnav dl dt h4:hover{border-left:4px solid #ff7f27;}
.cnav dl dt h4 a:hover{ color: #ff7f27;}
.chbox h5{ padding-bottom: 2px;}
.chbox h5 a{ display: block; background: url(../image/k_30.png) no-repeat 0 2px; padding-left: 15px; line-height: 20px; font-size: 13px;}
.chbox h5.lis{padding-bottom: 0;}
/*
.chbox h5.lis a{background: url(../img/ico08.png) no-repeat left center;padding-left: 10px;}
*/
.chbox .ch3{ padding: 5px 0 0 8px; }
.chbox>.ch3>a{display: block; font-size: 12px; padding:3px 0;}

.cnav .page-class{ padding: 10px 20px 25px 20px}
.cnav .page-class .alist{ position: relative;}
.cnav .page-class .alist h4{display: inline-block;width: 19.5%; }
.cnav .page-class .alist h4 a{ padding-left: 30%;display: inline-block; font-size: 16px; height: 22px; line-height: 22px; color:#0089cc; font-weight: bold;text-align: left;}
.cnav .page-class .alist ul li{display: inline-block;width: 19.5%; }
.cnav .page-class .alist ul li a{ padding-left: 30%;display: inline-block; font-size: 16px; height: 22px; line-height: 22px; color:#0089cc; font-weight: bold;text-align: left;}
.cnav .page-class .alist a{display: inline-block; }

.nav-box .shop-cart .userinfo{ display: inline;}
.nav-box .shop-cart{ float:right;}
.nav-box .shop-cart a{ display: inline-block;font-size: 15px;  height: 42px; line-height: 42px; position: relative;}
.nav-box .shop-cart a.cart .num{display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 8px; position: absolute; top:0; right: 0; background-color: #ff0000; color: #FFF; font-size: 8px; text-align: center;}
.nav-box .shop-cart a.alibaba{margin-left: 15px; }
.nav-box .shop-cart a.alibaba span{ height: auto; padding: 5px 12px; border-radius: 5px; background-color: #ff7f27; display: inline; color: #FFF;}
.nav-box .shop-cart a.logon{padding-left: 15px;}
.nav-box .shop-cart a.logon i{ margin-top: -5px; margin-right: 8px;}
.nav-box .shop-cart a.logon{ padding-right: 5px;}
.nav-box .shop-cart a.register{ padding-left: 5px;}
.nav-box .shop-cart a.cart i{ margin-top: -8px;}
.nav-box .shop-cart .diang{ font-size: 20px; font-weight: bold;}

.main{ position: relative;}
.dex-left-nav{ width: 215px; float: left; margin-left: -5px; }
.dex-right-list{ width: 1030px; float: right;}

.dex-left-nav ul li{ height: 58px; margin-bottom: 3px;}
.dex-left-nav ul li a{height: 58px;  display:block; font-size: 16px;font-weight: bold;color:#333; }
.dex-left-nav ul li a:hover{color: #0089cc; }
.dex-left-nav ul li.ali{line-height: 58px;}
.dex-left-nav ul li.ali a span{ padding-left: 85px;  }
.dex-left-nav ul li.ali a.nli1{ background: url("../image/k_18.png") no-repeat top center;}
.dex-left-nav ul li.ali a.nli2{ background: url("../image/k_21.png") no-repeat top center;}
.dex-left-nav ul li.ali a.nli3{ background: url("../image/k_23.png") no-repeat top center;}

.dex-left-nav ul li.bli{line-height: 58px;}
.dex-left-nav ul li.des{ line-height: normal;}
.dex-left-nav ul li.bli a{ background: url("../image/k_25.png") no-repeat top center; text-align: center;}
.dex-left-nav ul li.des a span{ padding-top: 12px;}
.dex-left-nav ul li.bli a span{ display: block;}
.dex-left-nav ul li.bli a p{ display: block; line-height: 20px; font-size: 12px; color: #666; font-weight: normal; }
.dex-left-nav ul li.dec a:hover{text-decoration:none}


.cnav dl.item39-b2{ width: 15%;}
.cnav dl.item206-b2{ width: 15%;}
.cnav dl.item19-b2{ width: 19%;}
.cnav dl.item17-b2{ width: 22%; }
.cnav dl.item18-b2{ width: 22%; position:relative;}

.cnav dl.item60-b2{ width: 34%;}
.cnav dl.item56-b2{ width: 19%; }
.cnav dl.item57-b2{ width: 22%;}
.cnav dl.item58-b2{ width: 22%;}



.cnav dl.item17-b2 dd{position:relative; }
.cnav dl.item18-b2 dd{position:relative;}

.cnav dl.item17-b2 dd .chbox{ width:45%; float:left;}
.cnav dl.item18-b2 dd .chbox{ width:45%; float:left;}
.cnav dl.item58-b2 dd .chbox{width:46%; float:left;}
.cnav dl dd .chbox.dlis{ padding:3px 0;}
.cnav dl dd .chbox.dlis:first-child{ margin-top:8px;}

.cnav dl.item58-b2 dd .chbox.dlis{ padding-left:10px;}
.cnav dl.item58-b2 dd .chbox.item176-3{ margin-top:10px;}
.cnav dl.item57-b2 dd{  position:relative; }
.cnav dl.item57-b2 dd .chbox{width:45%; float:left;}
.cnav dl.item60-b2 dd .chbox{width:45%; float:left;}
.chbox.item404-3 h5.lis{padding-bottom:0;padding-top: 6px;}
.cnav dl .chbox.item398-3{padding-top: 3px;}

.banner{ position:relative; overflow:hidden;}
.banner .swiper-container img{width: 100%;display: block;}

.footer{background:#eaeff4; margin-top: 50px; padding-top: 30px;}
.foot-bg{ width: 680px; height: 180px; margin:0 auto;  position: absolute; top:30px; left:-50px;}
.foot-bg .wxcode{}
.footer .copyright{height:45px;line-height:45px;color:#fff;background-color:#0089cc}
.footer .copyright a{color:#fff;}
.foot-left{ position: relative; overflow: hidden; }


.foot-focus{color:#fff;line-height:180%}
.foot-focus a{margin-right:5px}
.foot-focus a i{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.foot-focus a:hover i{opacity:.8}
.foot-nav .foot-nav-item{float:left}
.foot-nav .foot-nav-item~.foot-nav-item{margin-left:80px}
.foot-nav .foot-nav-item .foot-navtit{position:relative;margin-bottom:15px;font-size:18px;color:#0089cc;text-align: center;}
.foot-nav .foot-nav-item .foot-subnav li{ text-align: center;}
.foot-nav .foot-nav-item .foot-subnav li a{display:inline-block;line-height:30px;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;color:#333}
.foot-nav .foot-nav-item .foot-subnav li a:hover,.footer .copyright a:hover,.footer .foot-info .links a:hover{color:#0089cc}
.foot-link{padding-bottom:20px;padding-top:30px; line-height:1.8;color:#666; overflow: hidden;}
.foot-link a{color:#666;margin-right:5px}
.foot-link a:hover{color:#0089cc}
.copyright{font-size:12px}
.copyright .left-fli{width:50%;display:inline-block;text-align:left}
.copyright .right-cop{width:50%;display:inline-block;text-align:right}
.copyright .left-fli a{padding-right:6px}
.foot-contact{float:left;width:495px;position:relative}
.foot-contact .fwx{position:absolute;width:160px;height:160px;left:270px;top:120px}
.foot-nav .foot-nav-item .foot-subnav li .more{  color: #777;}

 /* 弹出层*/
 .dialog-mask {position:fixed;left:0;top:0;right:0;bottom:0;background:#121212;z-index:10;filter:alpha(opacity=50);opacity:.5;display:block;overflow-x:hidden;overflow-y:auto}
 .dialog {border:1px solid #EBEBEB;box-shadow:0 3px 9px rgba(0,0,0,0.5);border-radius:4px;background-color:#fff;display:none}
 .dialog .dialog-head,.dialog .dialog-foot {padding:10px 20px}
 .dialog .dialog-head {border-bottom:solid 1px #EBEBEB;background-color:#f5f5f5;border-radius:4px 4px 0 0}
 .dialog .dialog-head strong {font-size:16px}
 .dialog .dialog-head .close {float:right;line-height:24px}
 .dialog .dialog-body {padding:15px 20px}
 .dialog .dialog-foot {text-align:right;border-top:solid 1px #EBEBEB}
 .dialog.open {display:block}

 .register .tab{font-size:0}
 .register .tab li{cursor:pointer;display:inline-block;position:relative;font-size:20px;width:100%;color:#666;margin:0 0 40px 0}
 /* .register .tab li::before{background:#ccc;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;} */
 .register .tab li.cur{color:#ff9600}
 .register .tab li.cur::before{background:#ff9600;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;}
 .dialog {border-radius:0;border:0 solid #ebebeb;margin:0 auto;box-shadow:0 10px 25px rgba(0,0,0,0.3);border-radius: 8px;}
 .dialog .dialog-head {font-size:18px;border-bottom:0;background:#FFF;color:#383838;}
 .dialog .dialog-head .close {float:right;line-height:24px}
 .dialog .dialog-body{padding:10px 40px 40px 40px;}
 .dialog-body h3 {font-size:24px;font-weight:600;color:#333;margin-bottom:10px}
 .dialog-body .input{height:48px;line-height:24px;padding:0 12px;border:1px solid #ebebeb;width:100%;display:block;border-radius:0px;-webkit-appearance:none;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;background:transparent; font-size:14px;}
 .dialog-body .textarea {padding:10px 12px;line-height:24px;width:100%;background:transparent;border:1px solid #ebebeb;}
 .dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
 .dialog-body .label label {font-weight:400;}
 .dialog-body select {padding:0 30px 0 8px;color:#ADADAD;border-radius:0px;width: 100%; height:48px;line-height:48px;border:solid 1px #ebebeb;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(/statics/images/select-down.png) no-repeat right 50%;}
 .dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ebebeb;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
 .dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #6E6E6E;}
 .dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #6E6E6E;}
 .dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #6E6E6E;}
 .dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #6E6E6E;} 
 .dialog-body .input-group .addon {background-color:#fff;border:0px solid #EBEBEB;border-radius:0px;line-height:1;padding:0;text-align:center}
 .dialog-body .input-group .addon img{max-height:50px}
 .dialog-body .button-large {margin-top:25px !important; padding: 12px 30px; font-size: 16px;  line-height: 24px; background-color: #0089cc; display: block;  width: 100%; border:none; color:#FFF; border-radius:5px;}
.dialog-body .margin-top{  margin-top:15px}
.dialog-body  .sento{height: 48px; line-height: 24px; text-align:center; background-color:#999; border:none;}
  /* 弹出层 end*/

  .loginbox{ display:inline-block;}
  .loginbox .dropdown-menu{ width:285px;left:-100px; top:45px;}
  .loginbox .dropdown-menu .sjzs:after {
    clear: both;
    content: "";
    height: 0;
    visibility: hidden;
    width: 0;

}
.loginbox .dropdown-menu .formdiv{ padding:15px;}
.formdiv .title{ text-align:center; padding-bottom:20px; }
.formdiv .title h3{font-size:16px; font-weight:bold;}
.formdiv .input{ height: 32px;line-height: 32px;padding: 3px 5px;border-radius: 2px;    border: 1px solid #ddd;
-moz-border-radius: 2px;-webkit-border-radius: 2px;-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;font-family: 'PT Sans', Helvetica, Arial, sans-serif; width:100%;}
.formdiv .button{height: 32px;line-height: 32px;background-color: #0089cc;border-radius: 3px;box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset; font-family: 'PT Sans', Helvetica, Arial, sans-serif;
 font-size: 16px;font-weight: 400;width:100%; color:#fff;}
 .formdiv .loginBottomTxt a{ margin-top:10px; font-size:12px;}
 .formdiv .btn{ padding:5px 5px; border: none; }