/* 置顶新闻轮播样式 */
.news-top-container {
    margin: 10px 0;
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

      .news-top-container .news-top-image{width:690px}
      .news-top-container .news-top-image img{height:380px}
      .news-top-container .news-top-content{height:360px;padding-bottom:20px;display:flex;flex-direction:column}
      .news-top-container .news-top-pagination{bottom:2px}
      @media screen and (max-width: 768px){
        .news-top-container .news-top-image{width:100%}
        .news-top-container .news-top-image img{height:auto}
        .news-top-container .news-top-content{height:auto}
      }

      
.news-top-item {
    display: flex;
    padding: 20px;
}

.news-top-image {
    width: 700px;
    margin-right: 20px;
}

.news-top-image img {
    width: 100%;
    /* min-height: 400px; */
    height: 400px;
    border-radius: 4px;
}

.news-top-content {
    width: 40%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 60px;
}

.news-top-date {
    color: #666;
    margin-bottom: 10px;
    font-size: 26px; /* 增大日期字体 */
}

.news-top-title {
    font-size: 30px; /* 增大标题字体 */
    margin: 0 0 15px 0;
    color: #0056b3; /* 修改为蓝色 */
    font-weight: bold; /* 加粗标题 */
    line-height: 1.3; /* 调整行高 */
}

.news-top-desc {
    color: #666;
    line-height: 2.0;
    font-size: 18px; /* 增大内容字体 */
    display: -webkit-box;
    -webkit-line-clamp: 5; /* 显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

/* 分页控件样式 */
.news-top-pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 30px;
}

.news-top-dots {
    display: flex;
}

.news-top-dot {
    width: 14px; /* 增大圆点大小 */
    height: 12px; /* 增大圆点大小 */
    border-radius: 50%;
    background-color: #ddd;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.news-top-dot.active {
    background-color: #0056b3;
}

.news-top-arrows {
    display: flex;
    align-items: center;
}

.news-top-arrow {
    cursor: pointer;
    padding: 5px 10px;
    user-select: none;
    font-size: 22px; /* 增大箭头字体 */
}

.news-top-arrow.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.news-top-arrow:hover {
    color: #0056b3;
}

.news-top-page {
    margin: 0 10px;
    font-size: 22px; /* 增大页码字体 */
}

/* 响应式样式 */
@media screen and (max-width: 768px) {
    .news-top-item {
        flex-direction: column;
    }
    
    .news-top-content {
        width: 100%;
    }
    
    .news-top-image {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
        min-height: 200px;  
        height: auto;
    }
    
    .news-top-content {
        padding-bottom: 20px;
    }
    
    .news-top-title {
        font-size: 20px; /* 小屏幕下稍微减小标题字体 */
    }
}