@charset "utf-8";
/*
 * @name	:建材通—列表样式
 * @author	:huangyaxiong
 * @version	:1.0
 */
.list_con{
	margin-bottom:20px;
}
.list_con .list_title {
	height:36px;
	border-bottom:1px solid #6bc30d;
}
.list_con .list_title h3 {
	float:left;
	height:35px;
	border-bottom:1px solid #6bc30d;
	padding:0 10px 0 30px;
	font-size:16px;
	font-weight:normal;
	color:#000;
	line-height:35px;
}
.list_con .list_title .more{
	display:inline-block;
	height:36px;
	float:right;
	margin-right:12px;
}
.list_con .list_title .more a{
	font-size:14px;
	line-height:36px;
}
.list_con .list_title .more a:hover{
	color:#468206;
}
.list_con .list_title .more a .icon{
	display:inline-block;
	height:15px;
	width:15px;
	position:relative;
	top:2px;
	left:3px;
}
.icon.icon_more{
	background:url(../images/home_icon.png) 0 -119px no-repeat;
}
.list_con .list_title .more a:hover .icon{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);
}

.list_content li{
	width:181px;
	height:236px;
	overflow:hidden;
	margin:20px 18px 0 0;
	background:#fff;
	float:left;
	border:2px solid #fff;
}
.list_content li.sp{
	margin-right:0;
}
.list_content li:hover{
	border:2px solid #6bc30d;
}
.list_content li .img_con{
	padding:10px;
	height:154px;
	width:154px;
	position:relative;
	left:-2px;
	overflow:hidden;
	border-bottom:1px solid #f2f2f2;
}
.list_content li .img_con img{
	position:absolute;
}
.list_content li .img_con img.pic_brand{
	top:10px;
	left:15px;
	border-radius:10px;
	-moz-border-radius:10px;
}
.list_content li .img_con img.pic_qrcode{
	top:10px;
	left:164px;
	display:none;
}
.list_content li dl{
	overflow:hidden;
	padding-left:10px;
}
.list_content li dt{
	font-size:14px;
	line-height:30px;
}
.list_content li dd{
	font-size:12px;
	color:#828282;
}
.list_content li dt,.list_content li dd{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
}
.pages{
	margin:20px 0;
}
.pages a{
	display:block;
	float:left;
	background:#fff;
	width:30px;
	height:30px;
	text-align:center;
	font-size:14px;
	line-height:30px;
	margin-right:5px;
}
.pages a.current,.pages a:hover{
	background:#6bc30d;
	color:#fff;
}

/*详细页*/
.detail_content .detail_pic{
	width:300px;
	float:left;
	padding-top:20px;
}
.detail_content .detail_pic .pic_brand{
	margin-top:15px;
	border:5px solid #fff;
}
.detail_content .detail_txt{
	margin-top:20px;
	width:894px;
	float:right;
}
.detail_content .detail_txt h4{
	font-size:16px;
	height:36px;
	line-height:36px;
	color:#000;
	font-weight:normal;
	border-bottom:1px dotted #6bc30d;
}
.detail_content .detail_txt dl,.detail_content .detail_txt dl a{
	margin:15px 0;
	font-size:14px;
	line-height:24px;
}
.detail_content .detail_txt dl dt{
	color:#000;
	margin-top:15px;
}
.detail_content .detail_txt dl dd p{
	text-indent:2em;
}
/*小图标*/
.icon_qrcode{
	background:url(../images/home_icon.png) 0 0 no-repeat;
}
.icon_recommend{
	background:url(../images/home_icon.png) 0 -36px no-repeat;
}
.icon_news{
	background:url(../images/home_icon.png) 0 -72px no-repeat;
}
.icon_enter{
	background:url(../images/home_icon.png) 0 -155px no-repeat;
}