@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}
body{ font:12px/1.5 'Microsoft Yahei'; color:#333;}
address,cite,dfn,em,var,i{font-style:normal;}
input,button{ font-family:'Arial';border:0;}
body,div,p{word-wrap:break-word;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline; color:#e20000;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
.ind{text-indent:2em;}
.vis{overflow:visible;}
.rel{position:relative;}
.abs{position:absolute;}
.noborder{border:0;}
.undis{display:none;}
.dis{display:block;}
.cfix{zoom:1;}
.cfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.clearfix { zoom:1 }
.clearfix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; line-height:0; overflow:hidden; }
.cl{clear:both;} 
.fl{float:left;}
.fr{float:right;}

.w1190{ width:1190px; margin:0px auto;}
.w932{/* width:932px;*/width:870px;}.w232{ width:232px;} .w638{ width:638px;} .w300{ width: 300px;} .w231{ width:231px;} .w647{ width: 647px;} .w299{ width: 299px;}.w300{ width:300px;}.w510{ width:510px;} .w948{ width:948px;}
.w558{ width: 658px;} .w228{ width: 228px;}
.ml10{ margin-left:10px;} .ml20{ margin-left:20px;} .ml7{ margin-left:7px;} .ml40{ margin-left:40px;}
.mt10{ margin-top:10px;} .mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.colorbc{ color:#bcbcbc;}
.red{ color:#ff0000;}
.f16{ font-size:16px;}

.hide{display:none;}
.show{display:block!important;}
.normal{font-weight: 400;}
.overflow{overflow: hidden;}
.txt-c{text-align:center;}
.txt-l{text-align:left!important;}
.txt-idt{text-indent: 2em;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
a:hover { text-decoration:none;}

.f10{font-size: 10px!important;}
.f12{font-size: 12px!important;}
.f14{font-size: 14px!important;}
.f15{font-size: 15px!important;}
.f16{font-size: 16px!important;}
.f18{font-size: 18px!important;}
.f20{font-size: 20px!important;}
.f22{font-size: 22px!important;}
.f24{font-size: 24px!important;}

.color-fff{color: #fff;}
.color-333{color: #333;}
.color-666{color: #666!important;}
.color-888{color: #888;}
.color-999{color: #999;}
.color-f00{color: #f00;}
.color-c00{color: #c00;}
.color-686868{color: #686868;}
.color-f50{color: #f50;}
.color-cfcfcf{color: #cfcfcf;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}

.mb4{margin-bottom: 4px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb24{margin-bottom: 24px;}

.mr6{margin-right: 6px;}
.mr20{margin-right: 20px;}

.mlr5{margin: 0 5px;}

/*小图标*/
.i-ico{background: url('/img/common/icons.png') no-repeat; vertical-align: middle; display: inline-block;}
.i-mf{width: 18px;height: 18px;background-position: -124px -526px;}
.vip{width: 26px ;height: 11px;background-position: -165px -190px;}
.gold-medal{width: 15px ;height: 18px;background-position: -167px -160px;}
.bai{width: 23px; height: 13px;background-position: -100px -226px;}
.vip02{width: 23px; height: 10px;background-position: -162px -226px;}
.i-zhizhun{width: 17px;height: 17px;background-position: -102px -526px;}
.gold-medal02{width: 14px; height: 16px;background-position: -75px -226px;}
.key{width: 23px; height: 11px;background-position: -133px -226px;}
.i-qq{width: 15px;height: 17px; background-position: -73px -286px; margin: 0 4px;}
.i-king{ width: 73px ;height: 71px;background-position: -74px -380px;  }
.i-chang{width: 20px; height: 20px;background-position: -84px -347px;}
.i-cheng{width: 20px; height: 20px;background-position: -113px -347px;}
.i-jian{width: 20px; height: 20px;background-position: -140px -347px;}
.i-topking{width: 61px; height: 61px; background-position: 0 -499px;}
.i-bj{width: 15px;height: 15px;background-position: -145px -287px;}
.i-hecha{width: 16px; height: 16px;background-position: -171px -349px;}
.i-pdf{width: 16px; height: 16px;background-position: -66px -469px;}
.i-txt{width: 13px; height: 16px;background-position: -105px -469px;}
.i-word{width: 16px; height: 16px;background-position: -138px -469px;}
.i-excel{width: 16px; height: 16px;background-position: -171px -469px;}
.i-ppt{width: 16px; height: 16px;background-position: -68px -498px;}
.i-rar{width: 17px; height: 16px;background-position: -101px -498px;}
.topProduct-king-left p .ico-text {top:3px;}

.ico-text{font-size: 12px; display: inline-block;height: 16px; line-height: 16px;text-align: center;position: relative;font-weight:normal;}
.ico-text i{display: inline-block;width: 14px; height: 14px; color: #fff;}
.ico-text em{display: inline-block;padding: 0 5px; height: 16px; line-height: 16px;background: #fff;}
.gold-text{border: 1px solid #ff900e;background: #fff;}
.gold-text i{border: 1px solid #ff900e; line-height: 14px;background: #ffa800;}
.gold-text em{ color: #ff900e; }
.vip-text{border: 1px solid #ff0000;background: #fff;}
.vip-text i{border: 1px solid #ff0000;background: url(/img/common/vip.png) no-repeat;}
.vip-text em{ color: #ff0000; }
.not-certified{border: 1px solid #a0a0a0;background: #fff;}
.not-certified i{border: 1px solid #a0a0a0; line-height: 14px;background: #b6b5b5;}
.not-certified em{ color: #a0a0a0; }
.super{border: 1px solid #ff580e;background: #ff580e;}
.super i{width: 16px;height: 16px; background: url(/img/common/supervip.png) no-repeat;margin:0 1px;}
.super em{ color: #ff580e; }
.big-zhizhun{width: 23px;height: 25px;background-position: -68px -559px;}
.big-vip{width: 35px;height: 15px;background-position: -97px -559px;}
.big-gold-medal{width: 20px;height: 23px;background-position: -143px -559px;}

/*面包屑导航*/
.breadcrumb{line-height: 35px; height: 35px; color: #a0a0a0;}
.breadcrumb span{font-family: "宋体";margin: 0 5px;}
.breadcrumb a{color: #a0a0a0;
transition: color 0.3s;
-moz-transition: color 0.3s; 
-webkit-transition: color 0.3s; 
-o-transition: color 0.3s; 
}
.breadcrumb a:hover{color: #0063c9;}

.breadcrumb2{background: #f8f8f8;height: 33px;line-height: 33px;padding-left: 11px; color: #333;}
.breadcrumb2 a{color: #333;}


/*友情链接*/
.friendship-link{background: #f3f3f3; padding: 8px 0 20px 0;}
.friendship-link p{margin-bottom: 2px;}
.friendship-link div{color: #787878; line-height: 22px;}
.friendship-link a{color: #787878;}
.friendship-link a:hover{text-decoration: underline;}

/*翻页*/
.pages{text-align: center;}
.pagination{margin: 30px 0; display: inline-block;}
.pagination a{background: #fff; display: inline-block;padding: 0 12px; height: 28px; line-height: 28px;border: 1px solid #ccc; font-size: 14px; color: #333;margin: 0 2px;}
.pagination span{color: #333;margin:0 5px; font-size: 14px;}
.pagination a:hover{color: #0063c9;}
.pagination a.current{ color: #fff;background: #0063c9;font-weight: bold;border: 1px solid #0063c9;}
.pagination .disbled{color: #999;}
.pagination .disbled:hover{color: #999;}

/*感兴趣*/
.be-interested{background: #fafafa; padding: 16px 0 20px 0;margin-bottom: 10px;}
.be-interested dl{float: left; width: 376px; padding-left: 20px;overflow: hidden;}
.be-interested dl dt{color: #4b4a4a;font-size: 14px;font-weight: bold;margin-bottom: 6px;}
.be-interested dl dd{width: 375px;}
.be-interested dl dd p{line-height: 26px; width: 150px;float: left;margin-bottom: 2px;margin-right: 25px;}
.be-interested dl dd p a{color: #707070;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.be-interested dl dd p a:hover{color: #1e50a2;}

/*推荐产品*/
.recommend{margin-bottom: 35px;}
.recommend h2{height: 33px; line-height: 33px; border: 1px solid #efefef;background: #f6f6f6;position: relative;}
.recommend h2 .title{display: inline-block;padding: 0 18px 0 17px; height: 33px;border-top: 2px solid #0070ce;border-right: 1px solid #efefef;border-left: 1px solid #efefef;position: absolute;left: -1px; top: -1px;background: #fff;text-align: center;line-height: 33px;font-size: 18px; color: #313131;font-weight: bold;}
.recommend h2 p{height: 33px; line-height: 33px;padding-right: 17px;}
.recommend h2 p a{color: #0065d2; font-size: 12px; text-decoration: none;font-weight: normal;float: left;}
.recommend h2 p a:hover{text-decoration: underline;}
.recommend h2 p .i-ico02{width: 14px; height: 14px;margin: 9px 0 0 5px;float: left; background-position: -73px -252px;}
.recommend h2 p span{margin-right: 20px;}
.recommend h2 p span a{color: #626262;}
.recommend h2 p .i-ico01{width: 9px; height: 9px;background-position: -98px -255px; position: relative;top: -1px;margin-left: 5px;}
.recommend .recommend-list{padding-top: 15px; width: 1210px;}
.recommend .recommend-list dl{width: 223px; margin-right: 19px;float: left;}
.recommend .recommend-list dl dt{width: 221px; height: 221px; border: 1px solid #efefef;text-align: center;
transition: border 0.3s;
-moz-transition: border 0.3s; 
-webkit-transition: border 0.3s; 
-o-transition: border 0.3s; 
}
.recommend .recommend-list dl dt a{display: table-cell;width: 221px; height: 221px;text-align: center;vertical-align: middle;}
.recommend .recommend-list dl dt a span{*display: inline-block;*height: 100%;*vertical-align: middle;}
.recommend .recommend-list dl dt img{max-width: 221px; max-height: 221px;*max-width: 215px; *max-height: 215px;}
.recommend .recommend-list dl dd{font-size: 14px; color: #373737; line-height: 20px;padding-top: 9px;}
.recommend .recommend-list dl dd p{margin-bottom: 3px; line-height: 20px;}
.recommend .recommend-list dl dd p a{color: #373737;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.recommend .recommend-list dl dd p a:hover{color: #1e50a2;}
.recommend .recommend-list dl dd .text{height: 40px;overflow: hidden;}
.recommend .recommend-list dl dd span{font-size: 12px;}
.recommend .recommend-list dl dd span a{color: #999;}
.recommend .recommend-list dl dd span a:hover{color: #1e50a2;}
.recommend .recommend-list dl dd em{margin: 0 4px 0 5px;color: #999;}
.recommend .recommend-list dl dt:hover {border: 1px solid #0F85EA;}

/*相册*/
.album-con{margin-bottom: 46px;}
.album-con h3{margin-bottom: 30px;}
.album-con h3 .item-con-link{line-height: 12px;color: #333;font-size: 10px;height: 12px; }
.album-con .album{width: 1190px; position: relative;overflow: hidden;}
.album-con .album ul{width: 1210px;}
.album-con .album ul li{background: #fff; width: 218px; border: 1px solid #ededed; height: 265px; float: left;margin:0 22px 23px 0;text-align: center;
transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s; 
-webkit-transition: box-shadow 0.2s; 
-o-transition: box-shadow 0.2s; 
}
.album-con .album ul li:hover{box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);}
.album-con .album ul li a{display: inline-block;width: 200px; height: 200px;margin-bottom: 9px;}
.album-con .album ul li a span{display: inline-block;height: 100%;vertical-align: middle;}
.album-con .album ul li img{max-width: 200px; max-height: 200px;}
.album-con .album ul li div{padding: 9px 9px 0; height: 44px;border-bottom: 1px solid #ededed;}
.album-con .album ul li div p{text-align: center;line-height: 20px;}
.album-con .album ul li div p span{ color: #707070; }

/*rightScroll*/
.rightFixed{position:fixed;left:50%;top:0;margin:0 0 0 265px;z-index:99999;}

/*顶部导航*/
.i-icos{background: url(http://www.hi1718.com/service/images/icons.png) no-repeat; vertical-align: middle; display: inline-block;}
.top-nav{width: 100%;min-width: 1190px; height: 31px; color: #888; line-height: 31px; background-color: #f8f8f8; border-bottom: 1px solid #e9e9e9;position: relative;z-index: 999;}
.top-nav a{color:#888;}
.top-nav a:hover{color: #f84a0e;}
.top-nav .i-sjjt{ width: 7px; height: 4px;background-position: -2px -3px; position: relative;left: 4px;}
.top-nav .i-caidan{width: 9px; height: 7px;background-position: -22px -3px; position: relative;left: -6px; top: -1px;}
.top-nav-left .login-after a{margin: 0 8px;}
.top-nav-right{height: 31px; }
.top-nav-right a{padding: 0 12px 0 13px;transition: color 0.3s;-moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; }
.top-nav-right .nav-ul{z-index: 999999;}
.top-nav-right .nav-ul li{padding: 0 12px 0 13px;display: none;}
.top-nav-right .nav-ul li a{padding: 0;transition: color 0.3s;-moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; }
.top-nav-right .nav-ul li .i-sjjt{width: 7px; height: 4px;background-position: -2px -3px; position: relative;left: 4px;}
.top-nav-right .nav-ul:hover{background: #fff;border: 1px solid #e6e6e6;border-top: 0;}
.top-nav-right .nav-ul:hover li{display: block;padding:  0 11px 0 12px;}
.top-nav-right .nav-ul:hover li .i-sjjt{background-position: -11px -3px;}
.top-nav-right .nav-hover-box{position: relative;}
.top-nav-right .nav-hover-box .web_nav{display: none; position: absolute;top: 31px;border: 1px solid #e5e6e6;border-top: 0;background: #fff; width: 230px; padding: 5px 0px; font-size: 12px;  height: auto; overflow: hidden; z-index: 1000;}
.top-nav-right .nav-hover-box .web_nav li{display: block!important;padding: 0!important; float: left;height: 22px;text-align: left;line-height: 22px;width: 115px;z-index: 1000;}
.top-nav-right .nav-hover-box .web_nav li.header_title {font-weight: bold;font-size: 12px;padding-left: 15px!important; line-height: 25px; color: #333; display: block;}
.top-nav-right .nav-hover-box .web_nav:hover li{padding: 0!important;}
.top-nav-right .nav-hover-box .web_nav:hover li.header_title{padding-left: 15px!important;}
.top-nav-right .nav-hover-box .web_nav a {height: 22px;width: 100px; padding: 0 0 0 15px!important; color: #666; text-decoration: none; z-index: 1000;}
.top-nav-right .nav-hover-box .web_nav a:hover{color: #f84a0e;}
.top-nav-right .nav-hover-box .web_nav_left{left: 0;}
.top-nav-right .nav-hover-box .web_nav_right{right: 0;width: 140px;}
.top-nav-right .nav-hover-box .web_nav_right li{width: 70px;}
.top-nav-right .nav-hover-box:hover .web_nav{display: block;}
.top-nav-right .nav-hover-box:hover .i-sjjt{background-position: -11px -3px;}

/*底部*/
.new-footer{ background: #26272a;}
.new-footer .footcont{height: 164px;padding-top: 27px;border-bottom: 1px solid #333;}
.new-footer .footcont .footer-logo{margin: 26px 32px 0 0;}
.new-footer .footcont dl{width: 130px; margin-right: 25px; float: left;}
.new-footer .footcont dl dt{border-bottom: 1px solid #333; line-height: 38px; height: 38px;font-size: 14px;color: #a9a9a9;}
.new-footer .footcont dl dd{margin-top: 16px;}
.new-footer .footcont dl dd p{line-height: 20px;width: 150px;color: #6a6a6a;word-break: break-all;}
.new-footer .footcont dl dd p a{color: #6a6a6a;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.new-footer .footcont dl dd p a:hover{color: #fff;}
.new-footer .footer-p{color: #6a6a6a; padding: 15px 0 20px 0;}
.new-footer .footer-p p{line-height: 26px;height: 26px;}
.new-footer .footer-p a{color: #6a6a6a;margin: 0 10px;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.new-footer .footer-p a:hover{color: #fff;}
.new-footer .indexsbox{ width:1190px; margin:0px auto; padding:20px 0px; border-bottom:1px solid #333;}
.new-footer .indexstitle{ width:116px; position:relative;}
.new-footer .indexstitle span{background: url(https://img3.hi1718.com/img/web/product/proicon.png) no-repeat left top; display:block; width:108px; height:26px; line-height:26px; padding:0px 0px 0px 6px; font-size:14px; color:#a9a9a9; background-color:#26272a; border:1px solid #333; border-radius:5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; background-position:right -165px; cursor:pointer;}
.new-footer .indexstitle div{ position:absolute; left:0px; top:24px; border:1px solid #bebebe; border-top:0px; background-color:#fff; width:114px; border-radius:0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px;  -webkit-border-radius: 0px 0px 5px 5px; padding:3px 0px; display:none;}
.new-footer .indexstitle div a{ display:block; padding:0px 6px; line-height:22px;color: #333;}
.new-footer .indexstitle div a:hover{ background-color:#eee; text-decoration:none; color:#333;}
.new-footer .indexslink{ font-size:14px; line-height:28px; width:1000px;margin-left: 20px;}
.new-footer .indexslink a{ margin-right:18px;color: #6a6a6a;}
.new-footer .indexslink a:hover{color: #fff;}


/*头部*/
.header{ width: 100%;min-width: 1190px; height: 129px; position: relative;z-index: 9;}
.header .logo{margin: 27px 0 0 0; width: 281px;} 
.header .search{margin-top: 35px;width:525px;}
.header .search-input{border: 2px solid #fd6000; height: 36px; position: relative;width: 521px;}
.header .search-input .searchclass span{ display: inline-block;width: 57px; height: 36px;border-right: 1px solid #e7e7e7; background: #f5f5f5; padding-left: 15px;line-height: 36px; color: #0e0e0e;font-size: 14px; cursor: pointer; }
.header .search-input .searchclass span .i-ico{width: 7px; height: 4px;background-position: -2px -3px;  margin-left: 6px;}
.header .search-input .searchclass div{display: none; width: 71px;border: 1px solid #e7e7e7;border-top: 0; position: absolute;top: 36px;left: 0px;background: #f5f5f5;}
.header .search-input .searchclass div a{display: block; padding-left: 15px;line-height: 22px; color: #0e0e0e;}
.header .search-input .searchclass div a:hover{color: #e20000;text-decoration: underline;}
.header .search-input .searchclass:hover div{display: block;}
.header .search-input input[type=text]{width: 354px; height: 16px; padding: 10px; line-height: 16px;color: #b2b2b2}
.header .search-input input[type=submit]{width: 74px; height: 36px; color: #fff;background: #fd6000;font-size: 16px; font-weight: bold;cursor: pointer;}
.header .search-hot{line-height: 26px;width:685px;height: 26px;overflow: hidden;}
.header .search-hot a{color: #545454;float: left;margin-right: 8px;
transition: color 0.3s;
-moz-transition: color 0.3s; 
-webkit-transition: color 0.3s; 
-o-transition: color 0.3s; 
}
.header .search-hot a:hover{color: #f00;}
.header .inquiry a{display: inline-block;width: 138px; height: 38px;border: 1px solid #e5e5e5; line-height: 38px;background: #f8f8f8;text-align: center;color: #404040;font-size: 14px; margin: 35px 0 0 21px;
transition: background 0.3s;
-moz-transition: background 0.3s; 
-webkit-transition: background 0.3s; 
-o-transition: background 0.3s; 
}
.header .inquiry a .i-ico{width: 15px; height: 14px;background-position: -35px 0; margin-right: 9px; position: relative;top: -1px;}
.header .inquiry a:hover{background: #f3f3f3;}
.header .ewm{border: 1px solid #e4e4e4;background: #fff; text-align: center; padding: 0 4px 2px 4px;margin-top: 15px; position: relative; z-index: 1;}
.header .ewm p{line-height: 18px;color: #444343;}
.header .ewm .close{display: inline-block;background: #fff; cursor: pointer; width: 18px; height: 18px;border: 1px solid #e4e4e4; border-right: 0;position: absolute;left: -20px;top: -1px;}
.header .ewm .close .i-ico{width:8px; height: 8px; background-position: -59px -3px;float: left;margin: 5px 0 0 5px; }

/*广告标识*/
.ad-label-lt{position: absolute;left: 2px;top: 2px;display: inline-block;width: 30px;height: 15px;line-height: 15px;text-align: center;background: #888;color: #fff;border-radius: 2px;z-index:99;}
.ad-label-lb{position: absolute;left: 2px;bottom: 2px;display: inline-block;width: 30px;height: 15px;line-height: 15px;text-align: center;background: #888;color: #fff;border-radius: 2px;z-index:99;}
.ad-label-rt{position: absolute;right: 2px;top: 2px;display: inline-block;width: 30px;height: 15px;line-height: 15px;text-align: center;background: #888;color: #fff;border-radius: 2px;z-index:99;}
.ad-label-rb{position: absolute;right: 2px;bottom: 2px;display: inline-block;width: 30px;height: 15px;line-height: 15px;text-align: center;background: #888;color: #fff;border-radius: 2px;z-index:99;}

/*微信图标*/
.wechatpic{background: url(https://img3.dzsc.com/img/common/wx.jpg) no-repeat;background-size: cover;height: 18px;line-height: 16px;width: 18px;display: inline-block;position: relative;top: 2px!important;}
.wechat-big-img-box {position: absolute;left: -100px;top: 25px;border: 0;margin-right: 0;box-shadow: 0 0 10px #888;z-index: 9;}
.wechat-big-img-box img {max-height: 300px;max-width: 300px;}