@media (min-width: 75rem) {
    .main{
        width: 75rem;
        margin: 0 auto;
    }
    .jd{
        width: 100%;
        height: 6.625rem;
        background-color: #fff;
        padding: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .jdtop{
        width: 100%;
        text-align: center;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }
    .jdtop a{
        color: #be1e22;
    }
    .jdsub{
        width: 100%;
        height: 1rem;
        margin: 0 auto;
        display: flex;
        gap: 1rem;
    }
    .jdsubli{
        width: auto;
        margin: 0 auto;
    }
    .jdsubli a{
        font-size: 1rem;
        color: #686868;
    }
    .yw{
        width: 75rem;
        height: 30.25rem;
        margin: 0 auto;
        display: flex;
        gap: 2rem;
        margin-bottom: 2rem;
    }
    .ywimg{
        width: 43.125rem;
        height: 100%;
        position: relative;
    }
    .ywimg a img{
        width: 100%;
        height: 100%;
    }
    .ywimg span {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0px;
        z-index: 10;
        height: 2.5rem;
        line-height: 2.5rem;
        background: rgba(0, 0, 0, 0.6);
    }
    .ywimg span a {
        font-size: 1.25rem;
        color: #FFFFFF;
        padding-left: 10px;
    }
    .ywimg span a:hover {
        color: #b12b10;
    }
    .ywr{
        width: 30.375rem;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 1rem;
    }
    .phztsd{display: none;}
    .yusubchl{
        width: 100%;
        height: 1.5rem;
        color: #be1e22;
        font-size: 1.25rem;
        font-weight: 600;
    }
    .ywsub{
        width: 100%;
        height: 10.125rem;
        background-color: #fff;
        padding: 0.5rem 1rem 0rem 1rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .ywsub a{
        display: block;
    }
    .ywsubimg {
        width: 10.625rem;
        height: 6.625rem;
    }
    .ywsubtil {
        width: 15.625rem;
        height: 6.625rem;
        font-size: 1.25rem;;
    }
    .ywsub a img{
        width: 10.625rem;
        height: 6.625rem;
    }
    .ywul{
        width: 100%;
        height: 19rem;
        background-color: #fff;
        display: flex;
        padding: 1rem;
        /* 核心调整：相对定位 + 垂直布局，为更多新闻绝对定位做准备 */
        flex-direction: column; 
        position: relative; 
        box-sizing: border-box; /* 防止padding撑大宽度 */
    }
    .ywul-list {
        line-height:2.2rem;
        width: 100%; /* 宽度100% */
        height: auto; /* 高度自适应（取消固定高度） */
        display: flex;
        flex-direction: column;
        gap: 0.5rem; /* 可选：item之间的间距，可根据需求调整 */
        padding-bottom: 0.5rem; /* 与虚线拉开间距，优化视觉 */
        margin-bottom: 0.5rem; /* 与更多新闻拉开间距 */
    }
    .ywul-item {
        line-height: 2.2rem;
        width: 100%; /* 宽度100% */
        height: auto; /* 固定高度3.3125rem */
        font-size: 1.125rem; /* 字体大小1.375rem */
        color: #333;
        text-decoration: none;
        /* 核心：开启自动换行 + 多行垂直居中 */
        display: flex;
        align-items: center; /* 文字垂直居中 */
        white-space: normal; /* 取消单行限制，开启自动换行 */
        word-wrap: break-word; /* 长单词/URL换行 */
        word-break: break-all; /* 强制换行（兼容所有字符） */
        overflow: hidden; /* 超出高度隐藏（避免撑破容器） */
        border-bottom: 1px dashed #e5e5e5; /* 浅灰色虚线底边 */
        padding: 0.5rem 0.5rem;
        /* 可选：限制最多显示2行，避免高度溢出 */
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 最多2行 */
        -webkit-box-orient: vertical;
    }
    .ywul-item:hover {
        color: #b12b10; /* 继承页面hover颜色 */
    }
    .ywul-more {
        position: absolute; /* 绝对定位到右下角 */
        bottom: 0.2rem; /* 距离底部1rem（与ywul的padding对应） */
        right: 1rem; /* 距离右侧1rem（与ywul的padding对应） */
        font-size: 1.375rem; /* 字体大小同步1.375rem */
    }
    .ywul-more a {
        color: #666;
        text-decoration: none;
        font-size: 1rem;
    }
    .ywul-more a:hover {
        color: #b12b10;
    }
    .zone{
        width: 75rem;
        height: 70.25rem;
        margin: 0 auto;
        display: flex;
        gap: 2rem;
        margin-bottom: 1rem;
        overflow: hidden;
    }
    .zonel{
        width: 49.25rem;
        height: 100%;
        background-color: #fff;
        padding: 1rem 2rem 1rem 2rem;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .zoner{
        width: 24rem;
        height: 100%;
        background-color: #fff;
        padding: 1rem;
    }
    .zone-items{
        width: 21.25rem;
        height: 17rem;
        border-top: 1px solid #9e9797;
        padding-top: 0.5rem;
    }
    .zone-itemstlogo a{
        font-size: 1.75rem;
        color: #be1e22;
        font-weight: 600;
    }
    /* zonel 子元素样式补充 */
    .zone-itemsul {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-top: 2rem;
    }
    .zone-itemsul a{
        font-size: 1.125rem;
        display: block;
        height: 3.5rem;
        width: 100%;
        overflow: hidden;
        line-height: 1.5rem;
    }
    .zone-item {
        width: 100%;
        font-size: 1.25rem;
        color: #333;
        text-decoration: none;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
        border-bottom: none;
    }
    .zone-item:hover {
        color: #b12b10;
    }
    /* PC端magazinelogo样式（保持原有基础，仅统一核心样式） */
    .magazinelogo{
        width: 100%;
        height: 3rem;
        padding-top: 0.7rem;
        margin-bottom: 2rem;
        position: relative;
        border-bottom: 2px solid #bd3124;
    }
    .magazinelogotil {
        width: auto;
        height: auto;
        margin: 0;
        font-family: FZZY;
        color: #bd3124;
        display: inline-block;
        padding-bottom: 0.3125rem;
        border-bottom: 4px solid #bd3124;
        position: absolute;
        bottom: -2px;
        left: 0;
        transform: none;
        padding-left: 0.5rem;
        font-size: 1.75rem;
    }
    .magazinelogotil a {
        color: #bd3124 !important;
        font-family: FZZY;
        font-size: 1.75rem;
        font-weight: normal;
    }
    .gcdy{
        width: 100%;
        height: 29.125rem;
        margin-bottom: 3rem;
    }
    .ff{
        width: 100%;
        height: 29.125rem;
    }
    .swiper {
      width: 100%;
      height: 100%;
    }

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

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .swiper-slide a{
        width: 100%;
        height: 100%;
    }
    .swiper-slide a img{
        width: 100%;
        height: 100%;
    }
    .swiper-pagination{
        bottom: 0;
    }
    
}

@media (max-width: 75rem) {
    /* ===== 新增 jd 和 yw 自适应样式 ===== */
    /* 1. jd 自适应（图一效果） */
    .main {
        width: 100%; /* 取消固定宽度，自适应屏幕 */
        padding: 0 0.5rem; /* 加左右内边距，避免贴边 */
    }
    .jd {
        background-color: #fff;
        height: auto; /* 高度自适应内容 */
        padding: 1rem;
        margin: 1rem 0;
        border: 1px solid #e5e5e5; /* 可选：加边框更接近图一视觉 */
    }
    .jdtop {
        font-size: 1.5rem; /* 缩小标题字号，适配小屏 */
        margin-bottom: 0;
        text-align: left; /* 改为左对齐，更紧凑 */
        border-bottom: 1px dashed #e5e5e5;
    }
    .jdtop a{
        font-weight: 600;
        color: #be1e22;
    }
    .jdsub {
        flex-direction: column; /* 子项垂直排列 */
        gap: 0.5rem; /* 垂直间距 */
        height: auto; /* 取消固定高度 */
    }
    .jdsubli{
        height: 2.75rem;
        border-bottom: 1px dashed #e5e5e5;
        overflow: hidden;
    }
    .jdsubli a {
        font-size: 1.5rem; /* 缩小子项字号 */
        display: block; /* 独占一行，避免拥挤 */
        line-height: 2.5rem; /* 增加行高，提升可读性 */
        padding-bottom: 3rem;
    }

    /* 2. yw 自适应 */
    .yw {
        background-color: #fff;
        flex-direction: column; /* 垂直排列，ywimg占满宽度 */
        height: auto; /* 高度自适应 */
        gap: 1rem; /* 垂直间距 */
        margin-bottom: 1rem;
    }
    .ywimg {
        width: 100%; /* 宽度100% */
        height: auto; /* 高度随图片自适应 */
        position: static; /* 取消相对定位 */
    }
    .ywimg span {
        display: block;
        position: static; /* 取消绝对定位 */
        background: none; /* 取消背景色 */
        height: auto; /* 高度自适应 */
        line-height: 1.4rem; /* 行高自适应 */
        padding: 1rem; /* 上下内边距 */
        font-weight: 600;

    }
    .ywimg span a {
        color: #000; /* 文字改黑色 */
        font-size: 1.5rem; /* 缩小字号 */
        padding-left: 0; /* 取消左内边距 */
    }
    .ywsub {
        display: none; /* 隐藏ywsub */
    }
    .ywr {
        width: 100%; /* 宽度100% */
        height: auto; /* 高度自适应 */
    }
    .ywul {
        height: auto; /* 高度自适应内容 */
        position: static; /* 取消相对定位 */
    }
    .ywul-item{
        display: block;
        font-size: 1.5rem;
    }
    .ywul-more {
        display: none;
    }
    .phztsd{
        /*display: flex;
        flex-wrap: wrap;*/
        gap: 1rem;
        background-color: #fff;
        padding: 3rem 1rem 0rem 1rem;
        margin-bottom: 1rem;
    }
    .phztsd .zone-itemstlogo{
        width: 100%;
    }
    .phztsdmain{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-bottom: 1rem;
    }
    .phywsubimg{
        display: flex;
        width: 10.25rem;
        height: 6.125rem;
    }
    .phywsubimg img{
        width: 100%;
        height: 100%;
    }
    .phywsubtil{
        display: flex;
        width: 10rem;
        padding: 1rem 0rem 1rem 0rem;
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    /* zonel 自适应样式补充 */
    .zonel {
        background-color: #fff !important; /* 强制设置背景色为白色 */
        width: 100%; /* 自适应宽度 */
        height: auto; /* 高度自适应 */
        padding: 1rem; /* 调整内边距适配移动端 */
        gap: 1.5rem; /* 缩小间距 */
    }
    .zone {
        width: 100%; /* 自适应宽度 */
        height: auto; /* 高度自适应 */
        flex-direction: column; /* 垂直排列 */
        gap: 1rem; /* 缩小间距 */
    }
    .zoner {
        width: 100%; /* 自适应宽度 */
        height: auto; /* 高度自适应 */
    }
    .zone-items {
        /* 应用yxqslogo样式 */
        width: 100%;
        height: auto;
        margin: 0 auto 1.875rem;
        padding-bottom: 0;
        border-top: none; /* 取消PC端上边框 */
        padding-top: 1.5rem; /* 取消PC端上内边距 */
    }
    .zone-itemstlogo{
        position: relative;
        border-bottom: 2px solid #bd3124;
        margin-bottom: 0.5rem;
    }
    .zone-itemstlogotil {
        /* 应用logotil样式 */
        width: auto;
        height: auto;
        margin: 0;
        font-family: FZZY;
        color: #bd3124;
        display: inline-block;
        padding-bottom: 0.3125rem;
        border-bottom: 4px solid #bd3124;
        position: absolute;
        bottom: -2px;
        left: 0;
        transform: none;
        padding-left: 0.5rem;
        font-size: 1.75rem;
    }
    .zone-itemstlogo a {
        /* 应用logotil a样式 */
        color: #bd3124 !important;
        font-family: FZZY;
        font-size: 1.75rem;
        font-weight: normal; /* 取消PC端加粗 */
    }
    .zone-item {
        border-bottom: 1px dashed #e5e5e5;
        padding: 0.5rem 0;
    }
    .zone-itemsul a{
        display: block;
        font-size: 1.1rem;
        padding: 0.5rem 0rem 0.5rem 0rem;
    }

    /* 移动端magazinelogo样式和zone-itemstlogo完全一致 */
    .magazinelogo{
        width: 100%;
        height: auto;
        margin: 0 auto 1.875rem;
        padding-bottom: 0;
        border-top: none;
        padding-top: 1.5rem;
        position: relative;
        border-bottom: 2px solid #bd3124;
        margin-bottom: 0.5rem;
        background-color: transparent; /* 取消原有红色背景 */
    }
    .magazinelogotil {
        width: auto;
        height: auto;
        margin: 0;
        font-family: FZZY;
        color: #bd3124;
        display: inline-block;
        padding-bottom: 0.3125rem;
        border-bottom: 4px solid #bd3124;
        position: absolute;
        bottom: -2px;
        left: 0;
        transform: none;
        padding-left: 0.5rem;
        font-size: 1.75rem;
        text-align: left; /* 取消居中 */
    }
    .magazinelogotil a {
        color: #bd3124 !important;
        font-family: FZZY;
        font-size: 1.75rem;
        font-weight: normal;
        text-align: left; /* 取消居中 */
    }
    .zoner{
        background-color: #fff;
    }
    .gcdy{
        height: 10rem;
        margin-bottom: 1rem;
    }
    .ff{
        height: 10rem;
    }
    .swiper,
    .swiper-wrapper{
        height: 100%
    }
    .swiper-slide a{
        height: 100%;
    }
    .swiper-slide a img{
        height: 100%;
    }
}

@media (max-width: 40rem) {
    /* ===== 小屏（40rem以下）强化jd/yw自适应 ===== */
    .jdtop {
        height: auto;
        font-size: 1.2rem; /* 进一步缩小标题 */
        padding-bottom: 8px;
    }
    .jdsubli{
        height: auto;
    }
    .jdsubli a {
        display: inline-block;
        font-size: 1.2rem; /* 进一步缩小子项 */
        line-height:2.5rem;
        padding-bottom: 0rem;
    }
    .ywimg span a {
        font-size: 1.1rem; /* 进一步缩小图片下方文字 */
    }
    .ywul-item {
        font-size: 1.1rem;
        height: 3.5rem;
        padding: 1rem;
        line-height: 1.5rem;
    }
    /* zonel 小屏样式补充 */
    .zone-item {
        font-size: 1.1rem;
        padding: 0.4rem 0;
    }
    .zone-itemstlogotil {
        font-size: 1.5rem; /* 小屏缩小标题字号 */
    }
    .zone-itemstlogo a {
        font-size: 1.5rem; /* 同步缩小 */
    }
    /* 小屏magazinelogo同步缩小 */
    .magazinelogotil {
        font-size: 1.5rem;
    }
    .magazinelogotil a {
        font-size: 1.5rem;
    }
    .zoner{
        padding: 1rem;
    }
}
@media (max-width:50.75rem){
    .yw{
        background-color: #fff;
        padding-bottom: 1rem;
    }
    .swiper, .swiper-wrapper
    {
        height: 93%;
    }
}