@media screen and (max-width: 750px)   {

    .culture-banner  {
        position: relative;
        padding: 0;
        width: 100vw;
        height: calc(700 * 100vw / 750);
        /* 拉高banner区域 */ background: url('/images/culture/culture-banner.jpg') no-repeat center / cover;

    }
    /* 添加图片遮罩 */ .culture-banner::before  {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1;

    }
    .culture-banner .culture-content  {
        position: relative;
        padding: calc(300 * 100vw / 750) 0 0 0;
        /* 调整padding，移除左侧padding */ width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 2;

    }
    .culture-banner .culture-content .culture-subtitle  {
        width: auto;
        height: calc(40 * 100vw / 750);
        font-size: calc(32 * 100vw / 750);
        /* 放大字体 */ font-weight: bold;
        line-height: calc(40 * 100vw / 750);
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 4px 10px rgba(47, 96, 217, 0.62);
        opacity: 0;
        animation: fadeInUp 1s ease forwards;
        text-align: center;
        /* 居中对齐 */
    }
    .culture-banner .culture-content .culture-title  {
        width: auto;
        height: calc(120 * 100vw / 750);
        font-size: calc(50 * 100vw / 750);
        /* 放大字体 */ font-weight: bold;
        line-height: normal;
        color: #FFFFFF;
        text-shadow: 0px 4px 10px rgba(47, 96, 217, 0.62);
        opacity: 0;
        animation: fadeInUp 1s ease forwards 0.3s;
        text-align: center;
        /* 居中对齐 */
    }
    /* 装饰球样式调整 */ .decoration-ball-1  {
        position: absolute;
        right: -30%;
        top: calc(800 * 100vw / 750);
        width: calc(400 * 100vw / 750);
        height: calc(400 * 100vw / 750);
        background-size: contain;
        z-index: 1;

    }
    .decoration-ball-2  {
        position: absolute;
        left: -30%;
        top: calc(1400 * 100vw / 750);
        width: calc(400 * 100vw / 750);
        height: calc(400 * 100vw / 750);
        background-size: contain;
        z-index: 1;

    }
    /* 页面内容区域调整 */ .culture-page  {
        position: relative;
        padding: calc(115 * 100vw / 750) calc(30 * 100vw / 750);
        z-index: 2;
        width: calc(650 * 100vw / 750) !important;
     
    }
    /* Block 1 样式调整 */ .block-1  {
        margin-top: calc(40 * 100vw / 750);
        display: flex;
        flex-direction: column;
     
    }
    .block-1 .vie-title-box  {
        margin-bottom: calc(30 * 100vw / 750);

    }
    .block-1 .vie-title-box .sub-title  {
        font-size: calc(16 * 100vw / 750);

    }
    .block-1 .vie-title-box .main-title-wrap  {
        margin-bottom: calc(20 * 100vw / 750);

    }
    .block-1 .vie-title-box .main-title  {
        font-size: calc(36 * 100vw / 750);
        width: calc(500 * 100vw / 750) !important;

    }
    .block-1 .block-1-text  {
        margin-top: 0;
        width: calc(620 * 100vw / 750);
        line-height: 1.6;

    }
    .block-1-text .block-1-title  {
        font-size: calc(28 * 100vw / 750);
        margin-bottom: calc(20 * 100vw / 750);
        margin-top: 0;
        font-weight: bold;
        color: #333;
        white-space: nowrap;
        /* 防止标题换行 */
    }
    .block-1-text p  {
        margin-bottom: calc(16 * 100vw / 750);
        font-size: calc(24 * 100vw / 750);
        /* 12号字体对应的移动端大小 */ line-height: 1.8;
        text-align: left;
        font-weight: 300;

    }
    /* 使命和愿景区域样式 */ .block-2  {
        /* 移除GPU加速 */ top: calc(100 * 100vw / 750);
        flex-direction: column;
        /* 改回纵向排列 */ height: auto;
        margin-bottom: calc(150 * 100vw / 750);

    }
    /* 使命区域样式 */ .block-2 .circle-text-box-1  {
        width: calc(450 * 100vw / 750);
        height: calc(450 * 100vw / 750);
        padding: calc(115 * 100vw / 750) 0 0 calc(50 * 100vw / 750);
        margin: 0 0 calc(30 * 100vw / 750) calc(-30 * 100vw / 750);
        /* 左侧偏移 */ text-align: left;
       
    }
    /* 使命文本样式 */ .block-2 .circle-text-box-1 .circle-text  {
        font-size: calc(34 * 100vw / 750);
        display: block;
        text-align: left;
        /* 左对齐 */ line-height: 1.4;

    }
    /* 愿景区域样式 */ .block-2 .circle-text-box-2  {
        width: calc(450 * 100vw / 750);
        height: calc(450 * 100vw / 750);
        padding: calc(160 * 100vw / 750) calc(50 * 100vw / 750) 0 0;
        /* 增加顶部内边距 */ margin: 0 calc(-80 * 100vw / 750) 0 calc(0 * 100vw / 750);
        /* 右侧偏移 */ text-align: right;
       
      
    }
    .block-2 .circle-text-box-2 .circle-sub-text  {
    margin-left:calc(141 * 100vw / 750) !important;
    text-align: right;
    width: 100%;
    max-width: calc(200 * 100vw / 750);
    margin-top: calc(80 * 100vw / 750);
    }
    /* 愿景文本样式 */ .block-2 .circle-text-box-2 .circle-text  {
        font-size: calc(34 * 100vw / 750);
        display: block;
        text-align: right;
        /* 右对齐 */ line-height: 1.4;
        top: calc(100 * 100vw / 750);
        margin-bottom: calc(5 * 100vw / 750);
        margin-right: calc(20 * 100vw / 750);
    }
    /* 副标题样式 */ .block-2 .circle-sub-text  {
        font-size: calc(26 * 100vw / 750);
        margin-top: calc(28 * 100vw / 750);
        margin-left: calc(2 * 100vw / 750);;

    }
    /* Block 3 样式调整 */ .block-3  {
        margin-top: calc(0 * 100vw / 750);
        margin-left: calc(-20 * 100vw / 750);
    }
    .block-3 .vie-title-box .sub-title  {
        font-size: calc(14 * 100vw / 750);

    }
    .block-3 .vie-title-box .main-title  {
        font-size: calc(30 * 100vw / 750);

    }
    .block-3 .block-3-text  {
        margin-top: calc(40 * 100vw / 750);
        font-size: calc(19 * 100vw / 750);
        line-height: 1.6;
        width: calc(620 * 100vw / 750);
        font-weight: 300;

    }
    /* Safari浏览器中使用transform: none，其他浏览器保持原有样式 */ .ft-value  {
        /* 添加特殊的CSS规则，使用动态设置的内嵌样式来覆盖transform: scale(1.6) */ transform: none !important;
        /* 完全移除缩放 */ transform-origin: center center;
        /* 移除GPU加速相关属性 */
    }
    .showcase-image  {
        left: calc(-20 * 100vw / 750);
        object-fit: cover;
        width: calc(270 * 100vw / 750);
        height: calc(210 * 100vw / 750);
    }
    .menu-showcase {
        width: calc(610 * 100vw / 750);
        height: calc(220 * 100vw / 750);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .menu-showcase .menu-list  {
    width: calc(300 * 100vw / 750);
    border-top: 1px solid #B8C8FC;
    margin-left: calc(-10 * 100vw / 750);
    margin-right: calc(114 * 100vw / 750);
    }
    .value-content  {
        /* 移除GPU加速 */ left: calc(64 * 100vw / 750);
        transform: scale(1.21) !important;

    }
    .menu-bg  {
        background: linear-gradient(90deg,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0) 100%);
        opacity: 1;
        /* 移除GPU加速 */
    }
    .menu-item.active .menu-bg  {
        opacity: 1;

    }
    .contact  {
        margin-top: calc(-100 * 100vw / 750);
        /* 移除GPU加速 */
    }
    /* Safari特定优化 */ @media not all and (min-resolution:.001dpcm)   {

        @supports (-webkit-appearance:none)   {

            /* Safari浏览器特定样式 */ .ft-value  {
                transform: none !important;
                /* 确保在Safari中完全禁用缩放 */
            }
            /* 禁用Safari中的复杂动画和渐变 */ .menu-bg  {
                transition: none !important;
                background: rgba(255, 255, 255, 0.3) !important;
                /* 简化背景 */
            }
            /* 移除闪光效果 */ .showcase-image::after  {
                display: none !important;

            }
            /* 简化图片过渡 */ .showcase-image img  {
                transition: opacity 0.3s ease !important;

            }

        }

    }

}