#f1,#f2{
	overflow: hidden;
	margin-bottom: 15px;
}
.activity {
	width: 100%;
	height: 50px;
	background-color: #F4F4F4;
}
.activity div {
	float: left;
	height: 50px;
	color: white;
	padding: 0 35px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	background: rgba(0, 160, 233, 1);
}
#f1 .artcleList {
    line-height: 45px;
}

.ul_artcleList{
	margin-top: 10px;
	line-height: 45px;
}
.ul_artcleList li{
	float: left;
	width: 33.33%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.artcletitle:hover{
	color: #00A0E9;
}
.triangle2:before{
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	vertical-align: middle;
	background: url(../../images/zwgk/sj.jpg) center center no-repeat;
}
@media screen and (max-device-width:768px) {
	.ul_artcleList li{
		float: left;
		width: 50%;
	}
}