.top-banner{min-height:357px; background-repeat:no-repeat;background-size:100% 100%;}
.top-banner .banner-title{line-height:72px;font-size:60px;color:#1f5c99;font-weight:bold;padding:90px 0 0 10px;}
.top-banner .banner-desc{line-height:24px;padding-top:90px;}
.top-banner .desc-p1{font-size:20px;color:#333;}
.top-banner .desc-p2{font-size:16px;color:#6b6b6b;padding-top:16px;}

.top-banner .link-btn-wrapper{padding:118px 4px 40px 0;}
.top-banner .link-btn-item{text-align:right;}
.top-banner .link-btn-item:nth-child(2){margin-top:26px;}
.top-banner .link-btn{display:inline-block;width:184px;height:46px;line-height:40px;font-size:16px;color:#1f5c99;font-weight:bold;text-align:center;border:3px solid #39a2ec;border-radius:12px;background:#e1f2fa;}

.news-list{min-height:600px;padding:50px 0 80px;background-image: linear-gradient(to right, #f0f5fa, #e4edf7);}
.news-list .container{background:#fff;padding:40px !important;}

.section-header{text-align:center;margin-bottom:40px;}
.section-header .section-title{font-size:32px;color:#1f5c99;font-weight:bold;margin-bottom:15px;}
.section-header .section-desc{font-size:18px;color:#666;}

.news-filter{margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:15px;}
.news-filter .filter-tabs{list-style:none;padding:0;margin:0;display:flex;justify-content:center;}
.news-filter .filter-tabs li{margin:0 15px;}
.news-filter .filter-tabs li a{display:block;padding:8px 15px;font-size:16px;color:#666;text-decoration:none;border-bottom:2px solid transparent;}
.news-filter .filter-tabs li.active a,
.news-filter .filter-tabs li a:hover{color:#1f5c99;border-bottom-color:#1f5c99;}

.news-items{margin-bottom:40px;}
.news-item{padding:25px 0;border-bottom:1px solid #eee;}
.news-item:last-child{border-bottom:none;}
.news-item .row{display:flex;align-items:center;}

.news-image{overflow:hidden;border-radius:8px;height:0;padding-bottom:75%;position:relative;}
.news-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.news-image:hover img{transform:scale(1.05);}

.news-content{padding: 20px 15px 0 40px;}
.news-title{font-size:22px;font-weight:bold;margin:0 0 15px;}
.news-title a{color:#333;text-decoration:none;}
.news-title a:hover{color:#1f5c99;}

.news-meta{font-size:14px;color:#333;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;margin:0;position:relative;height:0;padding-bottom:75%;}
.news-meta .meta-date{display:block;position:absolute;padding:0 10px 0 20px;border-left:1px solid #e0e0e0;top:50%;left:0;right:0;transform:translateY(-50%);}
.news-meta .meta-date-day{font-size:22px;color:#1f5c99;font-weight:500;line-height:1;}
.news-meta .meta-date-year{font-size:16px;color:#8b8b8b;margin-top:8px;font-weight:400;}

.news-summary{font-size:15px;line-height:1.6;color:#8b8b8b;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

.news-more{margin-top:15px;float: right;}
.news-more .more-link{display:inline-block;padding:6px 15px;font-size:14px;color:#1f5c99;border:1px solid #1f5c99;border-radius:4px;text-decoration:none;transition:all 0.3s ease;}
.news-more .more-link:hover{background:#1f5c99;color:#fff;}

.pagination-wrapper{text-align:center;margin-top:40px;}
.pagination{display:inline-flex;border-radius:50px;overflow:hidden;background:#f8f8f8;padding:5px;box-shadow:0 3px 10px rgba(0,0,0,0.05);}
.pagination > li{margin:0 3px;}
.pagination > li > a,
.pagination > li > span{
    width:40px;
    height:40px;
    line-height:26px;
    text-align:center;
    padding:6px;
    font-size:16px;
    color:#1f5c99;
    border:none;
    border-radius:50%;
    background:transparent;
    transition:all 0.3s ease;
}
.pagination > li > a:hover,
.pagination > li > span:hover{
    background:#e1f2fa;
    color:#1f5c99;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover{
    background:#1f5c99;
    color:#fff;
    box-shadow:0 3px 8px rgba(31,92,153,0.3);
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover{
    color:#ccc;
    background:transparent;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span{
    border-radius:50%;
}

.pagination-info{
    margin-top:15px;
    font-size:14px;
    color:#999;
}

@media (max-width: 768px) {
    .top-banner .banner-title{line-height:40px;font-size:30px;text-align:center;padding:50px 15px 0;}
    .top-banner .banner-desc{text-align:center;padding:30px 15px 0;}
    .top-banner .link-btn-wrapper{padding:30px 0;}
    .top-banner .link-btn-item{text-align:center;}
    
    .news-list .container{padding:20px !important;}
    .section-header .section-title{font-size:24px;}
    .section-header .section-desc{font-size:16px;}
    
    .news-filter .filter-tabs{flex-wrap:wrap;}
    .news-filter .filter-tabs li{margin:0 5px 10px;}
    
    .news-item .row{display:block;}
    .news-image{margin-bottom:15px;}
    .news-content{padding:0;margin-bottom:15px;}
    .news-title{font-size:18px;}
    .news-summary{-webkit-line-clamp:2;}
    
    .news-meta{text-align:right;position:static;height:auto;padding:15px 0;display:block;margin:0;}
    .news-meta .meta-date{position:static;padding:0;border:none;border-left:none;top:auto;left:auto;right:auto;transform:none;display:inline-block;background:none;}
    .news-meta .meta-date-day{font-size:14px;color:#1f5c99;font-weight:500;line-height:1;margin:0;}
    .news-meta .meta-date-year{font-size:10px;color:#b8b8b8;margin-top:3px;font-weight:400;}
}