.banner{background:#ffbe0e;padding:40px 20px;}
.banner img{margin:0 auto;}

.contentwrap{background:#fafafa;padding:20px;}

.content .category ul{text-align: center;}
.content .category ul li{width:120px;height:50px;border-radius: 2px;display:inline-block;margin:10px 10px;text-align: center;line-height:50px;}
.content .category ul li a{font-size:18px;font-weight:bold;color:#fff;display:block;}
.content .category ul li:nth-child(n+1){background:#2f7eae;}
.content .category ul li:nth-child(2n+2){background:#f0616a;}
.content .category ul li:nth-child(3n+3){background:#1db162;}
.content .category ul li:nth-child(4n+4){background:#552b7e;}
.content .category ul li:nth-child(5n+5){background:#ffbe0e;}
.content .category ul li:nth-child(5n+5) a{color:#000;}
.content .list{margin:10px 0 0 0;}
.content .list .newslist li{margin:25px 0 0 0;border:1px solid #e6e6e6;background:#fff;padding:40px;position: relative;}
.content .list .newslist li .info .title{font-size:18px;font-weight: bold;line-height:28px;margin:10px 0;}
.content .list .newslist li .info span{font-size:14px;color:#808080;line-height:22px;}
.content .list .newslist li .info .time{display:inline-block;background:url(img/newstimeico.png) left center no-repeat;margin:0 27px 0 0;padding:0 0 0 17px;}
.content .list .newslist li .info .author{display:inline-block;background:url(img/newsauthorico.png) left center no-repeat;padding:0 0 0 21px;}
.content .list .newslist li .info .desc{line-height:22px;margin:18px 0 0 0;font-size:15px;color:#4c4c4c;}
.content .list .newslist li .info .viewmore3{display:block;width:152px;height:37px;line-height:37px;color:#000;font-size:12px;font-weight: bold;text-align: center;margin:19px 0 0 0;background: #ffbe0e;}
.content .list .newslist li .fun{width:70px;height:49px;position:absolute;top:-1px;right:0px;background:url(img/funico2.png) no-repeat;}
.content .list .newslist li .study{width:70px;height:49px;position:absolute;top:-1px;right:0px;background:url(img/studyico2.png) no-repeat;}
.content .list .newslist li .life{width:70px;height:49px;position:absolute;top:-1px;right:0px;background:url(img/lifeico2.png) no-repeat;}
.content .list .newslist li .work{width:70px;height:49px;position:absolute;top:-1px;right:0px;background:url(img/workico2.png) no-repeat;}
.content .list .newslist li .other{width:70px;height:49px;position:absolute;top:-1px;right:0px;background:url(img/otherico2.png) no-repeat;}
.content .list .pagelist{margin:36px 0 0 0;text-align: center;}
.content .list .pagelist li{display:inline-block;background:#ffbe0e;margin:0 2px;border-radius: 2px;font-size:13px;}
.content .list .pagelist li a{display:block;padding:8px 10px;}
.content .list .pagelist li:hover,.content .list .pagelist .on{background:#000;}
.content .list .pagelist li:hover a,.content .list .pagelist .on a{color:#fff;}
.content .list .pagelist .prev{margin-right:7px;}
.content .list .pagelist .next{margin-left:7px;}
.content .list .backlist{display:block;background:#bdbdbd;color:#000;padding:15px 0px;width:130px;border-radius: 2px;font-size:14px;font-weight:bold;margin:20px auto 0;text-align:center;}
@media (min-width: 760px) {	
.banner{height:280px;padding:75px 0 0 0;}	

.contentwrap{padding:45px 0 65px 0;}

}
@media (min-width: 1000px) { 
.content{width:1000px;margin:0 auto;}

.content .category ul li{margin:0 10px;}	

.content .list .newslist li img{width:280px;float:left;}
.content .list .newslist li .info{width:600px;float:left;margin:0 0 0 30px;}
.content .list .newslist li .info .desc{height:44px;overflow: hidden;}

.content .list .newslist li .fun{right:50px;}
.content .list .newslist li .study{right:50px;}
.content .list .newslist li .life{right:50px;}
.content .list .newslist li .work{right:50px;}
.content .list .newslist li .other{right:50px;}
	
}
@media (min-width: 1200px) {	
	



}