html {
    font-size: 100px;
}
html,
body {
    overflow-x: hidden !important;
    touch-action: pan-y !important;
    will-change: scroll-position !important;
}
* {
    margin: 0;
    padding: 0
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
}

#app {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative !important;
}

/* .swiper-container-lb {
    height: 100vh !important;
} */
.inx-nav {
    width: 100%;
    height: 100vh;
    position: relative;
    /* display: flex;
    align-items: center; */
}

.mask {
    width: 100%;
    position: absolute;
}

.inx-banner {
    width: 100%;
    height: 100%;
    /* min-width: 320px;
    max-width: 1920px; */
    margin: 0 auto;
    overflow: hidden;
}

.inx-banner-box {
    width: 100%;
    height: 100%;
}

.inx-banner-box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15%;
    background: linear-gradient(to top, #00000099, transparent);
    pointer-events: none;
    z-index: 0;
}

.swiper-container {
    width: 100%;
    /* background: #fff; */
    height: 100%;
    color: #fff;
    text-align: center;
    position: relative;
}

.inx-zyb-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    z-index: 2;
    /* background-color: #035178; */
    background-image: url('../images/index4/head.png');
}

/* ========================
   只修复 BANNER 淡入出场
   慢、柔和、不突兀、不白屏
======================== */
.inx-banner {
    background: #f0f2f5;
    /* 柔和底色 绝不白屏 */
}

/* .swiper-container-lb {
    opacity: 0;
    animation: bannerFadeIn 1.6s ease 0.9s forwards;
} */

/* .inx-zyb-bg {
    opacity: 0;
    animation: imgFadeIn 1.4s ease 1.1s forwards;
} */

/* @keyframes bannerFadeIn {
    to {
        opacity: 1;
    }
}

@keyframes imgFadeIn {
    to {
        opacity: 1;
    }
} */

.inx-banner img,
.inx-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.swiper-buttons-next {
    position: absolute;
    top: 50%;
    left: 15%;
    z-index: 2;
    width: 1.21rem;
    height: 0.43rem;
    background-image: url("../images/index4/headbtn.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}

.swiper-pagination-bullet {
    background: #c0c0c0;
}


.inx-daohang {
    min-height: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 18.4rem;
    transform: translateX(-50%);
    left: 50%;
    padding: 0 0.4rem;
    z-index: 6;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
    /* max-width: 100%; */
    padding-bottom: 0.3rem;
    width: 100%;
position: fixed;
/* transition: background 0.3s ease; */
}

.inx-daohang.scroll-active {
    background: #035178;
}
.inx-daohang-cn {
    height: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5%;
    padding-top: 0.07rem;
}

.inx-daohang-daohang {
    flex: 1;
    height: 100%;
    min-width: 10rem;
    display: flex;
    justify-content: end;
    gap: 1%;
}

.inx-daohang-bj {
    /* width: 8rem; */
    flex: 1;
    min-width: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 0.3rem;
}

.inx-h-logo {
    width: 5.43rem;
    display: flex;
    /* justify-content: center; */
}

.inx-h-logo>img {
    width: 4rem;
    height: auto;
}

.inx-nav-box {
    flex: 1;
    display: flex;
    min-width: 5rem;
    flex-wrap: wrap;
    justify-content: flex-end;

}

.inx-n-sub {
    /* min-width: 0.72rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: clamp(12px, 1.5vw, 18px); */
    font-size: clamp(12px, 1.5vw, 18px);
    text-align: center;
    /* background-color: #004672; */
    color: #fff;
    width: auto;
    white-space: nowrap;
    /* margin: 0.02rem 0.16rem; */
    position: relative;
    /* padding: 0.1rem 0; */
    padding: 0.2rem 0.16rem;
}

.inx-nav-ul {
    width: 1.6rem;
    /* display: none; */
    position: absolute;
    z-index: 3;
    color: #035178;
    top: 0.53rem;
    list-style: none;
    background-color: #fff;
    backdrop-filter: blur(4px);
    border-top: 3px solid #03517899;
    /* transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); */
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: transform 0.3s linear;
}

/* .inx-nav-ul::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 0;
    border-bottom: 5px solid #024060;
    z-index: 4;

} */

/* .inx-nav-ul li {

    padding: 0.05rem 0.08rem;
    height: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e6f0f7;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}

 */
.inx-nav-ul li {
    padding: 0.05rem 0.08rem;
    height: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e6f0f7;
    color: #035178;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease;
}

.inx-nav-ul li::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 81, 120, 0.08);
    transition: left 0.35s ease;
    z-index: -1;
}

.inx-nav-ul li:hover::before {
    left: 0;
}

.inx-nav-ul li:hover {
    color: #013859;
    font-weight: 500;
}

.inx-n-sub:hover .inx-nav-ul {
    /* display: block; */
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}


.inx-h-search {
    width: 1.1rem;
    height: 0.29rem;
    position: relative;
    display: flex;
    align-items: center;
    top: 13%;
}

.inx-h-search input {

    width: 1.1rem;
    height: 0.29rem;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 0.16rem;
    border: none;
    outline: none;
    padding: 0 0.35rem 0 0.08rem;
    color: black;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
}

.inx-h-search input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
}

.search-icon {
    position: absolute;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.24rem;
    height: 0.24rem;
    pointer-events: none;
}


/* 新闻 */
.inx-news {

    top: 0.2rem;
    height: 8.5rem;
    max-width: 14.82rem;
    margin: 0 auto;
    padding: 0 0.4rem;
    position: relative;
    background-color: #fff;
}

.inx-news-box {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 1%;
}

