/* News */
.News{width: 100%;background-color: #fff;}
.News-content{width: 70%; margin: 0 auto;text-align: center; padding:100px 0;}
.News-title{margin-bottom: 70px;}
.News-list{width: 100%;}
.News-list ul{width: 100%;}
.News-list ul li{width: 100%;background-color:rgba(245, 247, 250, 0.9);margin-bottom: 30px;overflow: hidden;}
.News-list ul li .News-article{text-align: left;width: 90%;overflow: hidden; padding: 40px 0; margin: 0 auto;}
.News-list ul li .News-article .img-title{float: right;width: 35%;height: 303px;text-align: right;}
.News-list ul li .News-article .img-title img{width: 100%;height: 100%;}
.News-list ul li .News-article .list-profiles{float: left;width: 60%; text-align: left;}
.News-list ul li .News-article .list-profiles h1{font-size: 70px;font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600;color: #333333;opacity: .3;}
.News-list ul li .News-article .list-profiles h4{ white-space: nowrap;width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;height: 28px;  font-size: 18px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #333333; line-height: 28px;letter-spacing: 1px;}
.News-list ul li .News-article .list-profiles span{height: 20px;font-size: 14px; font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #666666;line-height: 20px;}
.News-list ul li .News-article .list-profiles p{margin-bottom: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;width: 100%;font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #666666;line-height: 28px;}
.News-list ul li .News-article .list-profiles a{height: 20px; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999;line-height: 20px;}
.News-list ul li .News-article .list-profiles a span{display: inline-block;width: 0;height: 0;border: 5px solid;border-color: #fff #fff #fff #999;}
.News-list ul li:hover{background: #FFFFFF;border-left: 3px solid #0063B9; box-shadow: 0px 15px 20px 0px rgba(0, 56, 129, 0.05);}
.News-list ul li:hover .News-article .list-profiles a{color: #0063B9;}
.News-list ul li:hover .News-article .list-profiles a span{border-color: #fff #fff #fff #0063B9;}
.pageBox button{ background: #fff; color: #0063B9; border: 1px solid #0063B9; border-radius: 5px;padding: 5px;font-size: 12px;}
.News-MoreBtn button{margin-top: 50px; background-color: #fff;border-radius: 2px; border: 1px solid #0063B9; color: #0063B9; padding: 8px 40px;}
.News-MoreBtn button:hover{background-color: #0063B9; color: #fff;}
@media (max-width: 1680px) {
    .News-list ul li .News-article{}
    .News-list ul li .News-article .list-profiles p{font-size: 16px !important;}
} 
@media (max-width: 1440px) {
    .News-list ul li .News-article{}
    .News-list ul li .News-article .list-profiles p{font-size: 14px !important;}
} 
@media (max-width: 1366px) {
    .News-list ul li .News-article{}
    .News-list ul li .News-article .list-profiles p{font-size: 14px !important;}
}  
@media (max-width: 1280px) {
    .News-list ul li .News-article{padding: 20px 0;}
    .News-list ul li .News-article .list-profiles p{font-size: 14px !important;}
}