html,
body {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    min-width: 1400px !important;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    max-width: 1920px;
}

a {
    text-decoration: unset !important;
}

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

.fxzt,
.fxzt * {
    box-sizing: border-box;
    /* margin: 0 auto; */
}

.fxzt {
    width: 100%;
    /* min-height: 6600px; */
    background: #d9f5ff url('/material/zt/2026/fxzt/images/bgtop.png') no-repeat;
    position: relative;
}

.fxztcontainer {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    padding-top: 585px;
    position: relative;
    left: 11px;
}

.logo {
    margin: 77px 0 0 330px;
}

/* 标题 */
.bt {
    width: 1300px;
    height: 85px;
    position: relative;
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
}

/* 更多 */
.see-more {
    position: absolute;
    width: 244px;
    height: 69px;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.see-more2 {
    position: absolute;
    width: 70px;
    height: 21px;
    bottom: 24px;
    right: -1px;
    font-size: 20.83px;
    color: #0f6cf3;
    font-weight: 400;
    text-align: right;
    line-height: 19px;
}

.see-more2:hover {
    animation: swing 0.6s ease-in-out infinite alternate;
}

@keyframes swing {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(10px);
    }
}

/* 导语 */
.dy {
    width: 1477px;
    height: 344px;
    background: url('/material/zt/2026/fxzt/images/dy.png') no-repeat;
    margin-left: -88px;
}

.dy .content {
    font-family: 'MySourceHanSans';
    src: url('https://unpkg.com/source-han-sans@2.004/OTF/SimplifiedChinese/SourceHanSansSC-Medium.otf') format('opentype');
    /* 思源黑体 */
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-size: 29.17px;
    color: #275dbb;
    text-indent: 2em;
    padding: 73px 112px 0 111px;
    letter-spacing: 0.1px;
    line-height: 51px;
    text-align: justify;
}

/* 要闻聚焦 */
.ywjj {
    margin-top: 143px;
}

.ywjj .bt {
    background: url('/material/zt/2026/fxzt/images/ywjjbt.png') no-repeat;
}

.ywjj .content {
    display: flex;
    margin-top: 38px;
    margin-left: 1px;
}

/* 轮播图 */
.swiper {
    width: 724px;
    height: 407px;
    box-shadow: 0 6px 16px #217ce84A;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
    transition: transform 0.3s ease;
    transform-origin: center center;
}

.swiper-slide img:hover {
    transform: scale(1.05);
}

.swiper-slide .title {
    height: 60px;
    background: url('/material/zt/2026/fxzt/images/lbt.png') no-repeat;
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 19.24px;
    color: #fff;
    font-weight: 200;
    text-align: left;
    /* padding-left: 11px;
    padding-right: 131px; */
    padding: 4px 131px 4px 11px;
    display: flex;
    align-items: center;
    /* line-height: 55px;
    letter-spacing: 0.5px; */
}

.swiper-slide .title span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-align: center;
}

/* 分页器圆点样式 */
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: unset !important;
    display: flex;
    align-items: center;
    left: unset !important;
    right: 14px;
    bottom: 24px !important;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 13px !important;
    /* background: rgba(252, 249, 238, 0.6); */
    background: #fff !important;
    margin: 0 7.5px !important;
    border-radius: 50% !important;
    transition: all 0.3s;
    opacity: 1;
}

/* 当前激活的圆点 */
.swiper-pagination-bullet-active {
    background: #ffe63a !important;
    width: 13px !important;
    height: 13px !important;
}

/* 左右切换 */
.swiper-button-next:after,
.swiper-button-prev:after {
    content: '' !important;
}

.swiper-button-next,
.swiper-button-prev {
    width: 45px !important;
    height: 71px !important;
    top: 170px !important;
}

.swiper-button-prev {
    background: url('/material/zt/2026/fxzt/images/prev.png') no-repeat;
    left: -1px !important;
}

.swiper-button-next {
    background: url('/material/zt/2026/fxzt/images/next.png') no-repeat;
    right: -1px !important;
}

/* 列表 */
.content .right {
    flex: 1;
}

.content .right ul {
    padding: 0;
    margin: -1px 14px 0 26px;
    border-top: 1px solid #a3d9f8;
}

.list-item {
    height: 68px;
    display: flex;
    align-items: center;
    gap: 13px;
    /* border-top: 1px solid #a3d9f8; */
    border-bottom: 1px solid #a3d9f8;
    padding: 17px 0px 18px 4px;
    margin-bottom: 0;
    transform: all 0.5s ease;
}

.list-item::before {
    content: '';
    display: block;
    width: 9px;
    height: 10px;
    border-radius: 50%;
    background: #179be6;
}

.list-item a {
    display: flex;
    justify-content: space-between;
    flex: 1;
    min-height: 46px;
    align-items: center;
}

.list-item:hover .item-title {
    text-decoration: underline !important;
}

.item-title,
.item-time {
    font-size: 21.38px;
    color: #1d1d1d;
    font-family: 'MySourceHanSans';
    /* 在线请求 Regular (标准体) 的字体文件路径 */
    src: url('https://unpkg.com/source-han-sans@2.004/OTF/SimplifiedChinese/SourceHanSansSC-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-title {
    padding-right: 9px;
    line-height: 1.2;
    flex: 1;
}

.item-time {
    margin-top: -7px;
}

/* .list-item:hover::before {
        width: 15px;
        height: 14px;
        background: url('/material/zt/2026/fxzt/images/dh.png') no-repeat;
        margin-right: 3px;
    } */

/* .list-item:hover .item-title {
        color: #840907;
    } */

/* 最新动态 */
.zxdt {
    margin-top: 100px;
}

.zxdt .bt {
    background: url('/material/zt/2026/fxzt/images/zxdtbt.png') no-repeat;
}

.zxdt .content {
    display: flex;
    margin-top: 38px;
    margin-left: 1px;
}

/* 直击前线 */
.zjqx {
    margin-top: 101px;
}

.zjqx .bt {
    background: url('/material/zt/2026/fxzt/images/zjqxbt.png') no-repeat;
}

.zjqx .content {
    display: flex;
    margin-top: 107px;
    margin-left: 25px;
}

/* 3d轮播 */
#pre,
#next {
    width: 53px;
    height: 53px;
    border: unset;
    position: absolute;
    cursor: pointer;
}

