@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;
}
/*优建材右侧悬浮导航*/
.right_float{width:111px;height:504px;position:fixed;right:0;_position:absolute;display:none;overflow:hidden;z-index:50}/*left50%确保页面中间，左边距515大于页面内容的一半，确保在内容整体右侧外*/
.right_float a{display:block;text-indent:-9999px;overflow:hidden;height:42px; background:url(../images/right_nav0.png) no-repeat;-webkit-transition:background 0.2s ease}
.right_float .an_1:hover{background-position:-111px 0}
.right_float .an_2{background-position:-222px 0}
.right_float .an_2:hover{background-position:-333px 0}
.right_float .an_3{background-position:-444px 0}
.right_float .an_3:hover{background-position:-555px 0}
.right_float .an_4{background-position:-666px 0}
.right_float .an_4:hover{background-position:-777px 0}
.right_float .an_5{background-position:-888px 0}
.right_float .an_5:hover{background-position:-999px 0}
.right_float .an_6{background-position:-1110px 0}
.right_float .an_6:hover{background-position:-1221px 0}
.right_float .an_7{background-position:-1332px 0}
.right_float .an_7:hover{background-position:-1443px 0}
.right_float .an_8{background-position:-1554px 0}
.right_float .an_8:hover{background-position:-1665px 0}

#cs_box {width:112px;color:#FFF;right:10px; top:4%; border-radius:10px; z-index:1000;position:fixed; background:#7f292a;}
#cs_box span { display:block;}
#cs_box span a{ line-height:30px;color:#fff;display:block; background:#570001;}
.cs_close {color:#FFF; position:absolute; right:10px; top:8px; cursor:pointer; font-size:20px;font-family:Verdana, Geneva, sans-serif}
.cs_title {margin:10px; font-weight:bold;}
.cs_info {text-align:center;}
.cs_btn {width:100px; height:25px;line-height:25px;color:#666;margin:5px;text-align:center; cursor:pointer;border-radius:5px;background:#fff;}

.scroll_l{ left:0;top:4%;width:112px; line-height:35px; text-align:center;position:fixed; z-index:999;}
.scroll_l a{ display:block;background:#003; color:#fff;}

.list_content.d li{width:178px;height:195px;overflow:hidden;margin:2px 2px 0 0;float:left;border:2px solid #fff;}
.list_content.d li:hover{border:2px solid #0097e4;}
.list_content.d li img{height:145px;width:145px;}
.list_content.d li .img_con{padding:5px;position:relative;overflow:hidden;}
.list_content.d li .img_con img.pic_brand{top:10px;border-radius:10px;-moz-border-radius:10px;}
.list_content.d li .img_con img.pic_qrcode{top:10px;left:200px;}
.list_content.d li p{line-height:30px; text-align:center;}

.WxBox .WxBox0 div dd{text-align:center;}
.WxBox .WxBox0 div dd img{max-width:100%;max-height:100%;}
.main_l_menu li a:hover {background-color: #2e8ae2 ;border: medium none;}
.main_news dl dd img{max-width:100%;max-height:100%;}
.main_news0 dl dd img{max-width:100%;max-height:100%;}
.kwicks li img { width: 520px;}
.top_magrin {padding-top:10px;}