/* 列表容器样式 */
.news-container {
    max-width: 1500px;
    margin: 40px auto 30px; /* 上外边距改为0，左右居中，下外边距保留30px */
    padding: 0 20px;
}
.picture-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* 宽度与父容器一致 */
    height: 500px; /* 固定高度700px */
    margin: 0; /* 清除外边距 */
    padding: 0; /* 清除内边距 */
}

/* 图片与容器完全适配 */
.picture-container img {
    width: 100%; /* 图片宽度与容器一致 */
    height: 100%; /* 图片高度与容器一致 */
    margin: 0; /* 清除图片外边距 */
    padding: 0; /* 清除图片内边距 */
    /* 移除图片默认边框（如IE浏览器可能存在） */
    border: none;
    /* 图片自适应容器，保持比例且填满（避免拉伸变形） */
    object-fit: cover;
}

/* 列表项样式 */
.news-item {
    display: flex;
    gap: 6%;
    margin-bottom: 60px;
    padding-bottom: 20px;
    align-items: flex-start;
}

/* 图片区域样式 */
.news-img {
    flex: 0 0 23%;
}

.news-img img {
    width: 100%;
    height: 220px;
    transition: transform 0.3s ease;
}

.news-img img:hover {
    transform: scale(1.02);
}

/* 信息区域样式 */
.news-info {
    flex: 1;
    padding-top: 5px;
}

/* 时间样式 */
.news-time {
    color: #666;
    font-size: 14px;
    margin-bottom: 8px;
    font-style: italic;
}

/* 标题样式 */
.news-title {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
    transition: color 0.3s ease;
}

.news-title:hover {
    color: #c62f2f;
}

/* 副标题样式 */
.news-subtitle {
    color: #999;
    font-size: 15px;
    margin-bottom: 12px;
    line-height: 1.6;
}

/* 更多链接样式 */
.news-more {
    color: #c62f2f;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    transition: padding-left 0.3s ease;
}

.news-more:hover {
    padding-left: 15px;
}

.pagination {
    position: relative;
    z-index: 999;
    padding: 20px 0;
    text-align: center;
}
.pagination a, .pagination span {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 3px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}
.pagination .current {
    background: #c62f2f;
    color: #fff;
    border-color: #c62f2f;
}

.news-content {
    color: #333;
    font-size: 17px;
    margin-bottom: 15px;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 分页容器 */
.page-large {
    text-align: center;
    padding: 20px 0;
    margin-top: 30px;
}
/* 页码按钮通用样式 */
.page-large .Num {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin: 0 3px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}
/* 当前页码样式 */
.page-large .Num.on {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}
/* 页码按钮 hover 效果 */
.page-large .Num:hover:not(.on):not(.none) {
    border-color: #007bff;
    color: #007bff;
}
/* 省略号样式 */
.page-large .Num.none {
    border: none;
    color: #999;
    cursor: default;
}
.page-large .Num.none:hover {
    border: none;
    color: #999;
}
/* 上一页、下一页按钮样式 */
.page-large .prev-page,
.page-large .next-page {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin: 0 3px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}
.page-large .prev-page:hover,
.page-large .next-page:hover {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}
/* 分页信息样式 */
.page-large .page-info {
    margin-left: 15px;
    color: #666;
    font-size: 14px;
}
.page-large .page-info strong {
    color: #007bff;
}