.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.667vw;
    list-style: none;
}
.video-list {
    display: none;
    grid-template-columns: repeat(2, 1fr); /* 假设是两列 */
    gap: 1.667vw; /* 按需调整间距 */
}


    
.video-list.active {
    display: grid

}
.video-list .news-item-img {
    position: relative;

}

.video-list .news-item-img::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 60px;
    height: 60px;
    background: url("../images/play.svg") no-repeat center;
    background-size: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    z-index: 1;
}


.video-section .swiper-pagination {
    margin-top: 40px;
    width: 60%;
    margin: auto;
    margin-top: 3vw;
}

.video-list {
    grid-template-columns: repeat(2, 1fr);
}


.news-list li {
    display: flex;
}

.news-list a {
    display: block;
    border: 1px solid #e1e1e1;
    padding: 20px;
}

.news-list a h3 {
    font-size: max(var(--font-min), 1vw);
    color: #232323;
    text-decoration: none;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.news-list a img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 0.7;
}

.news-list a p {
    font-size: max(var(--font-min), 0.833vw);
    color: #838383;
    margin-top: 20px;
}

.news-list a:hover {
    border: 1px solid #F5BA31;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.news-detail h1.news-title {
    font-size: max(var(--font-min), 2vw);
    color: #20222A;
    margin-bottom: 15px;
}

.news-detail .date {
    font-size: 14px;
    color: #838383;
    display: block;
    margin-bottom: 45px;
}

.news-detail .content p {
    line-height: 1.9;
    margin: 20px 0;
    color: #3b3c3f;
}

.news-detail .content a {
	color:var(--color-secondary-two);
}

.news-detail .content h4 {
    font-size: 20px;
    line-height: 2;
}

.news-detail .content h3 {
    font-size: 24px;
    line-height: 2;
}

.news-detail .content h2 {
    font-size: 28px;
    line-height: 2;
}

.news-detail .content img {
    width: 100%;
    display: inline-block;
}




.video {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.video video {
    display: block;
    width: 100%;
}

.video .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.video .play-btn img {
    display: block;
}







.video-card {
    width: 60%;
    text-align: center;
}

.video-section {
    margin-top: 6vw;
}

.video-card div {
    margin-bottom: 3vw;
    opacity: 0;
}

.video-card div h2 {
    font-size: max(var(--font-min), 2.5vw);
}

.video-card div p {
    color: #838383;
}

.video-card a {
    position: relative;
}

.video-card a::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.23);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.video-card img {
    width: 100%;
}

.video-card.swiper-slide-active a::after {
    opacity: 0;
}

.video-card.swiper-slide-active div {
    opacity: 1;
}

.hero .video video {

    display: block;
    width: 100%;
    aspect-ratio: 1 / 0.45;
    object-fit: cover;
}


.content table{
  border-collapse: collapse; /* 合并边框，细线关键 */
  width: 100%;
}
.content table th,
.content table td {
  border: 1px solid #000; /* 浅灰细线，可改颜色 */
  padding: 8px 12px;
  font-size: 14px;
}
/* 第一行表头禁止换行 */
.content table tr:first-child th {
  white-space: nowrap;
}

.news-detail .content table p{
	margin:0;
	color:#212121
}



.news-card div {
    margin-bottom: 3vw;
    opacity: 0;
}

.news-card div h2 {
    font-size: max(var(--font-min), 2.5vw);
}

.news-card div p {
    color: #838383;
}

.news-card a {
    position: relative; height:100vh; overflow:hidden;display:block
}

.news-card a::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.23);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.news-card img {
    width: 100%;object-fit: cover; height:100%
}

.news-card.swiper-slide-active a::after {
    opacity: 0;
}

.news-card.swiper-slide-active div {
    opacity: 1;
}
.banner-carousel .swiper-pagination{margin-top: 0;
width: 80%;text-align: right;
    right: 10%;
    bottom: 10%;
    position: absolute;
    left: auto;}

.news-tab{ display:flex;justify-content: space-between; /* 两端对齐：左边放 h1，右边放 div */
    align-items: center; }

.news-tab div {
    display: flex;                  /* 让 i 标签横向排列 */
    gap: 20px;                      /* 设置 i 标签之间的间距 (现代浏览器支持) */
    /* 如果不想用 gap，可以给 i 加 margin-left */
}

/* 4. 右侧 i 标签样式（非常关键：i 默认是斜体，这里需要重置） */
.news-tab div i {
    font-style: normal;             /* 取消 i 标签的默认斜体 */
    cursor: pointer;                /* 鼠标放上去变小手 */
    font-size: 16px;
    color: #333;
    transition: color 0.3s;         /* 添加颜色过渡动画 */
}

/* 鼠标悬停或选中时的样式 */
.news-tab div i:hover,
.news-tab div i.active {
    color: var(--color-secondary-two);                    /* 这里换成你网站的主题色 */
}
@media(max-width:1024px) {
    .news-list {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .news-list a {
        padding: 15px;
    }

    .news-list a h3 {
        font-size: 16px;
        margin-top: 15px;
    }

    .video .play-btn {
        max-width: 50px;
    }

    .video-card,
    .video-section .swiper-pagination {
        width: 80%;
    }

    .video-card div h2 {
        font-size: 16px;
    }

    .news-detail h1.news-title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .news-detail .content h4 {
        font-size: 16px;
        line-height: 2;
    }

    .news-detail .content h3 {
        font-size: 17px;
        line-height: 2;
    }

    .news-detail .content h2 {
        font-size: 18px;
        line-height: 2;
    }
}