@charset "utf-8";
/* CSS Document */
.contentwrap{background:#f8f8f8;}
.content{width:100%;padding:20px 10px;}
.content>h2{font-size:22px;color:#3b3b3b;}
.content>h2 span{font-size:16px;color:#999;}
.content .cateinfo{font-size:14px;color:#999;}
.content .list{border:1px solid #ebebeb;}
.list{background:#f2f2f2;overflow:hidden;margin:15px 0 0 0;}
.list .sidenav li{float:left;width:33%;}
.list .sidenav li a{height:30px;line-height:30px;display:block;width:90%;margin:5px auto;}
.list .sidenav ul>li.active a{color:#ff4600;font-size:14px;}
.list .listbody{background:#fff;padding:0 20px;}
.list .listbody .imglist{padding:30px 0 0 0;margin-left:-15px;margin-right:-15px;}
.list .listbody .imglist li{padding:20px 0 0 0;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;width:100%;}
.list .listbody .imglist li .img img{margin:0 auto;width:100%;height:auto;}
.list .listbody .imglist li .imgtitle{text-align:center;}
.list .listbody .imglist li .imgtitle a{color:#666;font-size:14px;}
.list .listbody .imglist li .imgtitle a:hover{color:#ff4600;}
.list .listbody .pagelist{width:100%;text-align:center;padding:40px 0 60px 0;}
.list .listbody .pagelist li{display:inline-block;}
.list .listbody .pagelist li a{display:inline-block;background:#f2f2f2;color:#666;font-size:12px;padding:8px 12px;}
.list .listbody .pagelist li.active a,.list .listbody .pagelist li a:hover{background:#ff7642; color:#fff;}
@media (min-width: 760px) {
	.content{padding:55px 20px 45px 20px;margin:90px auto 0;}
	.list .sidenav{width:200px;float:left;height:100%;}
	.list .sidenav ul{padding:0;}
	.list .sidenav li{border-bottom:1px solid #fff;padding:12px 0 12px 60px;line-height:25px;font-size:14px;width:auto;float:none;}
	.list .sidenav li a{height:auto;line-height:25px;display:inline;width:auto;margin:0;}
	.list .sidenav ul>li.active{background:#fff;}	
	.list .listbody{margin:0 0 0 200px;padding:0 70px 0 60px;}
	.list .listbody .imglist{padding:57px 0 0 0;}
	.list .listbody .imglist li{width:50%;}
	 } 
@media (min-width: 1000px) {
	.list .listbody .imglist li{width:33%;}
	 } 
	 
@media (min-width: 1200px) {  
	.content{width:1200px;padding:55px 20px 45px 20px;}
	}