#newslist li { float: left; width: calc(50% - 5px); position: relative; margin: 0 5px 10px 0; }
#newslist li:nth-child(even) { float: right; margin: 0 0 10px 5px; }
#newslist li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
#newslist li .border { position: relative; z-index: 2; overflow: hidden; }
#newslist li .border .photo { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; transition: all linear .3s; }
#newslist li .border .photo img { width: 100%; }
#newslist li:hover .border .photo { transform: scale(1.1); }
#newslist li .news-info { position: absolute; top: 0; left: 0; width: calc(100% - 160px); height: calc(100% - 160px); padding: 80px; color: #fff; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; background-color: rgba(0, 0, 0, .5); background-image: linear-gradient(to top, transparent, #1f1f1f); -moz-opacity: .9; -khtml-opacity: .9; -webkit-opacity: .9; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); transition: all linear .3s; }
#newslist li:hover .news-info { background-image: none; background: #bd3738; }
#newslist li .news-info .news-bottom .date { font-size: 15px; }
#newslist li .news-info .news-bottom h3 { font-size: 40px; line-height: 120%; margin: 50px 0 30px; max-height: 96px; overflow: hidden; }
#newslist li .news-info .news-bottom .describe { line-height: 150%; font-size: 16px; max-height: 74px; overflow: hidden; }
#newslist li .news-info .news-bottom .more { display: inline-block; border: 1px solid #fff; padding: 10px 25px; font-size: 13px; margin-top: 50px; }
.article-info { margin-bottom: 30px; }

@media screen and (max-width: 1680px) {
	#newslist li .news-info { width: calc(100% - 100px); height: calc(100% - 100px); padding: 50px; }
	#newslist li .news-info .news-bottom h3 { font-size: 32px; margin: 30px 0; max-height: 78px; }
	#newslist li .news-info .news-bottom .more { margin-top: 30px; }
}
@media screen and (max-width: 1440px) {
	#newslist li .news-info .news-bottom .describe { max-height: 50px; }
	#newslist li .news-info .news-bottom h3 { font-size: 26px; margin: 30px 0; max-height: 62px; }
}
@media screen and (max-width: 1279px) and (min-width: 979px) {
	#newslist li, #newslist li:nth-child(even) { width: 100%; margin: 5px 0 0; float: none; }
}
@media screen and (min-width: 1025px) {
	#NewsBox .speBox .subBoxTitle a:hover, #bookBox .speBox p a:hover { color: #bd3738; }
}
@media screen and (max-width: 980px) {
	#newslist li .news-info .news-bottom .more { margin-top: 20px; padding: 8px 20px; }
	#newslist li .news-info .news-bottom h3 { font-size: 22px; margin: 20px 0; max-height: 52px; }
}
@media screen and (max-width: 768px) {
	#newslist li .news-info { width: calc(100% - 60px); height: calc(100% - 60px); padding: 30px; }
	#newslist li .news-info .news-bottom .describe { max-height: initial; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}
@media screen and (max-width: 640px) {
	#newslist li, #newslist li:nth-child(even) { width: 100%; margin: 5px 0 0; float: none; }
}
@media screen and (max-width: 480px) {
	#NewsBox .speBox .speBoxTitle { font-size: 45px; }
	#NewsBox .speBox .subBoxTitle { float: none; clear: both; text-align: right; margin: 0; }
	#NewsBox .speBox .webframe:after { bottom: 20px; }
	#newslist li .news-info { width: calc(100% - 80px); height: calc(100% - 80px); padding: 40px; }
}