
.news-nav{
	width:100%;
	background:#FFFFFF;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,0.08);
}
.news-nav ul span:last-child{
	display:none;
}
.news-list{
	background:#f0f0f0;
	padding-top:60px;	
}
.news-list ul{
	display:flex;
	justify-content:space-around;
	 flex-wrap: wrap;
}
.news-list ul li{
	width:420px;
	height:454px;
	background:#FFFFFF;
	margin-bottom:40px;
}
.news-list ul li:hover{
	box-shadow: 0 3px 12px 0 rgba(0,0,0,0.12);
}
.news-list ul li a{
	display:block;
	
}
.news-list ul li img{
	width:420px;
	height:270px;
	
}

.news-list ul li div{
	padding:24px 30px;
}

.news-list ul li a h4{
	font-size: 18px;
	line-height: 26px;	
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color:#333333;
}
.news-list ul li span{
	font-size: 14px;
	color: #999999;
	line-height: 26px;
	display:inline-block;
	margin:14px;
}

.news-list ul li p{
	display:inline-block;	
	font-size: 16px;
	color: #666666;
	line-height: 28px;	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.turn-page{
	background:#FFF;
}
@media screen and (max-width:768px){

.anchor{
	display:none;
}
.second-nav{
	height:0.96rem;
}


.second-nav ul{
	line-height:0.96rem;
}

.second-nav ul li a{
	font-size:0.28rem;
	height:0.96rem;
}

.w1320{
	padding:0 0.3rem;
}
.news-list{
	padding-top:0.6rem;
}
.news-list ul li{
	width:100%;
	height:auto;
}
.news-list ul li img{
	width:100%;
	height:4.36rem;
}

.news-list ul li a h4{
	font-size: 0.3rem;
	line-height: 0.4rem;
}
.news-list ul li div{
	padding:0.38rem 0;
}

.news-list ul li span{
	font-size:0.24rem;
	line-height:0.5rem;
	margin:0;
}

.news-list ul li p{
	font-size:0.26rem;
	line-height:0.46rem;
}































	
}
























