.new_top{    background: #f1f1f1;
    box-shadow: 1px 0 2px #999;
    position: sticky;
    z-index: 10;
    top: 108px;}
.news_sort{display: flex;
    align-items: center;
    justify-content: center;}
.news_sort li{padding: 0 2%;}
.news_sort a{font-size: 18px;transition: all 0.5s;
    position: relative;
    color: #333;
    line-height: 24px;
    padding: 20px 30px;
    display: block;}
.news_sort a::after{content: "";transition: all 0.3s;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    width: 0%;
    background: #3064b9;
    height: 2px;
}
.news_sort li:hover a{color:#3064b9;}
.news_sort li:hover a::after{width: 100%;}
.news_sort li.active a{color:#3064b9;}
.news_sort li.active a::after{width: 100%;}

/*列表*/
.new_bottom,.new_details{    background: #f1f1f1;
    margin-top: 2px;
    padding: 60px 0;}
.news_list{    max-width: 1300px;
    width: 90%;
    margin: 0 auto;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 2px #ccc;}
.news_list li{    width: 100%;
    margin-bottom: 30px;
    background: #ffff;
    border-radius: 10px;
    overflow: hidden;
    padding: 2px;}

.list_left{width: 30%;    overflow: hidden;border-radius: 10px;}
.list_rigth{    width: 66%; padding: 0 2%; display: flex; align-items: center;}
.list_box{ display: flex; align-items: center; position: relative;}
.list_left img{width: 100%; height: auto; transition:all 1s;}
.news_list li:hover img{transform: scale(1.1);}
.list_rigth_text h3 a{font-size: 22px; color: #333;    font-weight: 600; padding-bottom: 25px; transition: all 0.5s; display: block;}
.news_list li:hover h3 a{color:#3064b9;}
.list_rigth_text p{font-size: 16px; line-height: 32px; color: #999;}
.list_rigth_text{    width: calc(100% - 100px);}
.list_rigth_time{    width: 100px; text-align: right;}
.list_rigth_time h4{    margin: 0;font-size: 60px; font-weight: 500;}
.list_rigth_time p{    font-size: 20px;padding: 0 5px;color: #999;}
.list_box::after{
    content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background-color: #3064b9;
    transition: all 0.5s;
}
.news_list li:hover .list_box::after{width: 100%;}

/*新闻详情*/
.new_details_box > h1{
    font-size: 24px; font-weight: 600;
    color: #333;
    padding: 20px 0 15px;
    text-align: center;
}
.new_details ul *{
    font-size: 14px; font-weight: 300px;color: #999;line-height: 28px;
}
.new_details ul li{padding: 0 10px;}
.new_details_box ul{display: flex; align-items: center;justify-content: center;
    padding-bottom: 10px;}
.new_details_box > h2{
    font-size: 18px; font-weight: 300px;color: #333;
    padding: 20px; 
    border-radius: 10px;
    border:1px solid #ddd;
    background: #fff;
    margin-bottom: 20px;
}
.new_details_box{ max-width: 1300px;
    width: 90%;
    margin: 0 auto;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 2px #ccc;}
.new_details_box > div,.new_details_box > div *{
font-size: 16px; font-weight: 300px;color: #333;
line-height: 36px;
    }