.main {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
    }

    /* main-1========= */
    .main-1 {
        max-width: 1400px;
        height: auto;
        margin: 0 auto;
    }

    .main-1_top {
        height: 100px;
        width: 100%;
        background-color: #eff6ff;
        position: relative;
        margin: 42px 0;
    }
    .main-1_top_mobile{
        display: none;
    }

    .main-1_top a {
            text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        width: 88%;
        font-size: 36px;
        font-weight: bold;
        color: #194a92;
    }

    /* --- 自定义左右按钮样式 (还原图片效果) --- */
    .m1-left,
    .m1-right {
        position: absolute;
        right: 25px;
        width: 24px;
        height: 24px;
        background-color: #cfe4ff;
        border-radius: 50%;
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: all 0.3s;
    }

    /* 下一个按钮稍微靠下，或者根据需求调整 top */
    .m1-right {
        top: 20px;
        transform: rotate(-90deg);
    }

    .m1-left {
        bottom: 20px;
        transform: rotate(270deg);
    }

    /* 使用伪元素绘制箭头图标 */
    .m1-left::after {
        content: "";
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        width: 8px;
        height: 8px;
        transform: rotate(-135deg);
        /* 向左箭头 */
        margin-left: 4px;
    }

    .m1-right::after {
        content: "";
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        /* 向右/下箭头 */
        margin-right: 4px;
    }

    /* 悬停效果 */
    .m1-left:hover,
    .m1-right:hover {
        background-color: #fff;
    }

    .m1-left:hover::after,
    .m1-right:hover::after {
        border-color: #194a92;
    }


    /* ======= */
    .main-1_bottom {
        width: 100%;
        height: auto;
        display: flex;
        gap: 50px;
    }

    .main-1_bottom_left {
        width: 675px;
        height: 400px;
    }

    .m1-left-swiper-wrapper a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .main-1_img_title {
        line-height: 50px;
        padding-left: 15px;
        padding-right: 100px;
        display: block;
        top: -50px;
        position: relative;
        z-index: 999;
        height: 50px;
        width: 675px;
        background-color: rgb(124 124 124 / 50%);
        color: #fff;
        font-size: 18px;
        white-space: nowrap;
        /* 强制文本在一行内显示，不换行 */
        overflow: hidden;
        /* 隐藏超出容器宽度的内容 */
        text-overflow: ellipsis;
        /* 当文本溢出时，显示省略号 (...) */
    }

    /* 1. 定位分页器到右下角 */
    .m2-pagination {
        position: absolute;
        bottom: 15px !important;
        right: 10px;
        left: auto !important;
        text-align: right;
        z-index: 10;
    }

    /* 2. 将分页器小圆点颜色改为白色 */
    .m2-pagination .swiper-pagination-bullet {
        background-color: #fff;
        /* 设置背景为白色 */
        opacity: 0.6;
        /* 设置未激活状态的透明度 */
    }

    /* 3. 设置当前激活的小圆点样式（可选，让它更显眼） */
    .m2-pagination .swiper-pagination-bullet-active {
        opacity: 1;
        /* 激活状态完全不透明 */
        background-color: #fff;
        /* 确保激活状态也是白色 */
    }

    .main-1_bottom_right {
        width: 675px;
        height: 400px;
    }
    /* main2 */
    .main2 {
        width: 100%;
        height: auto;
        margin-top: 60px;
    }

    .main2_top {
        width: 100%;
        height: 110px;
        margin-bottom: 55px;
    }

    .main2_top_mobile {
        display: none;
    }
    .m2_mobile_right,
    .m2_mobile_left{
        border: #ffffff 1px solid;
        border-radius: 50px;
        --swiper-navigation-size: 20px;
        color: #f5ecec;
        padding: 3px;
    }
    .m2_mobile_right:hover,
    .m2_mobile_left:hover{
        background-color: rgba(255 254 254/0.5);
    }

    .main2_bottom {
        display: flex;
        gap: 50px;

    }

    .main2_bottom_left {
        height: 400px;
        width: 675px;
    }

    .main2_bottom_right {
        height: 400px;
        width: 675px;
    }

    /* main3 */
    .main3 {
        width: 100%;
        height: auto;
    }

    .main3_top {
        height: 110px;
        display: flex;
        gap: 50px;
        margin-bottom: 60px;
    }

    .main3_top_mobile {
        display: none;
    }

    .main3_top_left {
        width: 100%;
        height: 100%;
    }

    .main3_top_right {
        width: 675px;
        height: 100%;
    }

    .main3_bottom {
        display: flex;
        gap: 50px;
    }

    .main3_bottom_left,
    .main3_bottom_right {
        width: 675px;
        height: 400px;
    }

    .img-list {
        display: flex;
        gap: 42px;
    }

    .img-list img {
        height: 268px;
        width: 197px;
    }

    .main3_footer {
        display: flex;
        gap: 27px;
        margin-bottom: 60px;
    }

    .main3_footer_box {
        width: 330px;
        height: 165px;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .main3_footer_box a {
        display: flex;
        flex-direction: column;
        /* 让图片和文字垂直排列 */
        align-items: center;
        /* 水平居中对齐 */
        text-decoration: none;
        /* 去掉a标签默认下划线 */
        color: #fff;
        /* 强制文字为白色 */
        width: 100%;
        height: 100%;
        padding-top: 30px;
        /* 关键：向下推文字，避开背景的图标区域 */
        box-sizing: border-box;
        gap: 20px;
    }

    .main3_footer_box h3 {
        margin: 0;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 1px;
        /* 字间距 */
        text-align: center;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        /* 轻微文字阴影增加质感 */
    }

    .card_box1 {
        background-image: url(../images/main3-31.png), linear-gradient(to top, #248fec, #97cff2);
        background-position: calc(50% + 15px) center, 0 0;
        background-repeat: no-repeat, no-repeat;
    }

    .card_box2 {
        background-image: url(../images/main3-32.png), linear-gradient(to top, #248fec, #97cff2);
        background-position: center, 0 0;
        background-repeat: no-repeat, no-repeat;
    }

    .card_box3 {
        background-image: url(../images/main3-33.png), linear-gradient(to top, #248fec, #97cff2);
        background-position: center, 0 0;
        background-repeat: no-repeat, no-repeat;
    }

    .card_box4 {
        background-image: url(../images/main3-34.png), linear-gradient(to top, #248fec, #97cff2);
        background-position: center, 0 0;
        background-repeat: no-repeat, no-repeat;
    }






@media (max-width: 750px) {
    .main {
            padding: 0 2vw;
        }

        .main-1_top {
            display: none;
        }

        .main-1_img_title {
            width: 100%;
        }

        .main-1_bottom,
        .main2_bottom,
        .main3_bottom,
        .main3_top {
            flex-flow: column;
            gap: 0;
        }

        .main-1_bottom_left,
        .main2_bottom_left,
        .main3_bottom_left {
            width: 100%;
            height: 100%;
        }

        .main-1_bottom_right,
        .main2_bottom_right,
        .main3_bottom_right {
            width: 100%;
            height: 100%;
        }

        .main2_top img {
            width: 100%;
        }

        .main3_top_left,
        .main3_top_right,
        .main3_top_right img,
        .main3_top_left img {
            width: 100%;
        }

        


        .img-list {
            display: flex;
            flex-wrap: wrap;
            /* 允许换行，防止溢出 */
            justify-content: space-between;
            gap: 10px;
            padding: 0;
        }

        /* 2. 动态计算图片宽度 */
        .img-list li {
            /* 计算公式：(100%总宽 - 2个间距) / 3列 = 每列宽度 */
            /* 假设间距是10px，那么就是 (100% - 20px) / 3 */
            width: calc((100% - 20px) / 3);
            list-style: none;
        }
        .img-list li a {
            display: block;
            width: 100%;
        }

        .img-list img {
            width: 100%;
            /* 宽度跟随父级li变化 */
            height: auto;
            /* 高度自动，保持比例 */
            aspect-ratio: 197 / 268;
            /* 【关键】锁定原图比例，防止加载时抖动 */
            object-fit: cover;
            /* 裁剪模式，保证填满格子不变形 */
            border-radius: 4px;
            /* 可选：加一点圆角更美观 */
        }
        .main-1_bottom_left{
            height: 57.33333vw;
        }
        .main-list {
            margin-top: 8.66667vw;
        }
        .main-1_top_mobile {
            display: block;
            height: 15.33333vw;
            width: 100%;
            background-color: #eff6ff;
            margin-bottom: 6vw;
        }
        .main-1_top_mobile a{
            width: 90%;
            white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
        }


        .main2{
            margin-top: 0;
        }
        .main2_top {
            display: none;
        }

        .main2_top_mobile {
            display: block;
            margin-top: 8.66667vw;
        }

        .main2_top_mobile img {
            width: 100%;
        }

        .main3_top {
            display: none;
        }

        .main3_top_mobile {
            display: block;
            margin-top: 8.66667vw;
        }

        .m3_mobile_left,
        .m3_mobile_right {
            border: #ffffff 1px solid;
            border-radius: 50px;
            --swiper-navigation-size: 20px;
            color: #f5ecec;
            padding: 3px;
        }

        .main3_footer {
            display: flex;
            flex-wrap: wrap;
            /* 允许换行，防止溢出 */
            justify-content: space-between;
            /* 两端对齐，中间留空 */
            gap: 20px;
            margin-top: 9.06667vw;
        }

        .main3_footer_box {
            width: calc((100% - 20px) / 2);
            height: auto;
            aspect-ratio: 330 / 165;
            background-position: calc(50% + 5px) center, 0 0;
            background-size: 60%, 100%;
        }

        .main3_footer_box h3 {
            font-size: 3.466666vw;
        }

        .main3_footer_box a {
            padding-top: 4vw;
            gap: 2.66667vw;
        }

        .main3_footer_box a img {
            width: 8vw;
            height: 8.66667vw;

        }
}