/*
ST05-CSS-xiaohei-dtmuban.com-20170524
*/
@charset "utf-8";

h1, i, em {
	font-style: normal;
	font-weight: normal
}
.sblock20{/* margin-top:20px; */}
.clearfix {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	width: 0px;
	visibility: hidden;
}

/*1p*/
#wrap_1{ width:1200px; height:auto; _height:388px; min-height:388px; clear:both; margin:20px auto; }
#banner{ height:388px; border:1px solid #ddd;}
#banner .imgs{ float:left; width:815px; height:388px;}
#banner .imgs ul
#banner .imgs ul li{}
#banner .imgs ul li img{ width:815px; height:388px;}

#banner .tabs{ float:right; width:382px; overflow:hidden;height: 388px;background: #fff;}
#banner .tabs ul.tit{height:60px;line-height: 60px;border-bottom: 0;}
#banner .tabs ul.tit li{ float:left; width:191px; height:59px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f4f4; margin:0 0 0 -1px; color:#000; font: 16px/59px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; text-align:center; cursor:pointer;}
#banner .tabs ul.tit li.on{ border-bottom:1px solid #fff; background:#fff; color:#f40;}
#banner .tabs .con{padding: 5px 25px 0;background:#fff;}
#banner .tabs .hd{height:60px;line-height: 60px;}
#banner .tabs .bd{border:0}

/*登录状态*/
#banner .tabs .btn-wrap {height: 57px;line-height: 57px;margin: 0 auto;text-align: center;padding-left: 54px;border-top: 1px solid #dddddd;padding-top: 10px;}
#banner .tabs .sign-in, #banner .tabs .sign-up {margin-right: 10px;border-radius: 2px;font-size: 16px;text-align: center;}
#banner .tabs .btn-wrap .sign-in {float: left;width: 109px;height: 35px;line-height: 35px;margin-right: 40px;background: #0f69dc;border: 1px solid #0f69dc;color: #fff;}
#banner .tabs .btn-wrap .sign-up {float: left;width: 109px;height: 35px;line-height: 35px;margin-right: 0px;border: 1px solid #0f69dc;color: #0f69dc;}
#banner .tabs .btn-wrap .sign-up:hover{background-color:#666666;border: 1px solid #666666;color: #ffffff;}
#banner .tabs .btn-wrap .sign-in:hover{background: #0f29dc;border: 1px solid #0f29dc;color: #ffffff;}

/*发布按钮*/
#banner .tabs .con a.btn_buyer,#banner .tabs .con a.btn_seller{height:40px;color:#fff;font: 18px/40px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";display:block;height:40px;text-align:center;text-decoration:none;margin-bottom:10px;}
#banner .tabs .con a.btn_buyer{ background:url(images/buy/ico_buyer.png) no-repeat 30px -4px #ec3901;}
#banner .tabs .con a.btn_buyer:hover{background-color:#ec6901}
#banner .tabs .con a.btn_seller{ background:url(images/buy/ico_seller.png) no-repeat 25px -3px #ec3901;}
#banner .tabs .con a.btn_buyer:hover,#banner .tabs .con a.btn_seller:hover{background-color:#ec6901}
#banner .tabs .con h6{ color:#333; height:40px; font:bold 12px/40px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
#banner .tabs .con ul{
    margin-bottom: 5px;
}

#banner .tabs .con ul.hot-brand-list li {
	border-bottom: 1px dotted #dddddd;
	padding: 14px 0;
	cursor: pointer;
}
#banner .tabs .con ul.hot-brand-list li.no_bm{border-bottom: 0}

#banner .tabs .con ul.hot-brand-list img {
	float: left;
	width: 105px;
	height: 55px;
	border: 1px solid #e8e8e8;
	margin-right: 15px;
}
#banner .tabs .con ul.hot-brand-list h1 {
	font: 15px/18px "Microsoft Yahei";
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}
#banner .tabs .con ul.hot-brand-list p {
	font: 12px/18px "Microsoft Yahei";
	height: 36px;
	overflow: hidden;
}
#banner .tabs .con ul.hot-brand-list a h1 {
	color: #333333;
}
#banner .tabs .con ul.hot-brand-list a p {
	color: #888888;
}
#banner .tabs .con ul.hot-brand-list li:hover a h1 {
	color: #ff0000;
}


