#newslist li{float:left;width: calc(33% - 7px);position:relative;margin: 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% - 50px);height: calc(100% - 50px);padding: 25px;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: #e4ca95;}
#newslist li .news-info .news-bottom .date{font-size:15px}
#newslist li .news-info .news-bottom h3{font-size: 22px;line-height:120%;margin: 15px 0;overflow: hidden;height: 50px;}
#newslist li .news-info .news-bottom .describe{line-height:150%;font-size: 14px;max-height: 40px;overflow:hidden;display: none;}
#newslist li .news-info .news-bottom .more{display:inline-block;border:1px solid #fff;padding:10px 25px;font-size:13px;position: absolute;right: 25px;bottom: 25px;}
.article-info{margin-bottom:30px;}
.main-article #describe #article{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 200%;
}
.ask a{display:block;text-align:center;color: #ffffff;height:60px;line-height:60px;font-size:17px;position:relative;background: #e4ca95;width:200px;border-radius:5px;padding-right:20px;margin-top: 20px;}
.ask a b{position:absolute;width:30px;height:30px;background:#f9f9f9;border-radius:50%;line-height:30px;top:15px;text-align:center;font-size:12px;right:20px;transition:all linear .3s;color: #e4ca95;}
.ask a:hover b{transform:scaleX(-1);background:#fff;color: #e4ca95;}

@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: 25px;margin: 5px 0;max-height:78px;height: 56px;}
#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: 23px;margin: 16px 0;max-height:62px;}
#newslist li {    width: calc(49% - 7px);}
}
@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: 5px 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}
}