#newslist li { float: left; width: calc(100% / 3); }
#newslist .border { position: relative; margin: 30px 75px; }
#newslist .border .photo { position: relative; padding: 15px; }
#newslist .border .photo:before , #newslist .border .photo:after { position: absolute; width: 90%; height: 90%; border: 1px solid #3b849a; display: block; top: -10px; left: -10px; z-index: 2; transition: all cubic-bezier(1, .01, .58, 1) .3s; content: ""; }
#newslist .border .photo:before { width: 100px; height: 80px; background: url(/images/17/ttl_icon.png); top: auto; right: -5px; bottom: -10px; left: auto; }
#newslist .border .photo a { position: relative; background: no-repeat 50% / cover; display: block; 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 { font-size: 15px; color: #8a8a8a; transition: all linear .3s }
#newslist .border .news-info h3 a { font-size: 20px; color: #2d7e96; transition: all linear .3s }

@media screen and (min-width:1025px) {
	#newslist .border .photo:hover:before { right: 5px; bottom: 5px; }
	#newslist .border .photo:hover:after { background: #3b849a; left: 10px; top: 10px; }
	#newslist .border .photo a { transition: all cubic-bezier(1, .01, .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; }
}