.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;background:#ccc;}
.content .category ul li a{font-size:18px;font-weight:bold;color:#fff;}
.content .category ul li:nth-child(n+1).on{background:#2f7eae;}
.content .category ul li:nth-child(2n+2).on{background:#f0616a;}
.content .category ul li:nth-child(3n+3).on{background:#1db162;}
.content .category ul li:nth-child(4n+4).on{background:#552b7e;}
.content .category ul li:nth-child(5n+5).on{background:#ffbe0e;}
.content .category ul li:nth-child(5n+5).on a{color:#000;}

.content .newstitle{font-size:24px;color:#000;font-weight: bold;margin:50px 0 16px 0;line-height:36px;text-align:center;}
.content .info{text-align:center;color:#808080;padding:0 0 15px 0;border-bottom:1px solid #e6e6e6;}
.content .info .time{display:inline-block;font-size:14px;background:url(img/newstimeico.png) left center no-repeat;margin:0 27px 0 0;padding:0 0 0 17px;}
.content .info .author{display:inline-block;font-size:14px;background:url(img/newsauthorico.png) left center no-repeat;padding:0 0 0 21px;}
.content .newscon {font-size:15px;color:#4c4c4c;line-height: 30px;text-indent: 30px;padding:0 0 50px 0;}
.content .newscon p{margin:0;}
.content .newscon img{max-width: 100%;margin:10px auto;display:block;}

.content .news h3{border-bottom:1px solid #e6e6e6;font-size:24px;font-weight: bold;line-height:26px;padding:0 0 15px 14px;background:url(img/line.png) left top no-repeat;}
.content .news .newslist{padding:30px 0 43px 0;}
.content .news .newslist img{display:block;margin:0 auto;max-width:100%;height:auto;}
.content .news .newslist li{padding:25px 20px;border:1px solid #e6e6e6;background:#fff;margin:10px 0;position:relative;}
.content .news .newslist li .title{margin:19px 0 11px 0;line-height: 24px;font-size:14px;color:#333;font-weight: bold;}
.content .news .newslist li .desc{line-height:22px;font-size:12px;color:#666;}

.content .news .newslist li .life{width:67px;height:36px;position:absolute;left:0;top:0;background:url(img/lifeico.png) no-repeat;}
.content .news .newslist li .work{width:67px;height:36px;position:absolute;left:0;top:0;background:url(img/workico.png) no-repeat;}
.content .news .newslist li .fun{width:67px;height:36px;position:absolute;left:0;top:0;background:url(img/funico.png) no-repeat;}
.content .news .newslist li .study{width:67px;height:36px;position:absolute;left:0;top:0;background:url(img/studyico.png) no-repeat;}
.content .news .newslist li .other{width:67px;height:36px;position:absolute;left:0;top:0;background:url(img/otherico.png) no-repeat;}

.content .newscon table{border:1px solid #e0e0e0;}
.content .newscon table tr td{background:#f5f5f5;line-height:24px;padding:10px 20px;word-break:break-all;text-indent:0;}
.content .newscon table tr td:nth-child(1){width:150px;background:#ededed;color:#333;font-weight: bold;text-align: center;vertical-align: middle;padding:10px 0;}
@media (min-width: 760px) {	
.banner{height:280px;padding:75px 0 0 0;}	

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

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

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

.content .news .newslist li{width:300px;float:left;margin:0 30px 0 0;}
.content .news .newslist li:nth-child(3){margin:0;}
.content .news .newslist li .desc{height:44px;overflow:hidden;}

.content .news .newslist li .title{height:24px;overflow: hidden;}
	
}
@media (min-width: 1200px) {	
	



}