.banner{
            background: url(/images/banner/about-ban.png) no-repeat center center;
        }
        section{
            padding: 40px 0;
        }
        body{
            background: #F7F7F7;
        }
        @media(max-width:768px){
            .banner{
                background: url(/images/banner/mob/about.jpg) no-repeat center center;
            }
            section{
                padding: 20px 0;
            }
        }
    


        
            /* 左右分栏主体 */
    .about-row{
        display:grid;
        grid-template-columns: 1fr 680px;
        gap:80px;
        align-items:stretch;
    }
    /* 左侧文字区 */
    .about-left{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .about-left h1{
        font-size:48px;
        color: #000;
        font-weight: bold;
    }
    .about-desc{
        line-height:1.7;
    }
    /* 数据统计网格 */
    .data-grid{
        display:grid;
        grid-template-columns: repeat(3,1fr);
        gap:30px;
        margin-bottom:30px;
    }
    .data-item{
        text-align: center;
    }
    .data-item .num{
        font-size:32px;
        color:#D62A29;
        font-weight:bold;
        position: relative;
    }
    .data-item .num p {
        display: inline-block;
    }
    .data-item .num span {
        font-size: 16px;
        font-weight: 400;
        position: absolute;
        top: 0;
        color: #4D4D4D;
        margin-left: 5px;
    }
    .data-item .text{
    }
    .data-item.single{
        grid-column:1/-1;
    }

    /* 右侧YouTube视频容器 - 改为封面展示 */
    .video-box{
        position:relative;
        width:100%;
        aspect-ratio:16/9;
        overflow:hidden;
        height: 640px;
        cursor:pointer;
    }
    .video-box .video-cover{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        transition: transform 0.3s ease;
    }
    .video-box:hover .video-cover{
        transform:scale(1.02);
    }
    .video-box-m{
        display: none;
    }

    /* 自定义播放按钮 - 悬浮在封面中央 */
    .custom-play-box{
        position:absolute;
        bottom:0;
        left:0;
        width:80px;
        height:80px;
        background-color: rgba(214, 42, 41, 0.6);
        display:flex;
        justify-content: center;
        align-items: center;
        z-index:2;
        pointer-events:none;
        transition: all 0.3s ease;
    }
    .custom-play-btn{
        width:60px;
        height:60px;
        border-radius:50%;
        background:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        position:relative;
        transition: transform 0.2s ease;
        transform: scale(0.75);
        pointer-events:none;
    }
    .custom-play-btn::after{
        content:"";
        width:0;
        height:0;
        border-top:8.5px solid transparent;
        border-bottom:8.5px solid transparent;
        border-left:18px solid #000;
        margin-left:3px;
    }
    .video-box:hover .custom-play-btn{
        transform:scale(0.88);
    }

    /* ===== 弹窗模态框 ===== */
    .video-modal-overlay{
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.75);
        z-index:9999;
        justify-content:center;
        align-items:center;
        backdrop-filter:blur(4px);
        animation:fadeIn 0.3s ease;
    }
    .video-modal-overlay.active{
        display:flex;
    }
    .video-modal-box{
        position:relative;
        width:90%;
        max-width:1000px;
        aspect-ratio:16/9;
        background:#000;
        border-radius:12px;
        overflow:hidden;
        box-shadow:0 20px 60px rgba(0,0,0,0.6);
        animation:scaleIn 0.35s ease;
    }
    .video-modal-box iframe{
        width:100%;
        height:100%;
        border:none;
        display:block;
    }
    /* 关闭按钮 */
    .video-modal-close{
        position:absolute;
        top:-44px;
        right:0;
        width:40px;
        height:40px;
        background:transparent;
        border:none;
        color:#fff;
        font-size:32px;
        cursor:pointer;
        transition:transform 0.2s ease;
        line-height:40px;
        text-align:center;
        opacity:0.8;
        z-index:10;
    }
    .video-modal-close:hover{
        transform:rotate(90deg);
        opacity:1;
    }

    @keyframes fadeIn{
        from{opacity:0;} to{opacity:1;}
    }
    @keyframes scaleIn{
        from{transform:scale(0.85); opacity:0;} to{transform:scale(1); opacity:1;}
    }

    /* 底部红色标语通栏 */
    .bottom-banner{
        width:120%;
        height: 80px;
        background:#D62A29;
        padding:0 30px;
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    .bottom-banner h2{
        color:#fff;
        font-size:32px;
        font-weight:bold;
        letter-spacing:1px;
    }

    /* 响应式适配 */
    @media(max-width:1320px){
        .about-row{
            grid-template-columns:1fr;
            gap: 0;
        }
        .data-grid{
            grid-template-columns: repeat(2,1fr);
            margin: 30px 0;
        }
        .video-box{
            height:auto;
        }
        .bottom-banner{
            width: 100%;
        }
    }
    @media(max-width:768px){
        .about-left h1{
            font-size:28px;
            text-align: center;
            margin-bottom: 14px;
        }
        .data-item .num{
            font-size:20px;
        }
        .bottom-banner h2{
            font-size:22px;
        }
        .video-modal-box{
            width:95%;
        }
        .video-modal-close{
            top:-40px;
            right:4px;
            font-size:28px;
        }

        .bottom-banner,.custom-play-box{
            display: none;
        }
        .video-box-m{
            display: block;
        }
    }


    
        .solution-box{
            padding: 110px 0;
        }
        .solution-box:nth-child(even) {
            background: #F7F7F7;
        }
        .solution-card{
            display:grid;
            grid-template-columns: 1fr 1fr;
            align-items:center;
        }

        /* 文字模块 */
        .card-text{
            background:#fff;
            padding:40px;
            box-shadow:0 2px 12px rgba(0,0,0,0.06);
            z-index: 2;
        }
        .card-text h2{
            font-weight: bold;
            font-size: 32px;
            color: #000000;
            line-height: 48px;
        }
        .card-text .tag{
            display: block;
            color: #000000;
            line-height: 24px;
            margin-bottom:24px;
        }
        .card-text p{
            line-height:1.6;
            margin-bottom:16px;
        }
        .card-text strong{
            color: #000000;
        }
        .card-text a{
            display: inline-block;
            margin-top:12px;
            padding:10px 26px;
            background:#000;
            color:#fff;
            text-decoration: none;
        }
        .card-text a:hover{
            background: #c0392b;
        }

        /* 图片模块 */
        .card-img img{
            width:100%;
            height:520px;
            display:block;
            object-fit: cover;
        }
        .card-img .img-desc{
            display: none;
        }
        .card-img{
            width:110%;
            margin: -10%;
            z-index: 1;
        }

        /* ===== 核心：用伪类控制奇偶布局 ===== */
        .solution-box:nth-child(odd) .solution-card {
            direction: rtl;
        }
        .solution-box:nth-child(odd) .solution-card .card-text {
            direction: ltr; 
        }
        .solution-box:nth-child(even) .solution-card {
            direction: ltr;
        }

        /* ===== 响应式 ===== */
        @media (max-width: 768px) {
            .card-text h2{
                font-size: 24px;
            }
            .solution-card {
                grid-template-columns: 1fr;
                gap: 0;
            }
            .card-img {
                width: 100%;
                margin: 0;
                order: -1;
            }
            .card-text {
                order: 2;
            }
            .card-img img {
                height: 260px;
            }
            .solution-box {
                padding: 30px 0;
            }
            .card-text {
                padding: 24px;
            }
            .solution-box:nth-child(odd) .solution-card,
            .solution-box:nth-child(even) .solution-card {
                direction: ltr;
            }
        }
    



    
      .news-list {
        padding:0 60px;
        background: #fff;
      }
      .news-item {
        display:flex;
        padding:50px 0;
        border-bottom:1px solid #eee;
      }
      .news-date {
        width:80px;
        text-align:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .news-date .day {
        font-size:24px;
        display:block;
        color:var(--red);
      }
      .news-img {
        width:270px;
        height:160px;
        margin-left:20px;
      }
      .news-img img {
        object-fit:cover;
        height: 100%;
        width: 100%;
      }
      .news-info {
        flex:1;
        margin-left:40px;
        color:var(--4D);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      .news-info h3 {
        color:var(--000);
        font-size:20px;
        margin-bottom:8px;
      }
      .news-info p {
        line-height:1.6;
        margin-bottom:8px;
      }

      /* =================================== */
      /* 手机端专用时间（PC隐藏） */
      /* =================================== */
      .news-info .mobile-date {
        display: none;
        color: #999;
        margin-bottom: 6px;
        order: 0;
      }
      .news-info .mobile-date .day {
        font-weight: 600;
        color: var(--red, #c00);
      }
      .news-info .mobile-date .month {
        color: #666;
      }

      .more:hover{
        color: var(--red);
      }

      /* =================================== */
      /* 移动端适配（仅手机，不改变PC样式） */
      /* =================================== */
      @media (max-width: 767px) {
        /* 容器内边距调整 */
        .news-list {
          padding: 0 16px;
        }

        .news-item {
          padding: 20px 0;
          flex-wrap: nowrap;
          align-items: stretch;
          gap: 12px;
        }

        /* ===== 左侧日期 - 手机端隐藏 ===== */
        .news-date,.news-info p,.news-info .more {
          display: none !important;
        }

        /* ===== 图片缩小 ===== */
        .news-img {
          width: 150px;
          height: 90px;
          margin-left: 0;
          flex-shrink: 0;
        }

        /* ===== 右侧信息 ===== */
        .news-info {
          margin-left: 0;
          flex: 1;
          min-width: 0;
          justify-content: space-between;
        }

        /* ===== 手机端时间显示 ===== */
        .news-info .mobile-date {
          display: block !important;
        }

        .news-info h3 {
          margin-bottom: 0;
          line-height: 1.4;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 14px;
        }
        .news-body{
          padding: 0 0 40px 0;
        }
      }
      .pagee-wrap {
          display: flex;
          justify-content: center;
          padding: 30px 0 10px;
          border-top: 1px solid #eee;
          margin-top: 30px;
      }
      .pagee {
          display: flex;
          align-items: center;
          gap: 6px;
      }

      .pagee a,.pagee span {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-width: 36px;
          height: 36px;
          padding: 0 10px;
          border: 1px solid #ddd;
          border-radius: 4px;
          color: #333;
          text-decoration: none;
          font-size: 14px;
          transition: all 0.2s ease;
          background: #fff;
          cursor: pointer;
          user-select: none;
          font-weight: 500;
      }

      .pagee a:hover:not(.disabled):not(.active) {
          background: #f0f0f0;
          border-color: #bbb;
      }

      .pagee span.active {
          background: #D62A29;
          border-color: #D62A29;
          color: #fff;
          cursor: default;
      }