@media screen and (min-width:100px) and (max-width:320px) {
    #wrapper{ width:100%;}
	.caseList dd{ width:100%;}
}
@media screen and (min-width: 321px) and (max-width: 640px) {
    #wrapper{ width:100%;}
	.caseList dd{ width:50%;}
}
@media screen and (min-width:641px) and (max-width:1000px) {
    #wrapper{ width:100%;}
	.caseList dd{ width:33.3%;}
}

@media screen and (min-width:1001px) and (max-width:1200px) {
    #wrapper{ width:100%;}
	.caseList dd{ width:25%;}
}

@media screen and (min-width:1201px){
	.caseList dd{width:25%;}
}/*图文列表*/
.img-list{ position:relative; margin:0; padding:0; }
	.img-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.img-list ul li{ position:relative; float:left; width:50%; }
    .img-list ul li:active{ background:#ececec; }
	.img-list ul li .wrap{ position:relative; margin:0 0 -1px -1px; background:#fff; border:1px solid #ececec; border-right:none; }
    .img-list ul li:nth-child(1) .wrap,
    .img-list ul li:nth-child(2) .wrap{ border-top:none; }
	.img-list ul li .wrap .number{ position:absolute; display:inline-block; top:20px; left:15px; padding:0 7px; height:1.8em; line-height:1.8em; color:#fff; font-size:12px; text-align:center; border-radius:0 3px 3px 0; background:#09bb07; opacity:0.8; z-index:1; }
	.img-list ul li:nth-child(1) .wrap .number{ background:#f00; }
	.img-list ul li:nth-child(2) .wrap .number{ background:#f90; }
	.img-list ul li .wrap a{ display:block; position:relative; padding:15px; text-align:center; }
	.img-list ul li .wrap a img{ display:block; margin:auto; width:100%; }
	.img-list ul li .wrap a .note{ text-align:left; color:#999; }
	.img-list ul li .wrap a .note h2{ display:block; padding:10px 0 5px 0; color:#333; font-size:13px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p{ padding:0 0 10px 0; color:#cecece; font-size:12px; line-height:1.3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.img-list ul li .wrap a .note p .hot{ display:block; float:right; font-style:normal; }
.goods-head{ margin:15px; padding:0; }
    .goods-head h2{ margin:0 0 10px; color:#333; font-size:16px; font-weight:400; line-height:1.3em; }
    .goods-head p{ color:#999; font-size:14px; line-height:24px; }
    .goods-head p .price{ margin-right:3px; color:#f00; font-size:17px; font-weight:600; }
	
	
/*搜索框样式*/
.search-box{ position:relative; display:block; margin:0 60px 0 50px; padding:5px 0; height:34px;     top: 66px;    z-index: 4;}
    .search-box .input-box{ position:relative; display:block; height:32px; border:1px solid #ececec; border-radius:3px; }
    .search-box .input-box input{ display:block; margin:0; padding:0 5px; width:88%; height:32px; line-height:32px; font-size:14px; background:#fff; border:none; }
    .search-box .input-box a{ position:absolute; top:0; right:0; display:block; width:12%; height:32px; text-align:center; background:#fff; }
    .search-box .input-box a:active{ background:#ececec; }
    .search-box .input-box a i{ color:#333; font-size:18px; line-height:32px; }

	
	/*分页页码*/
.page-list{ position:relative; margin:10px 0; padding:0; clear:both; background:#fff; }
	.page-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.page-list a,
    .page-list span{ margin:0.5em 0;  padding:0.5em 0; display:none; float:left; width:24.5%; line-height:1.2em; border-left:1px solid #ececec; font-size:13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .page-list a:active{ background:#ececec; }
	.page-list span{ color:#999; }
	.page-list a{ color:#333; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-left-color:#ececec; }
	.page-list .current{ display:block; float:left; }

