@charset "utf-8";
html { color: #333; overflow-y: scroll; overflow-x: hidden; background:#ffffff; font-family:Arial, Helvetica, sans-serif; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol,li, pre, fieldset, lengend, button, input, textarea, form, th, td { margin: 0; padding: 0; }
li,h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { color:#413e51; text-decoration:none; }
img{ border:none;}
strong, th { font-weight:bold; }
.ui-header .ui-title, .ui-footer .ui-title { margin: .6em auto .8em auto; }
.fl-clr { zoom:1; }
.fl-clr:after { display: block; content: ''; clear: both; visibility: hidden; }

/*placeholder style*/
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
  }

.header{width: 100%; height: 86px; background: rgba(255,255,255,0.9);}
.search-block{ border-top: solid 1px #ebebeb; margin: 0 auto; padding:20px 0 17px 0;}
.header .head-inner{ width: 1200px; margin: 0 auto;}
.header .head-inner .logo{ width:200px; display: block; float: left; margin: 12px 0 0 0;}
.header .head-inner .logo img{ width:200px;}
.header .head-inner .nav{ float: right; margin: 33px 0 0 0;}
.header .head-inner .nav li{ float: left; position: relative; height: 20px; line-height: 20px; color: rgba(0,0,0,0.1);}
.header .head-inner .nav li i{ width:20px; height: 20px; display: inline-block; vertical-align: -5px; margin-right: 6px;}
.header .head-inner .nav li i.home{ background: url(../images/navhome.png) left top no-repeat;}
.header .head-inner .nav li i.cate{ background: url(../images/navcate.png) left top no-repeat;}
.header .head-inner .nav li i.supply{ background: url(../images/navsupply.png) left top no-repeat;}
.header .head-inner .nav li i.trade{ background: url(../images/navtrade.png) left top no-repeat;}
.header .head-inner .nav li i.global{ background: url(../images/navglobal.png) left top no-repeat;}
/*.header .head-inner .nav li::after{ width: 1px; height: 20px; content: ""; display: block; position: absolute; right: 0; top: 0; background: rgba(0,0,0,0.1);}*/
.header .head-inner .nav li:last-child::after{ display: none;}
.header .head-inner .nav li a{ font-size: 14px; color: #696969; padding: 0 20px; display: block; position: relative; font-weight:600;}
/* .header .head-inner .nav li a::after{ display:block; content:attr(title); font-weight:bold; visibility:hidden; height:1px; color:transparent; margin-bottom:-1px; overflow:hidden; } */
.header .head-inner .nav li a:hover,.header .head-inner .nav li a.active{ color: #cd001f; /*font-weight: bold;*/ /*text-shadow: 1px 0 0 currentColor;*/}
/*.header .head-inner .nav li a:hover::after,.header .head-inner .nav li a.active::after{ width: 100%; height: 2px; content:""; display: block; position: absolute; left: 0; bottom: -33px; background: #666;}*/
.header .head-inner .nav li a:hover i.home,.header .head-inner .nav li a.active i.home{ background: url(../images/navhome-cur.png) left top no-repeat;}
.header .head-inner .nav li a:hover i.cate,.header .head-inner .nav li a.active i.cate{ background: url(../images/navcate-cur.png) left top no-repeat;}
.header .head-inner .nav li a:hover i.supply,.header .head-inner .nav li a.active i.supply{ background: url(../images/navsupply-cur.png) left top no-repeat;}
.header .head-inner .nav li a:hover i.trade,.header .head-inner .nav li a.active i.trade{ background: url(../images/navtrade-cur.png) left top no-repeat;}
.header .head-inner .nav li a:hover i.global,.header .head-inner .nav li a.active i.global{ background: url(../images/navglobal-cur.png) left top no-repeat;}

.search{position:relative; width:1200px; height: 70px; margin: 0 auto; z-index: 4;}
.search ul{ float: left;}
.search ul li{ float:left;}
.search ul li.select{ position:relative;}
.select-box{ width:140px; height:70px; border-right:solid 1px #ebebeb; display:block; background:#fff; text-align:left; line-height:70px; padding-left:30px; border-radius:3px 0 0 3px;cursor:pointer;}
.select-box span{ color:#333; font-size:14px; float:left;}
.select-box i{ width:14px; height:7px; display:block; background: url(../images/slide.png) left top no-repeat; float:right; margin:32px 30px 0 0;}
.select-box i.current{animation:slidetop 0.5s;-moz-animation:slidetop 0.5s;-webkit-animation:slidetop 0.5s;-o-animation:slidetop 0.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;}

@keyframes slidetop{from {transform:rotate(0)} to{transform:rotate(180deg)}}
@-moz-keyframes slidetop{from {transform:rotate(0)} to{transform:rotate(180deg)}}
@-webkit-keyframes slidetop{from {transform:rotate(0)} to{transform:rotate(180deg)}}
@-o-keyframes slidetop{from {transform:rotate(0)} to{transform:rotate(180deg)}}

@keyframes revert{from {transform:rotate(180deg)} to{transform:rotate(360deg)}}
@-moz-keyframes revert{from {transform:rotate(180deg)} to{transform:rotate(360deg)}}
@-webkit-keyframes revert{from {transform:rotate(180deg)} to{transform:rotate(360deg)}}
@-o-keyframes revert{from {transform:rotate(180deg)} to{transform:rotate(360deg)}}

.selectMenu{ position:absolute; top:70px; left:0; width:168px; background:#fff; border: solid 1px #ddd; border-radius:2px; z-index:3;}
.selectMenu a{ display:block; padding-left:12px; height:30px; line-height:30px; color:#333; font-size:14px;}
.selectMenu a:hover{ color:#666; background:#f5f5f5;}
.search li .txt{ width:694px; height:70px; padding-left:30px; font-size: 14px; border: none; outline:none; color:#666; line-height:70px;}
.search li a.search-btn{ width:92px; height:70px; display:block; background:#197fee; text-align:center; line-height:70px; border-radius:0 3px 3px 0; position: relative;}
.search li a.search-btn:hover{ background: #0072ed;}
.search li a.search-btn::after{ width:32px; height: 32px; content: ''; background: url(../images/search-icon.png) center center no-repeat; position: absolute;left:30px; top: 19px;}
.search a.by_cate{ width: 149px; height: 70px; display: block; line-height: 70px; background: #fff; border-radius:3px; color: #4a4763; font-size: 14px;
float: left; margin-left: 11px; padding-left: 53px;}
.search a.by_cate:hover{ background: #197fee; color: #fff;}
.search a.by_cate i{ width:20px; height: 20px; display: inline-block; background: url(../images/cateblue.png) left top no-repeat; vertical-align: -4px; margin-right: 10px;}
.search a.by_cate:hover i{ background: url(../images/catewhite.png) left top no-repeat;}

.searchcache {width: 723px;border: 1px solid #ddd; border-top: 0; background: #fff; position: absolute; left: 170px; top: 70px; z-index: 3;}
.recent{ font-size: 14px; color:#999; margin: 10px;}
.search ul.searchlog{ position:relative; right:0;}
.searchlog li{ height: 30px; line-height: 30px; width:703px; font-size: 14px; padding:0 10px;}
.searchlog li:hover{background: #f5f5f5;}
.searchlog li span{ width:713px; display:inline-block; white-space:nowrap; overflow:hidden;  text-overflow:ellipsis; cursor: pointer; margin-right: 45px;}
.searchlog li a{position: absolute;top: 0;right: 14px; color:#666; display:none;}
.clearlog a{ color:#666; font-size: 14px;margin:10px 13px 15px 0; float: right;}

.search-block .search{ height: 60px;}
.search-block .search .search-ul{ height: 56px; border: solid 2px #4a4763; border-radius:3px; width: 983px;}
.search-block .select-box{ height:52px; margin-top: 2px;line-height:52px; padding-left:18px;}
.search-block .select-box i{margin:22px 30px 0 0;}

.search-block .selectMenu{ position:absolute; top:58px; left:-1px; width:158px; background:#fff; border: solid 1px #ddd; border-top: 0; border-radius:0 0 2px 2px; z-index:3;}
.search-block .selectMenu a{ display:block; padding-left:12px; height:30px; line-height:30px; color:#333; font-size:14px;}
.search-block .selectMenu a:hover{ color:#666; background:#f5f5f5;}
.search-block .search li .txt{ width:721px; height:56px; padding-left:30px; line-height:56px;}
.search-block .search li a.search-btn{ width:73px; height:56px;line-height:56px; border-radius:0; background: #303857;}
.search-block .search li a.search-btn:hover{ background: #282f4d;}
.search-block .search li a.search-btn::after{left:22px; top: 12px;}
.search-block .search a.by_cate{ width: 146px; height: 58px; display: block; line-height: 58px;border: solid 2px #4a4763;margin-left: 11px; padding-left: 51px;}
.search-block .search a.by_cate:hover{ background: #303857; color: #fff;}

.search-block .searchcache {width: 751px;border: 1px solid #ddd; border-top: 0; background: #fff; position: absolute; left: 160px; top: 60px; z-index: 3;}
.search-block .searchlog li{ height: 30px; line-height: 30px; width:731px;}
.search-block .searchlog li span{ width:713px;}

.content{ width: 1200px; margin: 0 auto;}
.content .crumb{ height: 22px; line-height: 22px; color: #b7b7b7; font-size: 12px;}
.content .crumb a{ color: #b7b7b7;}
.content .crumb a:hover{ color: #413e51;}
.content .crumb h2,.content .crumb h1,.content .crumb span{ display: inline; color: #413e51;}

.page{ margin-top: 20px; height: 40px; line-height: 40px;}
.page .show-num{ float: left; font-size: 14px; color: #666;}
.page .show-num em{ font-weight: bold; margin-right: -5px;}
.page .show-num a{ color: #666; margin:0 9px;}
.page .show-num a:hover,.page .show-num a.active{ color:#0072ed;}
.pagination{ float: right;}
.pagination a{ height: 38px; padding: 0 6px; display: block; float: left; border: solid 1px #ebebeb; border-radius:3px; margin-right: 10px; font-size: 14px; color: #666; text-align: center; line-height: 38px;}
.pagination a:hover,.pagination a.default{ background: #48465A; color: #fff; border: solid 1px #48465A;}
.pagination a.default:hover{cursor: default;}
.pagination a::after{ width:14px; height: 24px; display: block; content: ""; margin:7px 0 0 11px;}
.pagination a.prev::after{ background: url(../images/page-prev.png) left top no-repeat; margin: 7px 0 0 0;}
.pagination a.prev{ padding: 0 12px;}
.pagination a.prev:hover::after{ background: url(../images/pageprev-cur.png) left top no-repeat;}
.pagination a.prev.default::after,.pagination a.prev.default:hover::after{ background: url(../images/page-prev.png) left top no-repeat;}

.pagination a.next{ padding: 0 10px;}
.pagination a.next::after{ background: url(../images/page-next.png) left top no-repeat; display: inline-block; vertical-align: -7px;}
.pagination a.next:hover::after{ background: url(../images/pagenext-cur.png) left top no-repeat;}
.pagination a.prev.default,.pagination a.next.default{ background: #fff; border: solid 1px #ebebeb; color: #666;}
.pagination a.next.default::after,.pagination a.next.default:hover::after{ background: url(../images/page-next.png) left top no-repeat;}
.pagination span{ float: left; display: block; margin-right:10px;}

.footer{ width: 100%; height: 50px; margin-top: 100px; text-align: center; font-size: 14px; color: #fff; line-height: 50px; background: #181818;}

/* 发送成功提醒 */
#mask{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.4); z-index: 9; display: none;}
.send-tips{ width: 562px; height: 260px; background: #fff; border-radius:3px; position: fixed; left: 23%; top: 200px; z-index: 99; display: none;}
.send-tips .close{ width:16px; height:16px; display: block; background: url(../images/close-layer.png) center top no-repeat;position: absolute; right: 20px; top: 20px;
 cursor: pointer;}
.send-tips span{ width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; margin: 64px 0 16px; font-size: 18px; color: #333;}
.send-tips span:before{ width: 40px; height: 40px; content: ''; display: inline-block; vertical-align: -13px; background: url(../images/success.png) center top no-repeat; margin-right:10px;}
.send-tips p{text-align: center; font-size: 16px; color: #666; height: 34px; line-height: 34px;}

.none-result{ width: 876px; height: 474px; border: solid 2px #d7d7d7;}
.none-result img{ width:353px; height:258px; display: block; margin: 38px auto 0;}
.none-result p.big{ font-size:16px; text-align: center; margin-top: -30px; color: #333;}
.none-result p.big .keyWord{ color:#dc1313; margin-left: 10px;}
.none-result dl{ margin: 15px 0 0 257px;}
.none-result dl dt{ color: #333; font-size: 14px; margin-bottom: 10px;}
.none-result dl dd{ font-size: 14px; color: #666; margin-bottom: 10px;}
.none-result dl dd .tips-icon{width:14px; height: 14px; display: inline-block; background: url(../images/tips-icon.jpg) center top no-repeat; vertical-align: -3px; margin-left: 11px;}
.none-result dl dd span{ color: #333; font-weight: bold; margin-left: 5px;}


.top-bar {
  width: 100%;
  height: 34px;
  background: #05103B;
  border-bottom: solid 1px #ddd;
  font-size: 12px;
  color: #fff;
  line-height: 34px
}

.top-list {
  width: 1190px;
  margin: 0 auto
}

.top-list .left-list {
  float: left
}

.top-list .left-list li {
  float: left;
  margin-right: 20px
}

.top-list .left-list li.li {
  display: none
}

.top-list .left-list li a {
  margin: 0 7px;
  color: #fff
}

.top-list .right-list {
  float: right;
  padding-right: 25px
}

.top-list .right-list li {
  float: left;
  color: #fff;
  margin-left: 20px
}

.top-list .right-list li a {
  font-style: normal;
  color: #fff;
  margin: 0 3px
}

.top-list .right-list li i {
  width: 18px;
  height: 15px;
  display: block;
  float: left;
  margin: 8px 7px 0 0;
  background: url('../images/icon-group.png') 0 0 no-repeat
}

.top-list .left-list li a:hover,.top-list .right-list li a:hover {
  font-weight: bold;
  text-decoration: underline
}

.top-list .right-list li.my {
  width: 82px;
  text-align: right
}
.top-bar {
  position: relative;
  z-index: 3
}

.top-list .right-list li i,.header .head-box .select-box i,.content-nav .left-menu dl dd a,.banner-content .banner .number li,.buy-leads dt a,.trending-products .tab-dots a,.link span a,.product-img .prev a,.product-img .next a,.main-content1 .notfind em.not-found,.main-content1 dl dd .tips i,.main-content1 dl dd .tips .list span {
  background: url(../images/icon-group.png) 0 0 no-repeat
}


/*底部footer新样式*/
.service-box {
	width:100%;
	background:#020202;
	border-top:solid 1px #ddd;
	padding-bottom:50px;
	clear:both;
	margin-top:50px;
	overflow:hidden;
}
.service-list {
	width:1200px;
	margin:0 auto
}
.service-list dl {
	float:left;
	width:271px;
	border-right:solid 1px #636060;
	margin-top:30px;
	padding-left:25px;
	min-height:130px
}
.service-list dl:first-child {
	padding:0;
	width:296px
}
.service-list dl:last-child {
	border:0
}
.service-list dl dt {
	font-size:18px;
	color:#bcbcbc;
	font-weight:bold;
	line-height:24px;
	margin-bottom:10px
}
.service-list dl dd {
	font-size:14px;
	line-height:24px
}
.service-list dl dd a {
	color:#999
}
.service-list dl dd a:hover {
	text-decoration:underline;
	color:#666
}
.footertd {
	width:100%;
	height:40px;
	background:#020202;
	overflow:hidden;
	border-top:1px solid #635e5e;
}
.foot {
	width:1200px;
	margin:0 auto;
	position:relative;
	z-index:2
}
.foot ul {
	float:left
}
.foot ul li {
	float:left;
	line-height:40px;
	color:#999;
	margin-left:4px
}
.foot ul li:first-child {
	margin:0
}
.foot ul li a {
	color:#999;
	font-size:14px;
	margin-right:4px
}
.foot ul li a:hover {
	color:#fff
}
.foot p {
	float:right;
	color:#999;
	font-size:14px;
	line-height:40px
}