/*鼠标特效*/
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*3p-楼层*/
.brand_3{height: 525px;overflow:hidden;background: #ffffff;margin-top: 20px;padding-bottom:15px;border: 1px solid #ededed;border-top: 0;}
/*板块标题*/
.plate-tle {
	border-top: 3px solid #1093f3;
	border-bottom: 1px solid #ededed;
	height: 50px;
	line-height: 50px;
	background-color:#ffffff;
	padding:0 5px;
}
.plate-tle h2 {
	float: left;
	font-size: 24px;
	font-weight:500;
	height: 50px;
	line-height: 50px;
}
.plate-tle h2 em{font-size: 24px;padding-right: 5px;color: #1093f3;}
.plate-tle h2 a{color:#333333}
.plate-tle h3, .plate-tle i {
	float: right;
	margin-top: 15px;
	font: 13px/25px "Microsoft Yahei";
}
.plate-tle h3 a {
	margin-right: 20px;
	color: #8a8a8a;
	padding: 0 8px;
}
.plate-tle i {
	width: 60px;
	height: 25px;
	text-align: center;
	background: #1093f3;
}
.plate-tle i:hover{background:#1269d3}
.plate-tle i a {
	color: #fff;
}
/*板块左侧推荐品牌*/
.plate-tle-right {
	border-bottom: 1px solid #eaeaea;
	margin: 13px 0 0 0;
	padding: 3px 0 3px 3px;
}
.plate-tle-right h1 {
	font: 18px/20px "Microsoft Yahei";
	color: #1b1b1b;
	border-left: 6px solid #1093f3;
	padding-left: 6px;
	float: left;
	padding-bottom: 2px;
}
.plate-tle-right i {
	float: right;
	font: 12px/24px "Microsoft Yahei";
}
.plate-tle-right i a {
	color: #939393
}
.plate-tle-right i a:hover{color:#ff7730}
.plate-left {
	width: 270px;
	float: left;
	background-color: #ffffff;
}
.plate-left-pic {
	width: 270px;
	height: 420px;
	position: relative;
	overflow: hidden;
	margin-top: 13px;
}
.plate-left-pic img {
	width: 270px;
	height: 420px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.plate-left-pic img:hover {
	opacity: 0.9;
}
.plate-left-text {
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
	-pie-background: rgba(0,0,0,.8);/*IE6-8*/
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000); /*IE6-8*/
	width: 240px;
	height: 80px;
	bottom: 0;
	left: 0;
	z-index: 2;
	border-bottom: 5px solid #1093f3;
	padding: 10px 15px;
}
.plate-left-text h1 {
	color: #1093f3;
	font: 18px/30px "Microsoft Yahei";
	height: 30px;
	overflow: hidden;
}
.plate-left-text p {
	color: #fff;
	font: 13px/24px "Microsoft Yahei";
	height: 48px;
	overflow: hidden;
}
/*板块中间最新品牌*/
.plate-center .bd{border: 1px solid #e8e8e8;border-bottom:0}
.plate-center-nav {
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	margin-top: 16px;
	padding-left: 166px;
}
.plate-center-nav li {
	width: 125px;
	height: 35px;
	float: left;
	margin-right: 15px;
	background: #f7f7f7;
	border-radius: 4px 4px 0 0;
	font: 13px/35px "Microsoft Yahei";
	text-align: center;
	cursor: pointer;
}
.plate-center-nav li.on {
	background: #1093f3;
	font-weight: bold;
	color: #ffffff;
}
.plate-center {
	width: 597px;
	float: left;
	padding-left: 18px;
	background-color: #ffffff;
}
.plate-center-brand {
	width: 100%;
	/* border: 1px solid #e8e8e8; */
	border-top:0;
	/* border-bottom:0; */
	overflow:hidden;
	background: #ffffff;
}
.plate-center-brand li {
	width: 148px;
	height: 105px;
	overflow: hidden;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	float: left;
	background: #ffffff;
	cursor: pointer;
}
.plate-center-brand .last {
	border-right:0;
}
.plate-center-brand li img {
	width: 105px;
	height: 55px;
	margin: 25px 21.5px;
}
.plate-center-brand .text {
	position: absolute;
	width: 118px;
	height: 89px;
	padding: 8px 15px;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	-pie-background: rgba(0,0,0,.8);/*IE6-8*/
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000); /*IE6-8*/
	color: #ff0000;
	font: 12px/22px "Microsoft Yahei";
	display: none;
}
.plate-center-brand .text a {
	color: #ff0000;
}
.plate-center-brand li:hover .text {
	display: block;
}
.plate-center-brand .text p {
	height: 22px;
	overflow: hidden;
}
.plate-center-brand .text span {
	color: #fff;
}
.plate-center-brand .text h5 {
	width: 70px;
	height: 16px;
	background: #f00;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	font: 12px/16px "Microsoft Yahei";
	margin-top: 3px;
	border-radius: 10px;
	cursor: pointer;
}
.plate-center-brand .text h5:hover {
	background: #db0000;
}
/*板块右侧*/
.plate-right {
	width: 296px;
	float: right;
	padding:0 5px;
	background-color: #ffffff;
}
/*板块右侧推荐商机*/
.busy-list {
	background: url(images/brand/busy.png) no-repeat top left;
	min-height: 194px;
}
.busy-list li {
	padding-left: 15px;
	height: 38px;
	overflow: hidden;
	border-bottom: 1px dotted #eaeaea;
}
.busy-list h1, busy-list i {
	font: 13px/38px "Microsoft Yahei";
    display:inline-block;
}
.busy-list i{color:#ff0000}
.busy-list a h1 {
	color: #2c2c2c
}
.busy-list li a h1:hover {
	color: #ff7730;
}
.news-list li {
	height: 38px;
	overflow: hidden;
	border-bottom: 1px dotted #eaeaea;
}
.news-list li.no_bm{border-bottom:0}
.news-list h1 {
	font: 13px/38px "Microsoft Yahei";
	padding-left: 10px;
	display:inline-block;
}
.news-list a h1 {
	color: #2c2c2c
}
.news-list li a h1:hover {
	color: #ff7730;
}
.news-list i {
	width: 4px;
	height: 4px;
	background: #f00;
	float: left;
	border-radius: 4px;
	margin-top: 17px;
	margin-right: 8px;
}

/*品牌新款板块*/
.new-produs {
	width: 1200px;
	height: 320px;
	position: relative;
	padding-bottom: 20px;
	padding-top: 10px;
}
#prev-01, #next-01 {
	position: absolute;
	width: 38px;
	height: 66px;
	z-index: 3;
	top: 125px;
	opacity: 0.8;
	cursor: pointer;
}
#prev-01 {
	background: url(images/brand/left.png) no-repeat;
	left: 0;
}
#next-01 {
	background: url(images/brand/right.png) no-repeat;
	right: 0;
}
#prev-01:hover, #next-01:hover {
	opacity: 1;
}
.new-produs-list {
	margin-top: 20px;
}
.new-produs-list li {
	width: 225px;
	height: 320px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 18px;
}
.new-produs-list li.last {
	float: right;
	margin-right: 0;
}
.new-produs-list li img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.new-produs-list li img:hover {
	opacity: 0.9
}
.new-produs-list .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 225px;
	height: 30px;
	z-index: 2;
	background: rgba(0,0,0,1);
	-pie-background: rgba(0,0,0,.8);/*IE6-8*/
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000); /*IE6-8*/
	text-align: center;
}
.new-produs-list .text h1 {
font: 13px/30px "Microsoft Yahei";}
.new-produs-list .text h1 a {color: #fff;}

/*4p 按行业找货源*/
.com-cat {overflow:hidden;margin-top:10px}
.com-cat h3{font-size:20px;height:45px;line-height:45px}
.com-div {overflow:hidden;background: #ffffff;border: 1px solid #dddddd;border-top: 3px solid #1093f3;}
.com-list{padding: 15px;overflow: hidden;font-size: 14px;}
.com-list li{float:left;width: 116px;height:35px;line-height:35px;overflow: hidden;text-align: center;}

/*5p 推荐产品*/
.hotproduct{width:1200px;height:auto;margin:0 auto;margin-bottom: 20px !important;margin-top:15px;}
.hotproductT{height:49px;padding: 0 2px;border-bottom:1px solid #eee;}
.hotproductT h2{font-size: 20px;font-weight:500;line-height:50px;color:#333;float:left;}
.hotproductT_Al{ width:28px; height:20px; float:right; margin-top:14px; border:1px solid #eee; background:url(images/hotproductT_Al1.png) center top #fff no-repeat;}
.hotproductT_Ar{ width:28px; height:20px; float:right; margin-top:14px; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; background:url(images/hotproductT_Ar1.png) center top #fff no-repeat;}
.hotproductT_Al:hover{ background:url(images/hotproductT_Al2.png) center top #ec3901 no-repeat; border:1px solid #ec3901;}
.hotproductT_Ar:hover{ background:url(images/hotproductT_Ar2.png) center top #ec3901 no-repeat; border-top:1px solid #ec3901; border-right:1px solid #ec3901; border-bottom:1px solid #ec3901;}

.hotproductC{width:1200px;height: 310px;border-top: 3px solid #ec3901;border-bottom: 1px solid #dddddd;overflow:hidden;position:relative;margin: 0 auto;background: #fff;}
.hotproductC ul{position:absolute;left:0px;top:0px;}
.hotproductC ul li{ width:218.3px; height:auto; padding:10px; float:left; position:relative;border-left:1px solid #eee; }
.hotproductC ul li .li_img{width: 220px;height: 220px;display: table-cell;vertical-align: middle;text-align: center;}
.hotproductC ul li .li_img img{max-height:205px;max-width:205px;_height:205px;_width:205px; border:none; }
.hotproductC ul li p.newborder_price{width:100%;height: 30px;line-height:30px;font-size:12px;font-size:14px; color:#ec3901;}
.hotproductC ul li p.newborder_text{height: 30px;line-height: 30px;margin:5px 0;font-size:14px;color:#333;overflow: hidden;}
.hotproductC ul li:hover a{ color:#ec3901;}

.hotproductC ul li .li_img img{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.hotproductC ul li:hover .li_img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}