.znews{
	max-width: 1600px;
	margin: auto;
	display: flex;
	flex-direction: row;
	padding: 0 5%;
	flex-wrap: wrap;
}
.znews .nnnitem{
	    padding: 20px;
		width: 30%;
		cursor: pointer;
}
.znews .nnnitem img{
	width: 100%;
}
.znews .nnnitem p{
	font-size: 18px;
	    margin: 10px 0;
}
.znews .nnnitem .zzbutton{
	    margin-top: 40px;
}
.znews .nnnitem .zzbutton button{
	    background: #fff;
	    padding: 10px 30px;
	    border: 1px solid #999;
	    font-weight: normal;
}
.znews .nnnitem:hover .zzbutton button{
	    background: red;
	    border: none;
	    color: #fff;
}
@media (max-width: 780px) {
	.znews{
		flex-wrap: wrap;
	}
	.znews .nnnitem{
		width: 100%;
	}
	
	.znews{
	max-width: 1600px;
	margin: auto;
	display: flex;
	flex-direction: row;
	padding: 0 1%;
	flex-wrap: wrap;
}
	
}