.inx-news-l {
    width: 65%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.inx-nl-box {
    width: 100%;
    /* height: 4.12rem; */
    height: 3.5rem;
    display: flex;

}

/* 新闻公告 初始完全隐藏 */
.inx-news {
    opacity: 0;
}

.inx-news-l {
    opacity: 0;
    transform: translateX(-80px);
    /* 动画变慢 时长1.5秒 */
    transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.inx-news-r {
    opacity: 0;
    transform: translateX(80px);
    transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 延迟1.2秒再开始动画，等接口数据完全渲染好再慢慢入场 */
.inx-news {
    animation: fadeInWrap 0s ease 1.2s forwards;
}

.inx-news-l {
    animation: leftSlowIn 1.5s cubic-bezier(0.16, 1, 0.3, 1) 1.2s forwards;
}

.inx-news-r {
    animation: rightSlowIn 1.5s cubic-bezier(0.16, 1, 0.3, 1) 1.4s forwards;
}

@keyframes fadeInWrap {
    to {
        opacity: 1;
    }
}

@keyframes leftSlowIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes rightSlowIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.xw-slide-content {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #F7F9FC;
}

.xw-img-group {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.08rem;
}



.xw-img-item {
    /* width: 2.74rem;
    height: 2rem; */
    width: 3.02rem;
    height: 1.7rem;
    overflow: hidden;
}

.xw-img-item>img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}

.xw-img-item:hover>img {
    transform: scale(1.1);
}

.xw-text-group {
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 0.23rem;
}

.xw-text-group:hover .xw-title,
.xw-text-group:hover .xw-desc {
    color: #035178 !important;
}

.xw-date-tag {
    width: 0.71rem;
    height: 0.8rem;
    padding: 0.1rem 0;
    box-sizing: border-box;
    background-image: url("../images/index4/newdateImg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    text-align: center;

}

.xw-date-num {
    width: 100%;
    color: #035178;
    font-size: 30px;
    font-size: clamp(12px, 1.7vw, 30px);
    text-align: center;
}

.xw-date-month {
    width: 100%;
    color: #035178;
    font-size: 12px;
    text-align: center;
}

.xw-title {
    color: #000;
    /* font-size: 24px; */
    font-size: clamp(12px, 1.3vw, 24px);
    margin: 0.2rem 0;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xw-desc {
    color: #666666;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    text-align: left;
    max-height: 0.92rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.bullet-num:hover {
    color: #035178;
}

.inx-nl-title {
    box-sizing: border-box;
    width: 100%;
    flex: 1;
    min-height: 4.32rem;
    border-radius: 0.05rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 0.2rem;
}

.inx-nl-more {
    width: 0.9rem;
    height: 0.25rem;
    margin-left: auto;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    /* margin-bottom: 0.1rem; */
    transition: all 0.3s ease;
}

.inx-nl-more:active {
    color: #035178;
}

.inx-nl-more:hover {
    font-size: 15px;
    color: #035178;
}

.inx-nl-news {
    height: 0.45rem;
    /* padding: 0.1rem 0 0.03rem 0; */
    display: flex;
    align-items: center;
    padding-right: 0.1rem;
}

.inx-nl-news i {
    width: 0.1rem;
    height: 0.1rem;
    background-image: url("../images/index4/sjpng.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-bottom: 2px;
    /* border-left: 3px solid #fff; */
}

.inx-nl-xwbt {
    width: 82%;
    overflow: hidden;
    padding-right: 0.2rem;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    /* border-bottom: 0.02rem solid #fff; */
}

.inx-nl-news:hover {
    transition: all 0.1s ease;
    border-left: 3px solid rgba(3, 81, 120, 0.7);
    background-color: rgba(3, 81, 120, 0.1);
}

.inx-nl-news:hover .inx-nl-xwbt {
    padding-bottom: 0;
    /* background-color: rgba(3, 81, 120, 0.3); */
    /* border-bottom: 0.02rem solid #035178; */
    color: #035178;
    font-weight: bold;
}

.inx-nl-xwsj {
    flex: 1;
    min-width: 0.82rem;
    text-align: right;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    color: #999;
}

.inx-nl-news:hover .inx-nl-xwsj {
    color: #035178;
    font-weight: bold;
}

.inx-nl-news:active .inx-nl-xwsj {
    color: #035178;
}

.inx-nl-news:active .inx-nl-xwbt {
    padding-bottom: 0;
    /* border-bottom: 0.03rem solid #035178; */
    color: #035178;
}

.inx-nl-news:hover i {
    width: 0.1rem;
    height: 0.1rem;
    background-image: url("../images/index4/sjActive.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.inx-nl-news:active i {
    width: 0.1rem;
    height: 0.1rem;
    background-image: url("../images/index4/sjActive.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.inx-news-r {
    box-sizing: border-box;
    flex: 1;
    min-width: 0.1rem;
    /* min-width: 475px; */
    height: 8.45rem;
    padding: 0.25rem;
    background-image: url('../images/index4/xstzBgimg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.inx-nr-head {
    width: 100%;
    height: 0.35rem;
    display: flex;
    align-items: center;
    gap: 3%;

}

.inx-nr-btn {
    width: auto;
    /* font-size: 20px; */
    font-size: clamp(12px, 1.1vw, 20px);
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
}

.inx-nr-btn.inx-btn-active {
    color: #fff;
    font-weight: bold;
    /* font-size: 24px; */
    font-size: clamp(12px, 1.3vw, 24px);
}

.inx-nr-btn>div {
    width: 0.15rem;
    height: 0.03rem;
    margin: 0 0.2rem;
    background-color: rgba(255, 255, 255, 0.6);
}

.inx-nr-btn.inx-btn-active>div {
    background-color: #fff !important;
}

.inx-nr-main {
    width: 100%;
    height: calc(100% - 0.35rem);
    padding-top: 0.1rem;
}

.inx-nr-li {

    width: 100%;
    /* height: 0.69rem; */
    height: 0.72rem;
    padding: 0.04rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.inx-nr-date {

    color: #fff;
    text-align: center;
    padding: 0 0.1rem;
    /* border-right: 1px solid rgba(255, 255, 255, 0.6); */
}

.inx-nr-date h5 {
    font-size: 30px;
    /* font-size: 24px; */
    font-size: clamp(12px, 1.7vw, 30px);
    font-weight: bold;
}

.inx-nr-date p {
    font-size: 12px;
}


.inx-nr-text {
    flex: 1;
    min-width: 0.1rem;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    padding: 0 0.2rem;
    line-height: 1.4;
    height: 0.45rem;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
}

.inx-nr-li:hover {
    transform: scale(1.03);
    transition: all 0.3s ease;
    cursor: pointer;
}

.inx-nr-li:hover .inx-nr-text {
    transition: all 0.3s ease;
    font-size: 17px !important;
}

/* .inx-nr-li:hover .inx-nr-text span {
    font-weight: bold;
    font-size: 0.17rem;
    transition: all 0.2s ease;
}

.inx-nr-li:hover .inx-nr-date h5 {
    font-weight: 900;
} */

/* 学校新闻 */
.inx-xw {
    width: 100%;
    height: 7.29rem;
    background-image: url('../images/index4/xxxwbg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-top: 0.8rem;
}

.inx-character {
    /* margin-top: 0.05rem; */
    height: 4.9rem;
    max-width: 17rem;
    margin: 0 auto;
    padding: 0.2rem 0.4rem;
    position: relative;
    margin-right: 0;

    padding-right: 0;
}

.inx-cha-lbt {
    width: 100%;
    height: 3.8rem;
}

.inx-cha-rwk {
    overflow: hidden;
    /* width: 3.67rem;
    height: 3.71rem; */
}

.inx-cha-dt {
    width: 4.2rem;
    height: 2.36rem;
    overflow: hidden;
}

.inx-cha-bg {
    width: 4.2rem;
    height: 2.36rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transition: transform 0.3s ease;
}

/* .inx-cha-bg:hover {
    transform: scale(1.1);
} */

.inx-cha-bg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    background: #000;
    /* 禁止自带控件 */
    pointer-events: none;
    /* 保持比例铺满 */
}

.inx-cha-rwk::before {
    content: "媒体聚焦";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #035178;
    color: #fff;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    text-align: center;
    /* font-weight: bold; */
    padding: 0.06rem 0.2rem;
    border-radius: 0 0 0.1rem 0;
    z-index: 10;

}

.inx-cha-rwk a {
    display: block;
    text-decoration: none;
    font-size: clamp(12px, 1.5vw, 18px);
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    margin-top: 0.1rem;
    /* padding: 0 0.1rem; */
    line-height: 1.5;
    text-align: left;
    transition: all 0.3s ease;
}

.inx-cha-rwk a:visited {
    text-decoration: underline;
    text-decoration-color: #035178;
}

.inx-cha-rwk a:hover {
    /* font-size: 19px; */
    color: #035178;
}

.inx-cha-sj {
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    color: #666;
    display: flex;
    align-items: center;
    margin: 0.15rem 0;
    padding: 0 0.04rem;
}

.inx-cha-sj i {
    width: 0.19rem;
    height: 0.19rem;
    display: block;
    margin-right: 0.1rem;
    background-image: url('../images/index4/newsrl.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.inx-cha-zz {
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    color: #666;
    display: flex;
    align-items: center;
    margin: 0.1rem 0;
    padding: 0 0.04rem;
}

.inx-cha-zz i {
    width: 0.19rem;
    height: 0.19rem;
    display: block;
    margin-right: 0.1rem;
    background-image: url('../images/index4/newsbt.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.swiper-progress-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 0.2rem; */
    margin-top: 0.7rem;
    position: relative;
    padding-right: 1.5rem;
}



.swiper-scrollbar {
    width: calc(100% - 1.2rem);
    height: 0.03rem;
    background: #fff !important;
    border-radius: 0.04rem !important;
}

.swiper-scrollbar-drag {
    background: #004672 !important;
    border-radius: 0.04rem !important;
}

.swiper-rw-prev {
    width: 0.7rem;
    height: 0.7rem;
    background-image: url('../images/index4/left.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.swiper-rw-next {
    width: 0.7rem;
    height: 0.7rem;
    background-image: url('../images/index4/right.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.swiper-pagination-xw {
    right: 0;
    left: 26% !important;
    bottom: 13% !important;
    z-index: 2;
    position: absolute;
}

.swiper-pagination-xw .swiper-pagination-bullet {
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    background: transparent !important;
    border-radius: 50% !important;
    margin: 0 5px !important;
    cursor: pointer !important;
    color: #666 !important;
    font-size: 14px !important;
    opacity: 1 !important;
}

.swiper-pagination-xw .swiper-pagination-bullet-active {
    background: #035178 !important;
    color: #fff !important;
}

/* 标题 */
.inx-cha-head {
    width: 100%;
    height: 0.78rem;
    margin: 0.3rem auto;
    text-align: center;
    background-image: url('../images/index4/xxxwTitlebgImg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-top: 0.4rem;

}

.inx-cha-head h5 {
    font-size: 37px;
    color: #035178;
}

.inx-cha-head span {
    font-size: clamp(12px, 1.5vw, 18px);
    color: #999;
}

/* 招生工作 */
.inx-zs {
    width: 100%;
    height: 8.17rem;
    background-image: url('../images/index4/zsbgimg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

}

.inx-zs-nr {
    max-width: 14.82rem;
    margin: 0 auto;
    padding: 0.4rem 0.4rem;
    position: relative;
}

.inx-zs-head {
    width: 100%;
    height: 0.78rem;
    margin: 0.2rem auto;
    text-align: center;
    background-image: url('../images/index4/zs.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: atuo;
}

.inx-zs-head h5 {
    font-size: 37px;
    color: #FFF;
}

.inx-zs-head span {
    font-size: clamp(12px, 1.5vw, 18px);
    color: #FFF;
}

.inx-zs-con {
    display: flex;
    gap: 4%;
    /* max-width: 1200px; */
    margin: 0 auto;
    align-items: stretch;
}

/* 左侧列表样式 */
.inx-zs-l {
    flex: 0 0 4.12rem;
}

.zs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.zs-item span {
    box-sizing: border-box;
    background-color: transparent;
    color: #fff;
    /* font-size: 20px; */
    font-size: clamp(12px, 1.1vw, 20px);
    padding: 0.15rem 0.25rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
    height: 0.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.3rem;
    margin-bottom: 0.04rem;
    transition: all 0.3s ease;
}

.zs-item.active {
    background-image: url('../images/index4/zsActive.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1.02);
}

.zs-item:hover {
    background-image: url('../images/index4/zsActive.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1.02);
}

/* 右侧内容区样式 */
.inx-zs-r {
    flex: 1;
    display: flex;
    gap: 0;
    overflow: hidden;
    position: relative;
    padding: 0 0.2rem 0.35rem 0.2rem;
}

.inx-zs-bg {
    width: 100%;
    height: 100%;
    background-image: url('../images/index4/img-rightbg.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    position: absolute;
    left: 0;
    z-index: 0;

}

.inx-zs-container {
    width: 100%;
    height: 100%;
    display: flex;
}

/* 左侧图片占位 */
.zs-img-box {
    width: 50%;
    height: 5.03rem;
    box-sizing: border-box;
    z-index: 2;
    flex: 0 0 50%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem;
    border-radius: 0.15rem 0.3rem 0.18rem 0.15rem;

}

.zs-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.inx-zsjy-more {
    width: 31%;
    height: 9%;
    position: absolute;
    left: 45%;
    top: 36%;
    color: rgb(3, 81, 120);
    font-size: 0.24rem;
    font-weight: 700;
    border: 1px solid rgb(3, 81, 120);
    background: rgb(253, 197, 99);
    border-radius: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    /* 确保文本在光晕之上 */
    cursor: pointer;
    /* box-shadow: 0 8px 20px rgba(253, 197, 99, 0.4),
            0 0 0 2px rgba(253, 197, 99, 0.3),
            0 0 0 4px rgba(253, 197, 99, 0.1); */
}

.inx-zsjy-more::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center,
            rgba(253, 197, 99, 0.8) 0%,
            rgba(253, 197, 99, 0.5) 30%,
            rgba(253, 197, 99, 0.1) 60%,
            transparent 80%);
    border-radius: 0.9rem;
    filter: blur(20px);
    z-index: -2;
    animation: glowBreath 3s ease-in-out infinite;
    pointer-events: none;
}

/* 主流光层 - 双光束交错，更华丽 */
.inx-zsjy-more::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent 0%,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 245, 200, 0.9) 35%,
            rgba(255, 220, 100, 1) 50%,
            rgba(255, 245, 200, 0.9) 65%,
            rgba(255, 255, 255, 0) 90%,
            transparent 100%);
    border-radius: 0.9rem;
    animation: beamSweep 2.5s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
    filter: blur(2px);
}

/* 第二道反向流光 - 增加层次感 */
.inx-zsjy-more .second-beam {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(270deg,
            transparent 0%,
            rgba(255, 245, 200, 0.7) 20%,
            rgba(255, 220, 100, 0.9) 40%,
            rgba(255, 200, 80, 0.9) 60%,
            rgba(255, 245, 200, 0.7) 80%,
            transparent 100%);
    border-radius: 0.9rem;
    animation: beamSweepReverse 3s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
    filter: blur(3px);
}

/* 边缘流光 - 彩色环绕，更炫酷 */
.inx-zsjy-more .edge-glow {
    position: absolute;
    inset: -4px;
    background: conic-gradient(from 0deg,
            transparent 0deg,
            rgb(253, 197, 99) 60deg,
            rgb(255, 220, 130) 120deg,
            rgb(255, 200, 80) 180deg,
            rgb(253, 197, 99) 240deg,
            transparent 300deg,
            transparent 360deg);
    border-radius: 0.95rem;
    animation: edgeRotate 4s linear infinite;
    pointer-events: none;
    z-index: -3;
    opacity: 0.7;
    filter: blur(4px);
}

/* 第二个边缘光晕层 - 更大更柔和 */
.inx-zsjy-more .outer-edge {
    position: absolute;
    inset: -8px;
    background: conic-gradient(from 90deg,
            transparent 0deg,
            rgba(253, 197, 99, 0.6) 90deg,
            rgba(255, 220, 130, 0.4) 180deg,
            rgba(253, 197, 99, 0.6) 270deg,
            transparent 360deg);
    border-radius: 1rem;
    animation: edgeRotateReverse 6s linear infinite;
    pointer-events: none;
    z-index: -4;
    filter: blur(8px);
}

/* 动画定义 */
@keyframes glowBreath {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.5;
        filter: blur(15px);
    }

    50% {
        width: 130%;
        height: 150%;
        opacity: 0.9;
        filter: blur(25px);
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0.5;
        filter: blur(15px);
    }
}

@keyframes beamSweep {
    0% {
        left: -100%;
        opacity: 0;
    }

    10% {
        opacity: 0.8;
    }

    30% {
        opacity: 1;
    }

    60% {
        left: 100%;
        opacity: 0.9;
    }

    70% {
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes beamSweepReverse {
    0% {
        right: -100%;
        opacity: 0;
    }

    15% {
        opacity: 0.7;
    }

    40% {
        opacity: 0.9;
    }

    65% {
        right: 100%;
        opacity: 0.8;
    }

    75% {
        opacity: 0;
    }

    100% {
        right: 100%;
        opacity: 0;
    }
}

@keyframes edgeRotate {
    0% {
        transform: rotate(0deg);
        opacity: 0.6;
    }

    100% {
        transform: rotate(360deg);
        opacity: 0.6;
    }
}

@keyframes edgeRotateReverse {
    0% {
        transform: rotate(360deg);
        opacity: 0.4;
    }

    100% {
        transform: rotate(0deg);
        opacity: 0.4;
    }
}

/* 悬停增强 - 更明显的光效 */
.inx-zsjy-more:hover {
    transform: scale(1.03);
    background: linear-gradient(135deg, rgb(255, 210, 120) 0%, rgb(255, 220, 135) 100%);
    box-shadow: 0 12px 30px rgba(253, 197, 99, 0.6),
        0 0 0 3px rgba(253, 197, 99, 0.5),
        0 0 0 6px rgba(253, 197, 99, 0.2);
}

.inx-zsjy-more:hover .edge-glow {
    animation-duration: 2.5s;
    filter: blur(5px);
    opacity: 0.9;
}

.inx-zsjy-more:hover::after {
    animation-duration: 1.8s;
}

.inx-zsjy-more:hover .second-beam {
    animation-duration: 2.2s;
}


.inx-zs-jt {

    width: 0.4rem;
    height: 0.4rem;
    background-image: url('../images/index4/箭头3.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transform: rotate(90deg);
}

/* 右侧文字内容区 */
.zs-content-box {
    width: 50%;
    height: 5.03rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.32rem 0.05rem 0.05rem 0.16rem;
    flex: 1;
    padding: 0.3rem;
    position: relative;
}

.zs-content {
    display: none;
    color: #333;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    /* line-height: 1.8; */
}

.zs-content-nr {
    color: #333;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    max-height: 2.58rem;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zs-content.active {
    display: block;
}

.detail-btn {
    box-sizing: border-box;
    margin-top: 0.4rem;
    padding: 0.08rem 0.16rem;
    background: #0f4c81;
    color: #fff;
    border: none;
    border-radius: 0.04rem;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    cursor: pointer;
    transition: background 0.3s ease;
}

.detail-btn:hover {
    background: #0a3a66;
}

.inx-jy {
    width: 100%;
    height: 9.03rem;
    background-image: url('../images/index4/jybg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    position: relative;
}

.inx-jy-nr {
    box-sizing: border-box;
    max-width: 14.82rem;
    margin: 0 auto;
    padding: 0.2rem 0.4rem;
    position: relative;
}

.inx-jy-head {
    width: 100%;
    height: 0.78rem;
    margin: 0.3rem auto;
    text-align: center;
    background-image: url('../images/index4/xxxwTitlebgImg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-top: 0.4rem;
}

.inx-jy-head h5 {
    font-size: 37px;
    color: #035178;
}

.inx-jy-head span {
    font-size: clamp(12px, 1.5vw, 18px);
    color: #999;
}

.inx-jy-con {
    box-sizing: border-box;
    padding: 0.15rem;
    /* background: #ffffff; */
    border-radius: 0.04rem;
}

.jy-main-card {
    width: 14.22rem;
    display: flex;
    margin-bottom: 0.15rem;
    /* 确保高度由内容撑开 */
    align-items: stretch;
    height: 4.33rem;
    background: #fff;
    border-radius: 0.15rem;
}

.jy-card-left {
    box-sizing: border-box;
    flex: 1;
    padding: 0.2rem;
    display: flex;
    flex-direction: column;
    /* justify-content: space-around; */
    gap: 20%;
}

.jy-card-right {
    overflow: hidden;
    transition: all 0.3s ease;
    flex: 0 0 50%;
    background-image: url('../images/index4/jygzRightImg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 0 0.15rem 0.15rem 0;
}

/* .jy-card-right:hover {
    transform: scale(1.1);
} */

.new-tag {
    width: 0.69rem;
    height: 0.41rem;
    background-image: url('../images/index4/new1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 0.5rem;
}

.jy-text {
    /* flex: 1;
    display: flex;
    justify-content: center;
    gap: 0.2rem */
}

.jy-text:hover {
    color: #035178;
}

.card-title {
    width: 100%;
    height: 0.4rem;
    font-size: 30px;
    font-size: clamp(12px, 1.7vw, 30px);
    /* color: #003366; */
    margin: 0 0 0.3rem 0;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.card-desc {
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    color: #666;
    line-height: 2;
    margin: 0 0 15px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-meta {
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    color: #999;
    display: flex;
    gap: 0.2rem;
}

.jy-cards-row {
    display: flex;
    gap: 0.15rem;
}

.jy-sub-card {
    box-sizing: border-box;
    width: 4.8rem;
    /* height: 1.84rem; */
    height: 1.7rem;
    flex: 1;
    padding: 0.22rem;
    background: #fff;
    border-radius: 0.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.jy-sub-card:hover {
    color: #035178;
}

.jy-sub-card h4 {
    box-sizing: border-box;
    /* font-size: 20px; */
    font-size: clamp(12px, 1.1vw, 20px);
    margin: 0 0 0.08rem 0;
    font-weight: normal;
    padding-left: 0.15rem;
    width: 4.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jy-sub-card p {
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    color: #666;
    line-height: 2;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 快捷导航 专题网站  */
.inx-kjdh-ztwz {
    width: 100%;
    height: 10.24rem;
    background-image: url('../images/index4/kjdh.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    position: relative;
}

.inx-kjdh-nr {
    height: 43%;
    box-sizing: border-box;
    max-width: 14.82rem;
    margin: 0 auto;
    padding: 0.2rem 0.4rem;
    position: relative;
}

.inx-kjdh-head {
    width: 100%;
    height: 0.78rem;
    margin: 0.3rem auto;
    text-align: center;
    background-image: url('../images/index4/xxxwTitlebgImg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-top: 0.4rem;
}

.inx-kjdh-head h5 {
    font-size: 37px;
    color: #035178;
}

.inx-kjdh-head span {
    font-size: clamp(12px, 1.5vw, 18px);
    color: #999;
}

.inx-kjdh-con {
    width: 100%;
    height: 29%;
    /* height: 36%; */
    display: flex;
    gap: 1%;
}

.inx-kjdh-item {
    width: 1.85rem;
    height: 1.85rem;
    background-image: url('../images/index4/kjdh-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
    flex-direction: column; */
}

.inx-kjdh-img {
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20%;
    box-sizing: border-box;
}

/* .inx-kjdh-img img {
    width: 0.42rem;
    height: 0.42rem;
} */

.inx-kjdh-tit {
    /* width: 100%;
    height: 50%; */
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    color: #fff;
    text-align: center;
    padding: 0 35px;
    white-space: pre-wrap;
}


.inx-ztwz-nr {
    height: 52%;
    box-sizing: border-box;
    max-width: 16.82rem;
    margin: 0 auto;
    padding: 0.2rem 0.4rem;
    position: relative;
}

.inx-ztwz-head {
    width: 100%;
    height: 0.78rem;
    margin: 0.3rem auto;
    text-align: center;
    background-image: url('../images/index4/xxxwTitlebgImg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-top: 0.4rem;
}

.inx-ztwz-head h5 {
    font-size: 37px;
    color: #035178;
}

.inx-ztwz-head span {
    font-size: clamp(12px, 1.5vw, 18px);
    color: #999;
}

.inx-ztwz-con {
    /* height: 2.38rem; */
    position: relative;
}

.inx-ztwz-swiper {
    width: 4.97rem;
    overflow: hidden;
    /* height: 2.38rem; */
}

.inx-ztwz-dt {
    width: 4.97rem;
    /* height: 1.96rem; */
    height: 2.8rem;
    overflow: hidden;
}

.inx-ztwz-swiperTu {
    width: 4.97rem;
    /* height: 1.96rem; */
    height: 2.8rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: transform 0.5s ease;
}

.inx-ztwz-swiperTu:hover {
    transform: scale(1.1);
}

.inx-ztwz-text {
    text-align: left;
    color: black;
    box-sizing: border-box;
    width: 4.97rem;
    border-left: 2px solid #035178;
    padding-left: 0.05rem;
    /* font-size: 20px; */
    font-size: clamp(12px, 1.1vw, 20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0.15rem;
}

.inx-ztwz-text:hover {
    color: #035178;
}

.swiper-ztwz-pre {
    width: 0.8rem;
    height: 0.8rem;
    background-image: url('../images/index4/zt1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    position: absolute;
    z-index: 9999;
    top: 23%;
    left: -7%;
}

.swiper-ztwz-next {
    width: 0.8rem;
    height: 0.8rem;
    background-image: url('../images/index4/zt2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    position: absolute;
    z-index: 9999;
    top: 23%;
    right: -6%;
}

/* 底部 */
.inx-footer {
    width: 100%;
    height: 2.4rem;
    background-image: url('../images/index4/footerbg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: local;
    overflow: hidden;
    box-sizing: border-box;
}

.inx-footer-con {
    box-sizing: border-box;
    max-width: 16.82rem;
    margin: 0 auto;
    padding: 0.1rem 0.4rem;
}

.inx-footer-shang {
    width: 100%;
    height: 74%;
    display: flex;
    gap: 6%;
    justify-content: center;
}

.inx-footer-xbcon {
    width: 4.68rem;
    /* height: 1.76rem; */
    /* margin-top: 0.4rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
    gap: 5%;
}

.inx-footer-bt {
    width: 3.98rem;
    height: 0.63rem;
    background-image: url('../images/index4/footer-bt.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.inx-footer-xb {
    width: 1.07rem;
    height: 1rem;
    background-image: url('../images/index4/footer-xb.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



.inx-footer-tu {
    width: 4.68rem;
    height: 0.73rem;
    background-image: url('../images/index4/footer-tit.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.inx-footer-text {
    /* margin-top: 0.5rem; */
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    /* margin: 0.2rem 0; */
    color: #fff;
    height: auto;
    /* margin-top: 1.2rem; */
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inx-footer-xia {
    color: #fff;
    text-align: center;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
}

/* 列表页 */
/* #app {
    background-color: #EFEFEF;
} */

.list-header {
    width: 100%;
    height: 5.6rem;
    background-image: url("../images/index4/details-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.list-head-nav {
    min-height: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 18.4rem;
    transform: translateX(-50%);
    left: 50%;
    padding: 0 0.4rem;
    z-index: 6;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
    /* background: #035178; */
}

.list-daohang-cn {
    /* height: 1rem; */
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    gap: 5%;
    padding-top: 0.2rem;
}

.list-daohang-daohang {
    flex: 1;
    height: 100%;
    min-width: 10rem;
    display: flex;
    justify-content: end;
    gap: 1%;
}

.list-daohang-bj {
    /* width: 8rem; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* padding-top: 0.4rem; */
    padding: 0.15rem 0;
}

.list-h-logo {
    width: 5.12rem;
    height: auto;
    display: flex;
    justify-content: center;
}

.list-h-logo>img {
    width: 5.12rem;
    height: 1rem;
}

.list-nav-box {
    flex: 1;
    display: flex;
    min-width: 5rem;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
}

.list-n-sub {
    /* min-width: 0.72rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(12px, 1.5vw, 18px);
    text-align: center;
    /* background-color: #004672; */
    color: #fff;
    width: auto;
    white-space: nowrap;
    /* margin: 0.02rem 0.16rem; */
    position: relative;
    /* padding: 0.1rem 0; */
    padding: 0.2rem 0.16rem;
}

.list-nav-ul {
    width: 1.6rem;
    /* display: none; */
    position: absolute;
    z-index: 3;
    color: #035178;
    top: 0.53rem;
    list-style: none;
    background-color: #fff;
    backdrop-filter: blur(4px);
    border-top: 3px solid #03517899;
    /* transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); */
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}



.list-nav-ul li {
    padding: 0.05rem 0.08rem;
    height: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e6f0f7;
    color: #035178;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease;
}

.list-nav-ul li::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 81, 120, 0.08);
    transition: left 0.35s ease;
    z-index: -1;
}

.list-nav-ul li:hover::before {
    left: 0;
}

.list-nav-ul li:hover {
    color: #013859;
    font-weight: 500;
}

.list-n-sub:hover .list-nav-ul {
    /* display: block; */
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.list-h-search {
    width: 1.1rem;
    height: 0.29rem;
    position: relative;
    display: flex;
    align-items: center;
    top: 13%;
}

.list-h-search input {

    width: 100%;
    height: 0.29rem;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 0.16rem;
    border: none;
    outline: none;
    padding: 0 0.35rem 0 0.08rem;
    color: black;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
}

.list-h-search input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
}

.list-search-icon {
    position: absolute;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.24rem;
    height: 0.24rem;
    pointer-events: none;
}

.list-m-mbx {
    position: absolute;
    bottom: 27%;
    left: 12%;
    width: 25%;
}

.list-shouye {
    width: 0.2rem;
    height: 0.2rem;
    background-image: url("../images/index4/首页2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.list-m-con {
    margin-top: 0.1rem;
    display: flex;
    align-items: center;
    gap: 2%
}

.list-m-mbx>h3 {
    color: #fff;
    font-size: 37px;
}

.list-m-con>span {
    color: #fff;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
}

.list-mz-main {
    width: 100%;
    min-height: 8rem;
    overflow: hidden;
    background-color: #efefef;
    background-color: #fff;
}


.list-m-content {
    box-sizing: border-box;
    max-width: 15.82rem;
    margin: 0 auto;
    padding: 0.2rem 0.4rem;
    display: flex;
    gap: 2%;
}


.college-card {
    width: 25%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    /* 替换为和白色有区分度的极浅蓝白，和主色呼应 */
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    background: #035178;
    background: #E2E8F0;
    background: #dbe9f5;
    color: #035178;
    border: 3px solid transparent;
    /* color: #fff; */
}

/* 高级渐变光效层，hover时才会显示 */
.college-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(3, 81, 120, 0.08),
            rgba(3, 81, 120, 0.12),
            transparent);
    transition: left 0.6s ease;
    z-index: 0;
}

/* 让文字在光效层之上 */
.college-card>* {
    position: relative;
    z-index: 1;
}

.college-card:hover {
    transform: translateY(-2px);
    background: #ffffff;
    border: 3px solid rgba(3, 81, 120, 0.25);
    color: #035178;
    box-shadow: 0 10px 25px rgba(3, 81, 120, 0.08);
}

.college-card:hover::before {
    left: 100%;
}


.college-name {
    /* font-size: 20px; */
    font-size: clamp(12px, 1.1vw, 20px);
    font-weight: 500;
    /* color: #303133; */
    text-align: center;
    line-height: 1.4;
}

.list-ml-twld {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    /* 卡片间距，可按需调整 */
}

/* 单个卡片 */
.college-cardld {
    width: calc(50% - 10px);
    /* 减去 gap 的一半，保证两列 */
    height: 330px;
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* 顶部蓝色标题栏 */
.college-nameld {
    display: inline-block;
    background: #035178;
    /* 你之前的主蓝色，和图片配色一致 */
    color: #fff;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    font-weight: bold;
    padding: 8px 16px;
    margin: 16px 16px 0;
    line-height: 1.5;
}

/* 头像+内容容器 */
.college-infold {
    flex: 1;
    display: flex;
    align-items: flex-start;
    padding: 0.16rem;
    gap: 0.2rem;
}

.college-avatarld {
    width: 1.2rem;
    height: 1.6rem;
    overflow: hidden;
}

/* 头像区域 */
.list-twld-img {
    width: 1.2rem;
    height: 1.6rem;
    object-fit: cover;
    background: #eee;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: all 0.5s ease;
}

/* .list-twld-img:hover{
    transform: scale(1.2);
} */

/* 文字内容区域 */
.college-textld {
    flex: 1;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    line-height: 1.8;
    color: #333;
    word-break: break-all;
}



.list-ml-tw {
    flex: 1;
    min-width: 10.6rem;
    background: #fff;
    padding: 0.4rem 0.2rem;
}

.list-ml-tw {
    content-visibility: auto;
    contain: layout paint;
    will-change: scroll-position;
}

/* 让图片不阻塞渲染 */
.list-twli-img {
    content-visibility: auto;
    will-change: opacity;
}

.bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* body {
    animation: bodySlide 0.9s ease-out forwards;
}

@keyframes bodySlide {
    0% {
        opacity: 0;
        transform: translateX(-60px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
} */
.list-ml-twjg {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    /* justify-content: center; */
    flex: 1;
    min-width: 10.6rem;
    background: #fff;
    padding: 0.4rem 0.2rem;
    margin-top: 0.1rem;
}

.list-ml-twli {
    width: 100%;
    /* height: 1.99rem; */
    padding: 0.2rem 0;
    box-sizing: border-box;
    border-bottom: 1px solid #EFEFEF;
    display: flex;
    gap: 2%;
    transition: all 0.3s ease;
}

.list-ml-twli:hover {
    transform: translateX(10px);
    cursor: pointer;
}

.skeleton-wrapper {
    padding: 0.2rem;
}

.skeleton-item {
    display: flex;
    gap: 0.2rem;
    margin-bottom: 0.3rem;
    padding: 0.2rem;
    background: #fff;
    border-radius: 0.12rem;
}

.skeleton-img {
    width: 1.8rem;
    height: 1.8rem;
    background: #e8e8e8;
    border-radius: 0.1rem;
    flex-shrink: 0;
}

.skeleton-content {
    flex: 1;
}

.skeleton-title {
    height: 0.4rem;
    width: 80%;
    background: #e8e8e8;
    border-radius: 0.06rem;
    margin-bottom: 0.15rem;
}

.skeleton-text {
    height: 0.6rem;
    width: 100%;
    background: #e8e8e8;
    border-radius: 0.06rem;
    margin-bottom: 0.15rem;
}

.skeleton-date {
    height: 0.3rem;
    width: 40%;
    background: #e8e8e8;
    border-radius: 0.06rem;
}

/* 流光闪烁动画 */
.shimmer {
    background: linear-gradient(90deg, #e8e8e8 0%, #f5f5f5 50%, #e8e8e8 100%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.list-twli-img {
    width: 2.32rem;
    height: 1.3rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url("../images/index4/head.png");
}

.list-twli-date {
    font-size: 12px;
    color: #888;
    width: 98%;
    margin-top: 0.2rem;
    text-align: right;
    /* text-align: right; */
}

.list-twli-box {
    flex: 1;
    min-width: 6.2rem;
}

.list-twli-tit {
    height: 0.45rem;
    color: #035178;
    font-size: clamp(12px, 1.5vw, 18px);
    font-weight: 600;
}

.list-twli-txt {
    height: 0.5rem;
    overflow: hidden;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #999;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
}

.list-m-rig {
    width: 4rem;
    height: 6rem;
    box-sizing: border-box;
    /* min-width: 475px; */
    /* height: 8.45rem; */
    padding: 0.25rem;
    background-image: url('../images/index4/xstzBgimg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    box-sizing: border-box;
    padding: 0.2rem;
}

.list-m-rigsub {
    width: 4rem;
    height: 100%;
    box-sizing: border-box;
    /* min-width: 475px; */
    /* height: 8.45rem; */
    padding: 0.25rem;
    background-image: url('../images/index4/xstzBgimg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    box-sizing: border-box;
    padding: 0.2rem;
}

.list-nr-head {
    width: 100%;
    height: 0.4rem;
    display: flex;
    justify-content: space-between;

}

.list-nr-btn {
    /* font-size: 24px; */
    font-size: clamp(12px, 1.3vw, 24px);
    font-weight: bold;
    padding-left: 0.1rem;
}

.list-nr-more {
    font-size: 13px;
}

.list-nr-main {
    width: 100%;
}

.list-nr-li {

    width: 100%;
    height: 0.6rem;
    padding: 0.13rem 0;
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.list-m-rigsub-xq {
    /* position: fixed;
    top: 68%; */
    width: 3rem;
    /* border-radius: 0.1rem; */
    height: 68%;
    margin-top: 0.7rem;
    left: 0.1rem;
    background: none;
    color: #fff;
    /* border: 1px solid #035178; */
    box-sizing: border-box;
    padding: 0.2rem;
    background-image: url('../images/index4/xstzBgimg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transform: translateX(-20px);
    /* 从左边20px外开始 */
    animation: slideInLeft 0.6s ease-out forwards;
}

.list-text-xq {
    height: 0.49rem;
    flex: 1;
    min-width: 0.1rem;
    color: #fff;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    padding: 0 0.2rem;
    font-weight: 600;
    height: 100%;
    display: flex;
    align-items: center;

    opacity: 0;
    transform: translateX(-20px);
    /* 从左边20px外开始 */
    animation: slideInLeft 0.6s ease-out forwards;
}

@keyframes slideInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.list-nr-lijg {
    width: 100%;
    height: 0.3rem;
    padding: 0.13rem 0;
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    /* 降低边框透明度，更柔和 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    cursor: pointer;
    align-items: center;
    padding-left: 0.15rem;
    /* 给hover线留出位置 */
}

/* 左侧高亮线（hover时出现，提升高级感） */
.list-nr-lijg::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 60%;
    background: #ffffff;
    transition: width 0.3s ease;
    border-radius: 0 4px 4px 0;
}

.list-nr-lijg:hover {
    /* 取消上浮，改为背景高亮+文字变化，不破坏布局 */
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    padding-left: 0.2rem;
    /* 文字轻微右移，和左侧高亮线呼应 */
}

.active-xqdh {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    padding-left: 0.2rem;
}
.active-xqdh::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    /* transform: translateY(-50%); */
    width: 0.04rem;
    height: 60%;
    background: #ffffff;
    /* transition: width 0.3s ease; */
    border-radius: 0 4px 4px 0;
}
.list-nr-lijg:hover::before {
    width: 4px;
}

.list-nr-date {

    color: #fff;
    text-align: center;
    padding: 0 0.1rem;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
}

.list-nr-date h5 {
    font-size: 30px;
    font-size: clamp(12px, 1.7vw, 30px);
    font-weight: bold;
}

.list-nr-date p {
    font-size: 12px;
}


.list-text {
    height: 0.49rem;
    flex: 1;
    min-width: 0.1rem;
    color: #fff;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    padding: 0 0.2rem;
    /* overflow: hidden; */
    /* line-height: 3; */
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis; */
    font-weight: 600;
    height: 100%;
    display: flex;
    align-items: center;
}

.list-nr-li:hover {
    transform: scale(1.03);
    transition: all 0.2s ease;
    cursor: pointer;
}


/* 列表底部 */
.list-footer {
    width: 100%;
    height: 3.6rem;
    background-image: url('../images/index4/footerbg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: local;
    overflow: hidden;
    box-sizing: border-box;
}

.list-footer-con {
    box-sizing: border-box;
    max-width: 16.82rem;
    margin: 0 auto;
    padding: 0.2rem 0.4rem;
}

.list-footer-shang {
    width: 100%;
    height: 86%;
    display: flex;
    gap: 2%;
    justify-content: space-around;
}

.list-footer-xbcon {
    width: 4.68rem;
    height: 1.76rem;
    margin-top: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5%;
}

.list-footer-bt {
    width: 3.98rem;
    height: 0.63rem;
    background-image: url('../images/index4/footer-bt.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.list-footer-xb {
    width: 1.07rem;
    height: 1rem;
    background-image: url('../images/index4/footer-xb.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.list-footer-tu {
    width: 4.68rem;
    height: 0.73rem;
    background-image: url('../images/index4/footer-tit.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.list-footer-text {
    margin-top: 0.5rem;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    margin: 0.2rem 0;
    color: #fff;
    height: auto;
    margin-top: 1.2rem;
    line-height: 2;
}

.list-footer-xia {
    color: #fff;
    text-align: center;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
}

/* 分页容器 */
.list-m-page {
    width: 100%;
}

#page-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* 按钮间距，可调整 */
    padding: 20px 0;
    font-family: "Microsoft YaHei", sans-serif;
}

/* 通用按钮样式 */
.page-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    background: #fff;
    color: #333;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

/* 禁用状态 */
.page-btn:disabled {
    border-color: #e5e7eb;
    background: #f9fafb;
    color: #9ca3af;
    cursor: not-allowed;
}

/* 悬停/激活状态 */
.page-btn:hover:not(:disabled) {
    border-color: #0071bc;
    background: #0071bc;
    color: #fff;
}

/* 页码按钮 */
.page-num {
    width: 32px;
    height: 32px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    background: #fff;
    color: #333;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

/* 激活的页码 */
.page-num.active {
    border-color: #0071bc;
    background: #0071bc;
    color: #fff;
    font-weight: bold;
}

/* 页码悬停 */
.page-num:hover:not(.active) {
    border-color: #0071bc;
    color: #0071bc;
}

/* 省略号 */
.ellipsis {
    color: #6b7280;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    padding: 0 4px;
}

/* 总数信息 */
.total-info {
    margin-left: 16px;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    color: #6b7280;
}

/* 终极页面 */
.list-m-main {
    width: 100%;
    min-height: 8rem;
    overflow: hidden;
    position: relative;
    /* background-color: #efefef; */
}

.list-m-main {
    width: 100%;
    min-height: 8rem;
    display: flex;
    margin: 0 auto;
    max-width: 15rem;
    /* background-color: #efefef; */
}

.page-main-k {
    box-sizing: border-box;
    max-width: 12.82rem;
    /* margin: 0 auto; */
    padding: 0.8rem 0.4rem;
    flex: 1;
    min-width: 0.1rem;
}

.page-m-head {
    padding-bottom: 0.4rem;
    /* padding: 0 0.8rem; */
    width: 100%;
    height: auto;
    min-height: 0.32rem;
    font-weight: normal;
    font-size: 22px;
    color: #333;
    line-height: 0.32rem;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #d8e6f0;
}

.page-m-head h2 {
    margin-bottom: 15px;
    /* padding: 0 80px; */
    width: 100%;
    height: auto;
    min-height: 32px;
    font-weight: bold;
    /* font-size: 24px; */
    font-size: clamp(12px, 1.3vw, 24px);
    color: #333;
    line-height: 32px;
    text-align: center;
}

.page-mk-head {
    width: 100%;
    height: 22px;
    text-align: center;
}

.page-mk-head span {
    margin: 0 20px;
    /* font-size: 14px; */
    font-size: clamp(12px, 0.8vw, 14px);
    color: #999;
    line-height: 22px;
}

.page-m-box {
    padding-bottom: 35px;
    width: 100%;
    height: auto;
    /* font-size: 16px; */
    font-size: clamp(12px, 0.9vw, 16px);
    color: #333;
    line-height: 30px;
    margin-top: 0.5rem;
}

.list-enj {
    position: fixed;
    /* left: 5%; */
    right: 4%;
    top: 62%;
    opacity: 0;
    transform: translateX(-20px);
    animation: slideIn 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;

}

@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 分享至 */
/* .list-erweima {
    display: none;
    background-image: url('../images/index4/weixin.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
} */
.list-erweima {
    display: block;
    /* 这里必须改成 block，不能 none */
    background-image: url('../images/index4/weixin.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) rotateX(-90deg);
    /* 初始：翻折90度隐藏 */
    background-color: #035178;
    padding: 0.1rem;
    border-radius: 4px;

    /* 👇 动画核心 */
    transform-origin: bottom center;
    /* 从底部向上翻折 */
    transition: all 0.3s ease;
    /* 动画速度 0.3秒，可改 */
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0.1rem;
}

.list-erweima::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.06rem;
    width: 0;
    height: 0;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
    border-top: 0.06rem solid #035178;
}

.list-tb {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.list-tb span {
    font-size: 12px;
    color: grey;
}

.list-tb img {
    width: 0.4rem;
    height: 0.4rem;
}

.list-enj:hover .list-erweima {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) rotateX(0deg);
}