/* News style */
.clear {
    clear: both;
}
.snews {
    width: 100%;
    height: 100%;
    background: rgb(244, 244, 244);
	padding: 8% 0 15%;
}
.snews .newsList {
    width: 1440px;
    margin: 0 auto;
}
.newsList ul{width:100%;}
.newsList li{float:left;width:23.5%;margin-right:2%;margin-bottom:5%;position:relative;border-bottom:2px solid #BCBEC0;}
.newsList li:nth-child(4n){margin-right:0;}
.newsList li .nImg{width:100%;height:210px;overflow:hidden;display:block;}
.newsList li img{width:100%;height:210px;transition:all 0.5s;}
.newsList li div{padding:15px;background:#f1f1f1;height:120px;color:#666;line-height:22px;}
.newsList li div h4{color:#333;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid #dadada;font-size:16px;font-weight:normal;}
.newsList li div h4 span{display:block;color:#999;line-height:16px;font-size:12px;}
.newsList li div p{font-size:14px;}
.newsList li:hover div{color:#fff;background:#036EB8;}
.newsList li:hover div h4,.newsList li:hover div span{color:#fff;}
.newsList li:hover div h4{border-bottom:1px solid #00A1E9;}
.newsList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}
.newsList li::before,.newsList li::after{content:"";position:absolute;bottom:-2px;height:2px;transition:all 0.4s;width:0;left:0;background:#00A1E9;}
.newsList li::after{right:0;left:auto;}
.newsList li:hover::before,.newsList li:hover::after{width:50%;transition:all 0.4s;}
/* nei: news end */