@charset "utf-8";
/* CSS Document */
.banner{ background:url(../img/banner_fangan.jpg) no-repeat center; margin-bottom:20px;}

.prod-box{ background-color:#fff; padding:15px; margin-bottom:30px;}
.filter{ padding-left:60px; position:relative; line-height:24px; margin-bottom:15px;}
.filter .name{ text-align:right; position:absolute; left:0; top:0; height:24px;}
.filter .item{ display:inline-block; margin-right:20px; float:left; cursor:pointer; color:#333}
.filter .item.active,.filter .item:hover{ color:#ffd500;}

.filter .index{ margin-bottom:10px;}
.filter .index i{ min-width:14px; padding:0 3px; line-height:20px; height:20px; border:#f6f8f7 solid 1px; text-align:center; display:inline-block; margin-right:5px; float:left; cursor:pointer;}
.filter .index i:hover,.filter .index i.active{ border-color:#ffd500; background-color:#ffd500; color:#333;}

.prod-list{ border:none; width:100%; margin-bottom:20px;}
.prod-list .cel-con{ padding:10px;}
.prod-list thead tr{background-color:#eee; border-bottom:#a5a5a5 solid 1px; text-align:left;}


.prod-list tbody tr:nth-child(even){ background-color:#f0f3f6;}
.prod-list tbody tr:hover{ background-color:#fff3eb;}



/* 媒体查询 适应大屏 */
@media screen and  (min-width:1700px){
	
	.filter{ padding-left:80px; line-height:26px; margin-bottom:10px;}
	.filter .name{height:26px;}
	.filter .item{  margin-right:30px;}
	
	.filter .index{ margin-bottom:10px;}
	.filter .index i{ min-width:18px; padding:0 3px; line-height:24px; height:24px; margin-right:10px;}
	
	.prod-list .cel-con{ padding:15px;}
	


}