#newslist li {position: relative;transition: all linear .2s;display: inline-block;width: calc((100%/3) - 25px);margin: 10px;vertical-align: top;}
#newslist li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
#newslist li .border { position: relative; overflow: hidden; z-index: 2; }
#newslist li .border .photo {overflow: hidden;transition: all linear .3s;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#newslist li .border .photo img { width: 100%; }
#newslist li .news-info {
    padding: 15px;
}
#newslist li .news-info .news-bottom .date {font-size: 16px;line-height: 120%;color: #c3c3c3;}
#newslist li .news-info .news-bottom h3 {margin: 20px 0;font-size: 20px;line-height: 130%;font-weight: normal;color: #000000;overflow: hidden;height: 50px;}
#newslist li .news-info .news-bottom .describe {overflow: hidden;height: 70px;font-size: 14px;line-height: 170%;color: #c3c3c3;text-align: justify;}
#newslist li .news-info .news-bottom .more {padding: 7px 19px;margin-top: 30px;display: block;color: #333;font-size: 13px;background: #f1f1f1;text-transform: uppercase;text-align: center;transition: all linear .3s;}
#newslist li:hover .news-info .news-bottom .more{background:#0b346e;color:#fff;}
.article-info { margin-bottom: 30px; color: #6d6d6d; }
.article-info a { color: #a0a0a0; }

@media screen and (min-width:1025px) {
	#newslist li:hover {    margin-top: 0;}
}
@media screen and (max-width:768px) {
    #newslist li{    width: calc(50% - 25px);}
}
@media screen and (max-width:640px) {
    #newslist li{    width: calc(100% - 25px);}
}
@media screen and (max-width:480px) {
}