* {
    box-sizing: border-box;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

@font-face {
    font-family: "syst";
    /* 必须：字体别名，后续用于 font-family */
    src:
        url("./font/SourceHanSerifCN-Bold-2.otf") format("opentype");
    /* 推荐格式：优先级最高，体积小 */

    font-weight: normal;
    /* 可选：字体粗细（normal/bold/100-900） */
    font-style: normal;
    /* 可选：字体样式（normal/italic/oblique） */
    font-display: swap;
    /* 可选：字体加载策略（关键！优化体验） */
}

.hvr-forward {
    display: -webkit-box !important;
}

.hvr-float {
    display: -webkit-box !important;
}

.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
    transform: scale(1.05) !important;
}

.hvr-box-shadow-outset:active,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:hover {
    box-shadow: 1px 6px 12px rgba(0, 0, 0, .3) !important
}

.Secondary>.hvr-underline-from-center:before {
    height: 1px !important;
}

.hvr-underline-from-center {
    overflow: visible !important;
}

.hvr-underline-from-center:before {
    background: white !important;
    bottom: -5px !important;
    height: 2px !important;
}

.img-boxs {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

body {
    padding: 0;
    margin: 0 !important;
    color: #000;
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 127%;
    letter-spacing: 0%;
}

.flex {
    display: flex !important;
    align-items: center !important;
}

.between {
    justify-content: space-between;
}

.center {
    justify-content: center;
}

.table-top {
    margin-bottom: 20px;
}

.count_boxs {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}

.Secondary {
    display: flex;
    align-items: center;
    gap: 27px;
    font-size: 14px;
    font-weight: normal;
}

.logo1 {
    height: 48px;
    margin-right: 40px;
}

.logo2 {
    height: 48px;
}

.table {
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
    gap: 1.125%;
    margin-top: 0;
    position: sticky;
    top: 0;
    z-index: 999;
    height: 140px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    padding-top: 20px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.on-table {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;
}

.serch img {
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
}

.shu {
    width: 1px;
    height: 14px;
    background: white;
}

.table-count-item {
    width: 8%;
    position: relative;
    text-align: right;
}

.table-count-item a {
    position: relative;
}

.table-count-item a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    width: 0;
    bottom: -5px;
    background: white;
    height: 2px;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.table-count-item:hover a::before {
    width: 100%;

}

.dropdown-item {
    width: 115px;
    text-align: center;
    line-height: 33px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dropdown-item:hover {
    background-color: #f0f5ff;
    color: #4263eb;
    transform: translateX(10px)
}

.dropdown-menu {
    position: absolute;
    display: flex;
    align-items: flex-start;
    background: white;
    padding: 15px 0 15px 15px;
    width: 312px;
    color: #000000;
    font-size: 16px;
    font-weight: 400 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
    bottom: 100%;
    /* 水平居中：left:50% + transform: translateX(-50%) */
    left: 50%;
    transform: translateX(-50%) translateY(250px);
    opacity: 0;
    visibility: hidden
}

.table-count-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(230px);
    /* 水平居中，垂直恢复原位 */
    z-index: 99;
}

.dropdown-menu-img {
    max-width: 158px;
    max-height: 158px;
}

.dropdown-menu-img img {
    width: 100%;
}


.banner {
    width: 100%;
    margin-top: -140px;
}

.banner img {
    width: 150%;
    height: 100%;
}


.news-boxs {
    padding-top: 150px;
    background: #F6F6F6;
    padding-bottom: 100px;
    position: relative;
}

.news-black {
    background: white;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.news-black img {
    width: 100%;
    opacity: .05;
}

.news-title {
    position: relative;
}



.nesw-title-img img {
    width: 43px;
    display: block;
    position: absolute;
    z-index: 1;
    top: -40%;
}

.news-subtitle {
    margin-left: auto;
    font-size: 16px;
    color: #396ED0;
    cursor: pointer;
}

.news-swiper-item {
    height: 333px;
}

.news-swiper {
    height: 333px;
    overflow: hidden;
}


.news-title-text {
    padding-left: 20px;
}

.news-left {
    width: 50%;
    padding: 0 27px;
}

.news-right {
    width: 50%;
    padding-left: 25px;
    margin-right: 25px;
}

.news-title-icon img {
    width: 33px;
    height: 33px;
    display: block;
    margin-right: 5px;
}

.news-title-type {
    font-size: 15px;
    color: #999999;
    position: absolute;
    left: 45px;
    bottom: -50%;
    padding-left: 55px;
}

.news-title-type::after {
    content: "";
    /* 伪类必须有 content（空值也可） */
    position: absolute;
    /* 绝对定位，相对于父元素 */
    left: 0%;
    /* 水平居中第一步：左移 50% */
    transform: translateY(-50%);
    /* 水平居中第二步：左移自身 50% */
    top: 50%;
    /* 定位到父元素底部 */
    width: 45px;
    /* 横线长度 */
    height: 3px;
    /* 横线粗细 */
    background-color: #396ED0;
    /* 横线颜色 */
}

.h1 {
    font-family: 'syst';
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 10%;
    color: #1853C1;
}

.h2 {
    font-family: 'syst';
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 10%;
    color: #1853C1;
}

.banner {
    width: 100%;
}

.swiper {
    width: 100%;
    height: auto;
}

.swiper-video {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    /* 保持比例填充，超出部分裁剪 */
    /* 可选：object-fit: contain; 完整显示视频，留白 */
}

video::-webkit-media-controls {
    display: none !important;
}

/* 针对不同浏览器的兼容性隐藏 */
video::-webkit-media-controls-play-button {
    display: none !important;
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
}


/* ========== 核心：分页器样式定制 ========== */
/* 1. 分页器容器：调整位置、间距 */
.swiper-pagination {
    /* 调整分页器位置（默认在底部居中，可自定义） */
    bottom: 20px !important;
    /* 距离底部20px */
    left: 0 !important;
    width: 100%;
}

/* 2. 单个分页器小圆点（默认状态） */
.swiper-pagination-bullet {
    width: 12px;
    /* 宽度 */
    height: 12px;
    /* 高度（宽高相等为圆形，不等为矩形） */
    background-color: #ccc;
    /* 未激活颜色 */
    opacity: 1 !important;
    /* 取消默认透明度，方便自定义颜色 */
    margin: 0 8px !important;
    /* 圆点之间的间距（默认4px） */
    border-radius: 6px;
    /* 圆角（50%为圆形，小于50%为圆角矩形） */
    transition: all 0.3s ease;
    /* 切换时的过渡动画 */
}

/* 3. 激活状态的小圆点 */
.swiper-pagination-bullet-active {
    width: 30px;
    /* 激活时宽度拉长（变成胶囊状） */
    background-color: #ff4400;
    /* 激活颜色 */
    border-radius: 6px;
    /* 保持圆角 */
}

.news {
    align-items: flex-start;
    position: relative;
    z-index: 1;
    align-items: flex-start !important;
}

.news-left-count-imgboxs {
    width: 100%;
    margin-bottom: 45px;
    cursor: pointer;
    position: relative;
}

.news-left-count-imgboxs-over {
    overflow: hidden;
    border-radius: 30px 0 30px 0;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
}

.news-left-count-imgboxs::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -10px;
    width: 70%;
    height: 50%;
    overflow: hidden;
    border-radius: 0 0 30px 0;
    bottom: -10px;
    background: #1853C1;
}

.news-left-count-imgboxs img {
    width: 100%;
    overflow: hidden;
    border-radius: 30px 0 30px 0;
    height: 100%;
}

.news-left-count {
    margin-top: 50px;
}

.news-left-count-item {
    font-size: 14px;
    color: #333333;
    cursor: pointer;
}

.news-left-count-item-title {
    transition-duration: 0.3s;
    margin-left: 15px;
    position: relative;
    padding-left: 16px;
    white-space: nowrap;
    /* 禁止文字换行 */
    overflow: hidden;
    /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号（...） */
    flex: 1;
    font-weight: 500;
}

.news-left-count-item-title::after {
    content: "";
    /* 伪类必须有 content（空值也可） */
    position: absolute;
    /* 绝对定位，相对于父元素 */
    left: 0%;
    /* 水平居中第一步：左移 50% */
    transform: translateY(-50%);
    /* 水平居中第二步：左移自身 50% */
    top: 50%;
    /* 定位到父元素底部 */
    width: 2px;
    /* 横线长度 */
    height: 7px;
    /* 横线粗细 */
    background-color: #396ED0;
    /* 横线颜色 */
}

.news-slide {
    overflow: hidden;
    border-radius: 30px 0 30px 0;
    height: 333px !important;
}

.table-item-active {
    transform: translateX(8px) !important;
    color: #dc2143;
}

.table-item-active::after {
    background-color: #dc2143;
    /* hover 变色（示例：蓝色） */
}

.news-left-count-item-title:hover {
    color: #dc2143;
}

.news-left-count-item-title:hover::after {
    background-color: #dc2143;
    /* hover 变色（示例：蓝色） */
}

.news-left-count-table {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.news-right-count {
    gap: 8px;
    margin-top: 50px;
    display: flex;
    align-items: flex-start;
}

.news-right-count-icon {
    width: 73px;
}

.news-right-count-icon img {
    width: 100%;
    height: auto;
}

.news-right-count-table {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 55px;
    padding-top: 10px;
}

.h3 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.h4 {
    font-size: 14px;
    color: #999;
}

.news-left-count-table-icon {
    margin-right: 10px;
    width: 11px;
}

.news-left-count-table-icon img {
    width: 100%;
    height: auto;
}



.news-left-count-table-text {
    transition-duration: 0.3s;
    font-size: 16px;
    color: #333;
    width: 100%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    margin-left: 33px;
    font-weight: 500;
}

.news-left-count-table-text:hover {
    color: #dc2143;
}

.news-left-count-table-date {
    text-align: center;
    white-space: nowrap;
    display: block;
    min-width: 55px;
}

.news-left-count-table-item {
    align-items: flex-start;
    cursor: pointer;
}

.count {
    width: 100%;
}

.culture {
    background: white;
}

.culture-boxs {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
}

.subtitle {
    font-size: 15px;
    color: #999999;
    position: relative;
}

.subtitle::after {
    content: "";
    /* 伪类必须有 content（空值也可） */
    position: absolute;
    /* 绝对定位，相对于父元素 */
    left: 0%;
    /* 水平居中第一步：左移 50% */
    bottom: -3px;
    /* 定位到父元素底部 */
    width: 30px;
    /* 横线长度 */
    height: 3px;
    /* 横线粗细 */
    background-color: #396ED0;
    /* 横线颜色 */
}

.title {
    margin-right: 16px;
}

.title-right {
    transition-duration: 0.3s;
    font-size: 20px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
}

.title-right img {
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

.culture-boxs-imgboxs {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.culture-boxs-imgboxs-item-big {
    width: calc(70% - 20px);
    cursor: pointer;
}

.culture-boxs-imgboxs-item-big img {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    max-height: 393px;
}

.culture-boxs-imgboxs-title {
    margin-top: 10px;
}

.culture-boxs-imgboxs-title-date {
    font-size: 14px;
    color: #333;
}

.culture-boxs-imgboxs-big-title {
    transition-duration: 0.3s;
    font-size: 20px;
    color: #333;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 7px;
    font-weight: 500;
}

.culture-boxs-imgboxs-big-title:hover {
    color: #dc2143
}

.culture-boxs-imgboxs-title-text {
    transition-duration: 0.3s;
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 7px;
    font-weight: 500;
}

.culture-boxs-imgboxs-title-text:hover {
    color: #dc2143
}

.culture-boxs-imgboxs-item {
    width: calc((100% - 40px) / 3);
    cursor: pointer;
}

.culture-boxs-imgboxs-item img {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.culture-boxs-imgboxs-item-regular {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.culture-boxs-imgboxs-item-regular-boxs {
    width: 100%;
    cursor: pointer;
}

.culture-boxs-imgboxs-item-regular img {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.scientific {
    background: radial-gradient(46.13% 268.63% at 50% 47.33%, #2A45A4 0%, #1B3F81 100%);
    padding-top: 150px;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

.scientific-backgrould {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 0;
    height: 100%;
}

.scientific-boxs {
    position: relative;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

.white {
    color: white !important;
}

.scientific-boxs-count {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 70px;
}

.scientific-boxs-count-img {
    max-width: 515px;
    max-height: 346px;
    height: auto;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.scientific-boxs-count-img img {
    width: 100%;
}

.scientific-boxs-right {
    padding-top: 17px;
    padding-right: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.scientific-boxs-title {
    font-size: 24px;
    font-weight: 600;
}

.scientific-boxs-count-text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
    height: 190px;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 638px;
}

.scientific-boxs-count-smit {
    border: 1px solid white;
    padding: 8px 17px;
    font-size: 16px;
    display: flex !important;
    align-items: center !important;
    width: 128px;
    margin-top: 40px;
    cursor: pointer;
}

.scientific-boxs-count-smit img {
    width: 14px;
    height: 14px;
    display: block;
    margin-left: 12px;
}

.scientific-boxs-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.scientific-boxs-bottom-yuan {
    width: 26px;
    height: 26px;
    background: white;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    ` align-items: center;
    justify-content: center;
}

.scientific-boxs-bottom-text {
    width: 25%;
    z-index: 2;
}

.scientific-boxs-bottom-yuan img {
    width: 14px;
    height: 14px;
}

.hides {
    opacity: 0;
}

.scientific-boxs-bottom-heng {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background: white;
    z-index: 1;
}

.photowall {
    background: white;
    position: relative;
    overflow: hidden;
}

.photowall-boxs {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    margin-bottom: 100px;
    position: relative;
    z-index: 2;
}

.photowall-boxs-big {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.photowall-boxs-big img {
    width: 100%;
    display: block;
}

.photowall-boxs-item {
    width: calc((100% - 20px)/2);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.photowall-boxs-item img {
    width: 100%;
    display: block;
}

.photowall-boxs-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    width: calc(50% -10px);
}

.photowall-boxs-count {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.photowall-boxs-count-text {
    transition: all 0.3s ease;
    position: absolute;
    width: calc(100% - 26px);
    bottom: -20;
    left: 13px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.photowall-boxs-item:hover .photowall-boxs-count-text {
    bottom: 20px;
}

.photowall-boxs-big:hover .photowall-boxs-count-text {
    bottom: 20px;
}

.photowall-boxs-count-text-deta {
    font-size: 14px;
}

.photowall-boxs-count-text-title {
    margin-top: 9px;
    font-size: 16px;
    white-space: nowrap;
    /* 禁止文字换行（关键） */
    overflow: hidden;
    /* 隐藏超出容器的内容（关键） */
    text-overflow: ellipsis;
    /* 超出部分显示省略号（关键） */
    width: 100%;
    /* 或固定宽度（如 200px），必须给元素设置宽度/最大宽度，否则容器会被文字撑满，不会触发省略 */
}

.media {
    background: #F6F6F6;
    padding-top: 150px;
    padding-bottom: 100px;
}

.media-boxs {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.m_media-boxs {
    display: none;
}

.media-count {
    margin-top: 45px;
    display: flex;
    align-items: center;
}

.media-count-item {
    width: 25%;
    box-shadow: 0 0 4px 0px #396ED045;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s ease;
    backface-visibility: hidden;
}

.media-count-item:hover {
    background: #1853C1;
    color: white;
}

.media-count-item img,
.media-count-item p,
.media-count-item button {
    /* 继承外层过渡，或单独加轻微过渡 */
    transition: all 0.4s ease;
    /* 禁止内部元素被选中（缩放时避免文字选中） */
    user-select: none;
}

.media-count-item-bottom {
    transition: all 0.4s ease;
}

.media-count-item:hover .media-count-item-bottom {
    transform: scale(.85);
}

.media-count-item:hover .media-count-item-icon svg {
    fill: white;
}

.media-count-item-top {
    padding: 26px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.h5 {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.h6 {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    margin-top: 5px;
}

.media-count-item-icon {
    width: 30px;
    height: 30px;
}

.media-count-item-icon svg {
    transition: all 0.4s ease;
    fill: #396ED0;
}

.media-count-item-icon img {
    width: 30px;
    height: auto;
}

.media-count-item-count {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 55px;
    height: 40px;
}

.media-count-item-bottom img {
    width: 100%;
    height: auto;
    max-height: 265px;
    display: block;
    transform-origin: center center;
}

.media-bottom {
    width: 100%;
    height: 2px;
    background: #D6D6D6;
    margin-top: 50px;
}

.stadium {
    background: white;
    padding-top: 40px;
    padding-bottom: 200px;
    overflow: hidden;
    position: relative;
}

.stadium-boxs {
    position: relative;
    z-index: 2;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.bottom {
    background: radial-gradient(46.13% 268.63% at 50% 47.33%, #373f48 0%, #373f48 100%);
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.bottom-boxs {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.bottom-left {
    width: 40%;
}

.bootom-logo1 {
    width: 80%;
}

.bootom-logo2 {
    margin-top: 40px;
    width: 50%;
}

.bottom-center {
    width: 30%;
    font-size: 16px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bottom-right {
    width: 30%;
    font-size: 16px;
    color: white;
    gap: 20px;
}

.bottom-title {
    font-size: 24px;
    margin-bottom: 40px;
}

.bottom-right-count {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bottom-linl {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    margin-top: 20px;
}

.h7 {
    margin-top: 10px;
    font-size: 16px;
}

.h8 {
    font-size: 14px;
}

.stadium-swiper {
    margin-top: 200px;
    position: relative;
    z-index: 2;
}

.stadium-swiper-item {
    text-align: center;
    transform-origin: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: all .3 ease;
}

.stadium-swiper-item img {
    width: 100%;
}

.stadium-wrapper {
    height: auto;
}

.swiper-slide {
    transition: 300ms;
}

.stadium-wrapper>.swiper-slide-active,
.stadium-img {
    transform: scale(1.8) !important;
    z-index: 9;
    transform-origin: center center;
    transform: all .3 ease;
}

.stadium-swiper-imgboxs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: all .3 ease;
}

.stadium-swiper-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    color: white;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.4);
}

.stadium-swiper-text img {
    width: 12px;
    height: 12px;
}


.stadium-swiper-70 {
    width: 70%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.stadium-swiper-imgboxs img {
    width: 100%;
    display: block;
}

/* 3. 自定义导航按钮样式 */
/* 按钮容器（统一控制位置） */
.custom-swiper-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    /* 过渡动画 */
    z-index: 10;
    /* 确保按钮在轮播内容上方 */
}

/* ########################################################################### */
/* 关键：去除 Swiper 原有导航按钮的默认样式（必须放在自定义样式之前） */
/* ########################################################################### */
/* 1. 清除默认按钮的所有内置样式 */
.swiper-button-next,
.swiper-button-prev {
    all: unset !important;
    /* 重置所有样式（优先级最高） */
    position: absolute !important;
    /* 保留定位功能（自定义样式会覆盖） */
    cursor: pointer !important;
    /* 保留鼠标指针 */
    z-index: 10 !important;
    /* 保留层级 */
}

/* 2. 清除默认按钮的伪元素图标（Swiper 默认用 ::after 显示箭头） */
.swiper-button-next::after,
.swiper-button-prev::after {
    content: '' !important;
    /* 清空默认图标内容 */
    display: none !important;
    /* 隐藏伪元素 */
}

.custom-next {
    left: 71.5% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transform: translateX(-50%) !important;
    background: white !important;
    width: 30px !important;
    height: 30px !important;
    overflow: hidden !important;
    border-radius: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.3s ease !important;
}

.custom-prev {
    left: 28.5% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transform: translateX(-50%) !important;
    background: white !important;
    width: 30px !important;
    height: 30px !important;
    overflow: hidden !important;
    border-radius: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.3s ease !important;
}

.swiper-button-prev:hover {
    background: #1853C1 !important;
}

.swiper-button-next:hover {
    background: #1853C1 !important;
}

.swiper-button-next:hover i {
    color: white;
}

.custom-swiper-nav:hover i {
    color: white;
}


/* 按钮图标样式 */
.custom-swiper-nav i {
    font-size: 20px;
    color: #1B3F81;
}

/* hover 效果 */
.custom-swiper-nav:hover {
    background: #333;
    transform: translateY(-50%) scale(1.1);
    /* 放大效果 */
}


/* 禁用状态（当轮播无法滑动时） */
.custom-swiper-nav.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: translateY(-50%) scale(1);
    /* 取消放大 */
}

.custom-swiper-nav.swiper-button-disabled:hover {
    background: rgba(255, 255, 255, 0.9);
}

.custom-swiper-nav.swiper-button-disabled:hover i {
    color: #333;
}

/* 4. 位置调整：上一张（左侧） */
.custom-prev {
    left: -0;
    /* 超出容器左侧，避免遮挡内容 */
}

/* 下一张（右侧） */
.custom-next {
    right: -0;
    /* 超出容器右侧 */
}


.banner-slide {
    background: black !important;
}


/* ================================== */
/* 核心：右下角分页器样式（重点优化） */
/* ================================== */
/* 分页器容器：严格固定右下角，z-index 提升 */
.custom-swiper-pagination {
    position: absolute;
    text-align: right;
    right: 40px;
    /* 右距容器边缘 20px */
    bottom: 0 !important;
    /* 下距容器边缘 20px */
    z-index: 999;
    /* 极高层级，确保不被任何内容遮挡 */
    gap: 8px;
    /* 圆圈间距 */
    padding: 8px 12px;
    /* 可选：添加背景半透明遮罩，提升可读性 */
    background-color: rgba(0, 0, 0, 0.2);
}

/* 分页器默认状态（白色小圆圈） */
.custom-swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid white;
    background: rgba(0, 0, 0, 0);
    /* 纯白色 */
    opacity: 0.7;
    /* 未激活透明度 */
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
}

/* 分页器激活状态（高亮白色） */
.custom-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    /* 完全不透明 */
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    /* 保持白色高亮 */
}

/* hover 效果增强 */
.custom-swiper-pagination .swiper-pagination-bullet:hover {
    opacity: 1;
    transform: scale(1.1);
}

.news-swiper-pagination {
    position: absolute;
    text-align: right;
    right: 50px;
    /* 右距容器边缘 20px */
    bottom: 10 !important;
    /* 下距容器边缘 20px */
    z-index: 999;
    /* 极高层级，确保不被任何内容遮挡 */
    gap: 8px;
    /* 圆圈间距 */
    padding: 8px 12px;
}

/* 分页器默认状态（白色小圆圈） */
.news-swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid white;
    background: rgba(0, 0, 0, 0);
    /* 纯白色 */
    opacity: 0.7;
    /* 未激活透明度 */
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
}

/* 分页器激活状态（高亮白色） */
.news-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    /* 完全不透明 */
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    /* 保持白色高亮 */
}

/* hover 效果增强 */
.news-swiper-pagination .swiper-pagination-bullet:hover {
    opacity: 1;
    transform: scale(1.1);
}


.centered-image {
    width: 28vw;
    height: 28vw;
    background: url('./images/backgrould5.png') no-repeat 100% 100%;
    max-width: 400px;
    max-height: 400px;
    background-size: contain;
    opacity: 0.05;
    position: absolute;
    left: 60%;
    z-index: 0;
    will-change: top;
    backface-visibility: hidden;
    will-change: transform;
    transition: 1s;
}

.list-right {
    flex: 1;
}

/* 新闻列表容器 */
.news-container {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

/* 新闻项 */
.news-item {
    display: flex;
    align-items: center;
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    position: relative;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.news-item:hover {
    background-color: #f8f9ff;
}

/* 左侧指示器与数字 */
.news-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 1.5rem;
    position: relative;
}

.indicator-line {
    width: 2px;
    background-color: #e9ecef;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.news-number {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #0d47a1;
    /* 深蓝色主色调 */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 0.3rem;
    position: relative;
    z-index: 2;
}

.news-date {
    font-size: 0.8rem;
    color: #6c757d;
    position: relative;
    z-index: 2;
}

/* 右侧新闻标题 */
.news-list-title {
    flex: 1;
    font-size: 0.95rem;
    color: #212529;
    line-height: 1.4;
    cursor: pointer;
    transition: all 0.3s ease;
}

.news-item:hover .news-list-title {
    color: #0d47a1;
    transform: translateX(8px);
    transition: all 0.3s ease;
}


/* 最后一项移除下边框 */
.news-item:last-child {
    border-bottom: none;
}

/* 导航容器整体样式 */
.nav-container {
    width: 250px;
    /* 设定容器宽度，可根据需要调整 */
    border: 1px solid #e0e0e0;
    /* 轻微边框，增强视觉效果 */
    font-family: "Microsoft Yahei", sans-serif;
    margin-top: 40px;
    background: white;
}

/* 标题栏样式 - 深蓝色背景 */
.nav-title {
    background-color: #0d47a1;
    /* 深蓝色主色调 */
    color: white;
    /* 白色文字 */
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
}

/* 导航项列表样式 */
.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 单个导航项样式 */
.nav-item {
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
    /* 分隔线 */
    font-size: 16px;
    color: #333;
    /* 文字颜色 */
    cursor: pointer;
    /* 鼠标悬浮显示手型 */
    position: relative;
    /* 为箭头定位 */
}

/* 导航项箭头样式 */
.nav-item::after {
    content: ">";
    position: absolute;
    right: 20px;
    color: #666;
}

/* 导航项悬浮效果 */
.nav-item:hover {
    background-color: #f8f9fa;
    color: #0d47a1;
    /* 悬浮时文字变为深蓝色 */
}

/* 最后一个导航项去掉底部边框 */
.nav-item:last-child {
    border-bottom: none;
}

.list {
    display: flex;
    align-items: center;
    align-items: flex-start;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: right;
    height: 40px;
    gap: 10px;
}

.breadcrumb a:hover {
    color: #0d47a1;
}

/* 文章详情主体 */
.article-detail {
    background-color: white;
    margin: 30px 0;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* 文章标题 */
.article-title {
    font-size: 32px;
    color: #0a2463;
    /* 主深蓝色 */
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.4;
}

/* 文章元信息（发布时间、来源） */
.article-meta {
    text-align: center;
    color: #666;
    font-size: 14px;
    border-bottom: 2px solid #0a2463;
    /* 深蓝色分隔线 */
    padding-bottom: 15px;
    margin-bottom: 30px;
}

/* 文章内容样式 */
.article-content {
    font-size: 16px;
    color: #444;
}

.article-content p {
    margin-bottom: 20px;
    text-align: justify;
}

/* 核心创新点标题样式 */
.core-point-title {
    font-size: 18px;
    color: #0a2463;
    /* 主深蓝色 */
    font-weight: bold;
    margin: 30px 0 10px 0;
}

/* 1. 图片默认样式：放大状态 + 平滑过渡 */
.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    /* 默认放大1.2倍（可调整缩放比例） */
    transform: scale(1.2);
    /* 过渡属性：确保缩放变化平滑，包含transform和opacity */
    transition: transform 5s ease, opacity 5s ease;
    /* 非激活项图片适当降低透明度，增强层次感 */
    opacity: 0.8;
}

/* 2. 激活项（当前轮播项）图片样式：恢复正常尺寸（缩小效果） */
.swiper-slide-active img {
    /* 缩放为1倍（正常尺寸），实现从大到小变化 */
    transform: scale(1);
    /* 激活项图片完全不透明 */
    opacity: 1;
}

.banner-swiper {
    max-height: 960px;
}

.for-top {
    width: 38px;
    height: 38px;
    background: white;
    border: 1px solid #1853C1;
    position: fixed;
    z-index: 9;
    bottom: 100px;
    right: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
}

.show {
    opacity: 1 !important;
    transform: translateY(0);
    pointer-events: auto;
}

.for-top svg {
    fill: #1853C1;
}

.for-top:hover {
    background: #1853C1;

    svg {
        fill: white;
    }
}

.m-table {
    display: none;
}

.noBorder td{
        border-width: 0px;
        color: #525252;
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: center;
    }
   .fc_hui2 {
        height: 35px!important;
        border: 1px solid #ccc;
        overflow: hidden;
        border-radius: 20px;
        display: block;
        line-height: 35px;
        width: 70px;
    }

    .z_pret{
        height: 35px!important;
        border: 1px solid #ccc;
        overflow: hidden;
        border-radius: 20px;
        display: block;
        line-height: 35px;
        width: 70px;
    }

    .fc_ch1{
        height: 35px!important;
        border: 1px solid #ccc;
        overflow: hidden;
        border-radius: 20px;
        display: block;
        line-height: 35px;
        width: 70px;
    }

    .z_pret:hover{
        color: white;
        background: #0d47a1;
        border: 1px solid #0d47a1;
    }

    .fc_hui2:hover{
        color: white;
        background: #0d47a1;
        border: 1px solid #0d47a1;
    }

    .fc_ch1:hover{
        color: white;
        background: #0d47a1;
        border: 1px solid #0d47a1;
    }

    .z_num {
        width: 35px;
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        border-radius: 50px;
        border: 1px solid #ccc;
        display: block!important;
        text-align: center;
    }

    .z_num:hover{
        background: #f0f0f0;
    }

    .current{
        width: 35px;
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        border-radius: 50px;
        border: 1px solid #0d47a1;
        display: block!important;
        background: #0d47a1;
        color: white!important;
        font-weight: bolder;
    }