/* =========================================================
   适配层样式（加载在参考站原样式之后，仅做必要的等价适配）
   作用：让参考站的版式与站点自身栏目内容对应起来
   ========================================================= */

/* 1. 主导航：按实际栏目数量等分铺满（7 项时与原版完全一致） */
.index-body .nav ul {
    display: flex;
    width: 1140px;
}
.index-body .nav ul > li {
    flex: 1;
    width: auto;
}
.nav li a {
    display: block;
}

/* 2. 新闻分栏与公告分栏：由脚本自动选中首个有内容的栏目，其余鼠标悬停切换 */
.index-news .news-content > ul > li,
.index-notice-box .news-content > ul > li {
    display: none;
}
.index-news .more-span > a,
.index-notice-box .more-span > a {
    display: none;
}

/* 3. 首页中间导航：按 5 个栏目等分，背景与图标按顺序取用原版素材 */
.index-center-nav ul li {
    width: calc(100% / 5);
    float: left;
}
/* 第 1 项 */
.index-center-nav ul li:nth-child(1) a {
    background: url(../images/gk-bg.jpg) center top;
}
.index-center-nav ul li:nth-child(1):hover a {
    background: url(../images/gk-b.jpg) center top;
}
.index-center-nav ul li:nth-child(1) .center-box i {
    background: url(../images/gk-icon.png) center top;
}
.index-center-nav ul li:nth-child(1) .center-box:hover i {
    background: url(../images/gk-w.png) center top;
}
/* 第 2 项 */
.index-center-nav ul li:nth-child(2) a {
    background: url(../images/cxtx-bg.jpg) center top;
}
.index-center-nav ul li:nth-child(2):hover a {
    background: url(../images/ctxt-b.jpg) center top;
}
.index-center-nav ul li:nth-child(2) .center-box i {
    background: url(../images/cxtx-icon.png) center top no-repeat;
}
.index-center-nav ul li:nth-child(2) .center-box:hover i {
    background: url(../images/cxtx-w.png) center top no-repeat;
}
/* 第 3 项 */
.index-center-nav ul li:nth-child(3) a {
    background: url(../images/xxkg-bg.jpg) center top;
}
.index-center-nav ul li:nth-child(3):hover a {
    background: url(../images/xxkg-b.jpg) center top;
}
.index-center-nav ul li:nth-child(3) .center-box i {
    width: 39px;
    background: url(../images/tgbg-icon.png) center top no-repeat;
}
.index-center-nav ul li:nth-child(3) .center-box:hover i {
    background: url(../images/tgbg-icon-h.png) center top no-repeat;
}
/* 第 4 项 */
.index-center-nav ul li:nth-child(4) a {
    background: url(../images/yjxx-bg.jpg) center top;
}
.index-center-nav ul li:nth-child(4):hover a {
    background: url(../images/yjxx-b.jpg) center top;
}
.index-center-nav ul li:nth-child(4) .center-box i {
    background: url(../images/yjxx-icon.png) center top no-repeat;
}
.index-center-nav ul li:nth-child(4) .center-box:hover i {
    background: url(../images/yj-w.png) center top no-repeat;
}
/* 第 5 项 */
.index-center-nav ul li:nth-child(5) a {
    background: url(../images/whrl-bg.jpg) center top;
}
.index-center-nav ul li:nth-child(5):hover a {
    background: url(../images/whrl-b.jpg) center top;
}
.index-center-nav ul li:nth-child(5) .center-box i {
    background: url(../images/whrl-icon.png) center top no-repeat;
}
.index-center-nav ul li:nth-child(5) .center-box:hover i {
    background: url(../images/whrl-w.png) center top no-repeat;
}

/* 4. 页脚：左右两端的标志改用站点自身标识 */
.footer .foot-mark img {
    max-height: 72px;
    width: auto;
    margin-top: 10px;
}

/* 5. 顶部大图轮播：图片铺满容器宽度，按比例自适应高度 */
.index-news-scroll .slides li img {
    width: 100%;
    display: block;
}

/* 6. 中部横幅轮播：固定容器高度并裁切，确保只显示一张 */
.index-center-swiper .swiper-container {
    height: 300px;
    overflow: hidden;
}
.index-center-swiper .swiper-slide {
    height: 300px;
    overflow: hidden;
}
.index-center-swiper .swiper-slide img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
}

/* 7. 专题聚焦：横向滚动区图片统一尺寸 */
.special-focus .focus-up {
    overflow: hidden;
}
.special-focus .focus-up ul {
    position: relative;
    white-space: nowrap;
}
.special-focus .focus-up ul > li {
    float: left;
    margin-right: 20px;
}
.special-focus .focus-up ul > li img {
    object-fit: cover;
}

/* 8. 应用入口图标区域保持占位高度，文字过长时省略 */
.application-box li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
