#newslist li{float:left;width:calc(100% / 3)}
#newslist .border{margin:30px 75px;position:relative}
#newslist .border .photo{position:relative;padding:15px}
#newslist .border .photo:after{content:'';position:absolute;display:block;width:90%;height:90%;border:1px solid #3b849a;left:-10px;top:-10px;z-index:2;transition:all cubic-bezier(1,0.01,0.58,1) .3s}
#newslist .border .photo:before{content:'';position:absolute;display:block;width:100px;height:80px;right:-5px;bottom:-10px;z-index:2;background-image:url(/images/17/ttl_icon.png);transition:all cubic-bezier(1,0.01,0.58,1) .3s}
#newslist .border .photo a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;z-index:3}
#newslist .border .photo a img{width:100%}
#newslist .border .news-info .news-bottom p,#newslist .border .news-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#newslist .border .news-info .news-bottom p a{color:#8a8a8a;font-size:15px;transition:all linear .3s}
#newslist .border .news-info h3 a{color:#2d7e96;font-size:20px;transition:all linear .3s}
@media screen and (min-width: 1025px) {
#newslist .border .photo:hover:before{right:5px;bottom:5px}
#newslist .border .photo:hover:after{left:10px;top:10px;background:#3b849a}
#newslist .border .photo a{transition:all cubic-bezier(1,0.01,0.58,1) .3s;transform:translateX(10px)}
#newslist .border .photo a:hover{transform:translateX(0)}
#newslist .border .news-info h3 a:hover{color:#5a5a5a}
#newslist .border .news-info .news-bottom p a:hover{color:#e8aa48}
}
@media screen and (max-width: 1440px) {
#newslist .border .photo{padding:8px}
#newslist .border{margin:30px 55px}
}
@media screen and (max-width: 1280px) {
#newslist li{width:calc(100% / 2)}
}
@media screen and (max-width: 980px) {
#newslist .border{margin:30px 45px}
}
@media screen and (max-width: 768px) {
#newslist .border{margin:30px 25px}
#newslist .border .photo{padding:0}
}
@media screen and (max-width: 480px) {
#newslist .border{margin:20px 8px}
#newslist .border .photo:after{left:-5px;top:-5px}
#newslist .border .news-info{margin-top:10px}
#newslist .border .news-info h3 a{font-size:18px}
}