#pre {
    background: url('/material/zt/2026/fxzt/images/arrows-left.png');
    top: 41.3%;
    left: -1.7%;
}

#next {
    background: url('/material/zt/2026/fxzt/images/arrows-right.png');
    top: 41.3%;
    right: -2.2%;
}

/* .imgitem span {
    position: absolute;
    display: block;
    width: 100%;
    height: 74px;
    background: url('/material/zt/2026/fxzt/images/sd.png') no-repeat;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 74px;
} */

/* 视频 */
.video-el {
    width: 100%;
    height: 100%;
}

.video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.video-wrap video {
    width: 100%;
    height: 100%;
    display: block;
}

/* ⭐ 关键：controls 由 JS 动态挂到 video 上，默认（没挂时）什么都不显 */
/* 挂上时默认还是隐，只有 .playing:hover 才露 */
.video-el[controls] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

/* ⭐ 播着 + hover 视频区域 → 底部条露 */
.video-wrap.playing .video-el[controls] {
    opacity: 1;
    pointer-events: auto;
}

/* 播放图标容器：铺满 video，居中 */
.play-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    background: rgba(0, 0, 0, 0.15);
    /* 半透明遮罩，可选 */
    transition: opacity 0.3s;
}

/* 播放图标 */
.play-icon {
    width: 99px;
    height: 99px;
    background: url('/material/zt/2026/fxzt/images/bfan.png') no-repeat;
    opacity: 1;
}

/* 播放后隐藏图标 */
.video-wrap.playing .play-btn {
    opacity: 0;
    pointer-events: none;
}

/* 避险科普/热评蓄力 */
.bxkprpxl {
    display: flex;
    margin-top: 179px;
    margin-left: -8px;
    justify-content: space-between;
}

.bxkp,
.rpxl {
    margin-top: 38px;
}

.bxkp .bt,
.rpxl .bt {
    width: 619px;
    height: 85px;
    margin: 0;
}

.bxkp .see-more,
.rpxl .see-more {
    left: 0;
    transform: unset;
}

.bxkp .bt {
    background: url('/material/zt/2026/fxzt/images/bxkpbt.png') no-repeat;
}

.bxkp .content {
    display: flex;
}

.rpxl .bt {
    background: url('/material/zt/2026/fxzt/images/rpxlbt.png') no-repeat;
}

.bxkprpxl .content-list {
    margin: 38px 0 0 7px !important;
    width: 612px;
}

.bxkprpxl .list-item:hover .item-title {
    text-decoration: unset !important;
    color: #179be6;
}

/* 回应关切 */
.hygq {
    margin-top: 99px;
}

.hygq .bt {
    background: url('/material/zt/2026/fxzt/images/hygqbt.png') no-repeat;
}

.hygq .see-more{
    width: 494px;
    height: 70px;
}

.hygq .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 39px;
    margin-left: 1px;
    row-gap: 70px;
    column-gap: 81px;

    grid-template-columns: repeat(3, 1fr);
    row-gap: 36px;
    column-gap: 36px;
}

.card {
    width: 609px;
    height: 438px;
    background: url('/material/zt/2026/fxzt/images/card.png') no-repeat;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 29px 0 0 0;
    gap: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;

    width: 409px;
    height: 338px;
}

.card:hover {
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.3);
}

.card .cardimg {
    width: 555px;
    height: 312px;
    overflow: hidden;

    width: 364px;
    height: 212px;
}

.card img {
    transition: transform 0.3s ease;

    width: 100%;
    height: 100%;
}

.cardimg:hover img {
    transform: scale(1.05);
}

.card span {
    font-size: 21.38px;
    color: #ffffff;
    font-family: 'MySourceHanSans';
    src: url('https://unpkg.com/source-han-sans@2.004/OTF/SimplifiedChinese/SourceHanSansSC-Medium.otf') format('opentype');
    /* 思源黑体 */
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    width: 547px;
    letter-spacing: 0.5px;
    text-align: left;
    display: flex;
    justify-content: center;
    transition: text-shadow 0.3s, color 0.3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

    width: 364px;
}

.card:hover span {
    /* text-shadow: 0 0 2px rgba(255, 255, 255, 0.3); */
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
}

/* 帮扶互助 */
.bfhz {
    margin-top: 86px;
}

.bfhz .bt {
    background: url('/material/zt/2026/fxzt/images/bfhzbt.png') no-repeat;
}

.bfhz .content {
    display: flex;
    margin-top: 37px;
}

/* 家园重建 */
.jycj {
    margin-top: 80px;
}

.jycj .bt {
    background: url('/material/zt/2026/fxzt/images/jycjbt.png') no-repeat;
}

.jycj .content {
    display: flex;
    margin-top: 38px;
    margin-left: 1px;
}

/* 头部 */
.header,
.nav-wrap {
    display: none;
}

/* 尾部 */
.footer {
    margin-top: 143px;
}