/*nav*/
.news-nav{
    width: 100%;
    height: 3.125rem;
    background: #F8F9FA;
    margin-top: 3.75rem;
}

.news-nav ul{
    width: 75rem;
    height: 3.125rem;
    margin: 0 auto;
}

.news-nav ul li{
    float: left;
    height: 3.125rem;
    line-height: 3.125rem;
    margin-right: 1.25rem;
    font-size:.875rem;
    font-weight:400;
    color:rgba(9,15,33,1);
}

.news-contain{
    width: 75rem;
    margin: 0 auto;
    padding: 2.875rem 0 3.75rem 2.5rem;
    display: flex;
    justify-content: space-between;
}

/*左侧新闻*/
.contain-left{
    /* width: 49.5rem; */
}

.news-tit{
    /* width:49.5rem; */
    font-size:2.75rem;
    font-weight:500;
    color:rgba(9,15,33,1);
    line-height:4.125rem;
    text-align: left;
}

.news-date{
    height: 3.75rem;
    /* width: 49.5rem; */
    border-bottom: 1px solid rgba(223,226,228,1);
}

.news-date li{
    float: left;
    margin-right: 1.25rem;
    line-height: 3.75rem;
    font-size:.875rem;
    font-weight:400;
    color:rgba(9,15,33,.3);
}

.news-date li{
    cursor: pointer;
}

.news-date li:hover{
    color: #4DB7DD;
}

.news-date .first-li:hover,.news-date li:nth-child(2):hover{
    color:rgba(9,15,33,.3);
    cursor: default;
}

.news-date li::after{
    float: left;
    width:.0625rem;
    height:.75rem;
    background:rgba(181,183,188,1);
    margin-right: 1.25rem;
    content: '';
    display: inline-block;
    margin-top: 1.4375rem;
}

.news-date .first-li::after{
    display: none;
}

.news-article{
    margin: 1.875rem 0 0;
    text-align: left;
    border-bottom: 1px solid rgba(223,226,228,1);
    overflow: hidden;
}

.news-article img {
    width: 100%;
}

.news-article-sub{
    height:1.375rem;
    font-size:1rem;
    font-weight:500;
    color:rgba(9,15,33,1);
    line-height:1.375rem;
    margin-bottom: .625rem;
}

.news-article-img{
    margin-top: 1.25rem;
}

.news-article-img img{
    width:49.5rem;
    height:20.8125rem;
    background: #f3f3f3;
}

.news-article-img h6{
    margin-top: 1.25rem;
    width: 49.5rem;
    height: 1.25rem;
    text-align: center;
    font-size:.875rem;
    font-weight:400;
    color:rgba(9,15,33,.7);
    line-height:1.25rem;
}

.news-page{
    margin-top: 1.875rem;
    display: flex;
    justify-content: space-between;
}

.page{
    width: 23.75rem;
}

.page-img{
    float: left;
    background: url("../../uploads/news/icon／new2.svg") no-repeat center;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .625rem;
}

.page-txt{
    float: left;
    width:21.875rem;
    height:1.25rem;
    font-size:.875rem;
    font-weight:400;
    color:rgba(9,15,33,.7);
    line-height:1.25rem;
}

.page:hover{
    cursor: pointer;
}

.page:hover .page-img{
    background: url("../../uploads/news/icon／new.svg") no-repeat center;
}

.page:hover .page-txt{
    color: #4DB7DD;
}

/*相关推荐*/
.news-about{
    margin-top: 3.75rem;
}

.news-about h1{
    width:7.5rem;
    height:2.625rem;
    font-size:1.875rem;
    font-weight:500;
    color:rgba(9,15,33,1);
    line-height:2.625rem;
}

.news-about-tips{
    margin-top: 2.5rem;
    width: 49.5rem;
    display: flex;
    justify-content: space-between;
}

.news-about-tip{
    width:23.75rem;
    height:22.5rem;
    background:rgba(255,255,255,1);
    box-shadow:0rem .25rem .875rem 0rem rgba(12,37,91,0.1);
}

.news-about-tip-img{
    width:23.75rem;
    height:10rem;
    background: #f3f3f3;
}
.news-about-tip-img img{
    width: 100%;
    height: 100%;
}

.news-about-tip-img img{
    width:23.75rem;
    height:10rem;
}

.news-about-tip h2{
    margin: 1.25rem auto .625rem;
    width:20rem;
    height: 3.75rem;
    font-size:1rem;
    font-weight:500;
    color:rgba(9,15,33,1);
    line-height:1.875rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-about-tip p{
    margin: 0 auto;
    width:20rem;
    height:4.875rem;
    font-size:.875rem;
    font-weight:400;
    color:rgba(9,15,33,.5);
    line-height:1.625rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-about-tip:hover p{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

/*右侧新闻*/
.contain-right{
    width: 18rem;
}

.news-right-title{
    height: 2.625rem;
    width: 18rem;
    border-bottom: 1px solid #DFE2E4;
    font-size:1rem;
    font-weight:500;
    color:rgba(9,15,33,1);
    line-height:1.375rem;
}

.news-hot{
    margin-top: .875rem;
}

.news-hot h2{
    width:18rem;
    font-size:.875rem;
    font-weight:500;
    color:rgba(9,15,33,1);
    line-height:1.625rem;
    margin-top: 1.25rem;
}
.news-hot h2:hover{
    font-weight: 600;
}

.news-hot p{
    width:18rem;
    font-size:.875rem;
    font-weight:400;
    color:rgba(9,15,33,.5);
    line-height:1.625rem;
    margin-top: .625rem;
    word-break:break-all;
    height: 3.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-label{
    margin-top: 3.75rem;
}

.news-labels{
    width: 18rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.news-labels span{
    padding: .3125rem .625rem;
    margin-top: 1.25rem;
    border-radius:.25rem;
    border:1px solid rgba(9,15,33,.3);
    line-height: 1.125rem;
    text-align: center;
    font-size:.875rem;
    font-weight:400;
    margin-right: .625rem;
}

.news-labels span:hover{
    border:1px solid #4DB7DD;
    color: #4DB7DD;
}

.news-labels span:hover a{
    color: #4DB7DD;
}

.news-labels span a{
    color:rgba(9,15,33,.5);
}

.news-recommend{
    margin-top: 3.75rem;
}

.news-recommend-tip{
    margin-top: 1.25rem;
    display: flex;
    justify-content: space-between;
}

.news-recommend-tip-img{
    width:4.75rem;
    height:4.75rem;
    border-radius:.25rem;
    background: #f3f3f3;
    overflow: hidden;
}

.news-recommend-tip-img img{
    /*width: 100%;*/
    height: 100%;
    border-radius:.25rem;
}

.news-recommend-tip-txt{
    width: 12.25rem;
    text-align: left;
}

.news-recommend-tip-txt h3{
    width:12.25rem;
    height:3.25rem;
    font-size:.875rem;
    font-weight:400;
    color:rgba(9,15,33,1);
    line-height:1.625rem;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-recommend-tip-txt p{
    height:1.0625rem;
    font-size:.75rem;
    font-weight:400;
    color:rgba(9,15,33,.3);
    line-height:1.0625rem;
    margin-top: .4375rem;
}