/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.header{background-color:#fff}
.nav-item{color:#333}
.nav-active{color:#2982fc;position:relative}
.nav-active::after{content:'';width:56px;height:2px;background-color:#2982fc;border-radius:1px;position:absolute;bottom:-16px;left:5px}
.banner{min-width:1200px;height:520px;background-image:url(../static/news/banner.png);background-size:cover;background-repeat:no-repeat}
.news{width:1200px;margin:45px auto 0}
.news-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.news-tabs-item{position:relative;width:140px;height:46px;background-color:#fff;border-radius:23px;border:solid 1px #2982fc;text-align:center;line-height:46px;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box}
.news-tabs-item a{color:#2982fc}
.news-tabs-item:not(:last-child){margin-right:30px}
.news-tabs-item-active,.news-tabs-item-active a{background-color:#2982fc;color:#fff;border-color:transparent}
.news-tabs-item-active::after{content:'';position:absolute;border:5px solid #2982fc;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;bottom:-11px;left:50%;margin-left:-5px}
.news-list{margin-top:44px}
.news-list-item{width:100%;height:242px;background-color:#fff;border-radius:8px;border:solid 1px #f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 37px 30px 30px}
.news-list-item:not(:first-child){margin-top:20px}
.news-list-item:hover{-webkit-box-shadow:0 4px 13px 0 rgba(41,130,252,.17);box-shadow:0 4px 13px 0 rgba(41,130,252,.17)}
.news-list-item:hover .news-list-item-title{color:#2982fc}
.news-list-item a{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.news-list-item a>img{margin-right:20px;width:280px;height:180px;border-radius:8px}
.news-list-item-right{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.news-list-item-title{font-size:22px;font-weight:700;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;color:#333}
.news-list-item-desc{margin-top:16px;font-size:16px;line-height:28px;color:#666;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news-list-item-date{margin-top:13px;font-size:16px;color:#999}
#page {
    margin: 50px 0;
}