#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}
}