#newsList ul li{overflow:hidden;display:inline-block;vertical-align:top;width:calc((100%/3) - 5px);margin:15px 0}
#newsList ul li > div{margin:0 15px}
#newsList ul li > div a.photo{background-size:cover}
#newsList ul li .info{padding: 20px;background: #f4f4f4;}
#newsList ul li .info h4 a,#newsList ul li .info article{overflow:hidden;height:27px;font-size:18px;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#newsList ul li .info article{margin-top: 10px;height: auto;line-height:180%;font-size:14px;color:#777;-webkit-line-clamp:3}

@media screen and (max-width:768px){
	#newsList ul li{width: calc((100%/2) - 5px);}
}
@media screen and (max-width:640px){
	#newsList ul li{width: 100%;display: block;margin: 30px 0;}
}