@import "https://at.alicdn.com/t/font_2051371_65bse0t0bwj.css";
@import "https://at.alicdn.com/t/font_210935_ey3bc2kbk9.css";
@import "./base.css";
@import "./header.css";

.banner {width:100%;position: relative;}
.banner img {width:100%;}
.news-title-box {position:absolute;bottom:40%;left:0;width:100%;}
.news-title-box-inline {width:1200px;margin:0 auto;}
.news-title-box h2 {color: #f1f1f1; font-size: 30px; height: 40px; line-height: 40px;}
.news-title-box h3 {color: #f1f1f1; font-size: 20px; height: 30px; line-height: 30px;}

.crm{line-height: 68px; height: 68px; overflow: hidden;background-color: #f1f1f1;font-size: 20px;}
.crm i{font-size: 2rem; height: 68px; display: inline-block; vertical-align: bottom;}
.crm span{display: inline-block;}
.crm a{line-height: 68px; display: inline-block;}
.crm a:hover{color: #111; text-decoration: underline}

.news-list {margin-bottom:50px;}
.news-item {margin-top:50px;}
.news-date {float:left;width:130px;height:130px;background-color:#e2e2e2;color:#4d4d4d;text-align:center;display:flex;align-items:center;justify-content:center;;font-size:20px;}
.news-content {float:left;width:1020px;position:relative;height:130px;border-bottom:1px solid #4d4d4d;margin-left:50px;}
.news-title {font-size:25px;font-weight:bold;color:#4d4d4d;height:45px;line-height:45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news-desc {font-size:15px;color:#4d4d4d;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news-more {position: absolute;right: 0;bottom: 10px;}

.news-item a:hover .news-date,.news-item a:active .news-date {background: #162987;color:#fff;}
.news-item a:hover .news-title,.news-item a:active .news-title {color:#162987;}

.news-page {width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;margin-bottom:50px;}
.news-page a{height:40px;line-height:40px;padding:0 15px;border:1px solid #4d4d4d;display:inline-block;font-size:15px;}
.news-page a.cur{background: #162987;color:#fff;}

@media only screen and (max-width:768px) {
    .news-title-box-inline {width: 95%;}
    .news-title-box {bottom: 20%;}
    .news-title-box h3 {display: none;}
    .crm {display: none}
    .news-item {margin-top: 10px;}
    .news-item a {display: flex;}
    .news-date {float: none;}
    .news-content {float: none;flex:1;width: auto;height: auto;margin-left: 10px;overflow: hidden;}
    .news-title {font-size: 16px;}
    .news-page {width: 95%;}
    .news-page a {font-size: 12px;}
}