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

    .contact-banner  {
        position: relative;
        padding: 0;
        width: 100vw;
        height: calc(600 * 100vw / 750);
        background: url('https://flowingcloud-1253267589.cos.ap-beijing.myqcloud.com/images/contact-banner.jpg') no-repeat center / cover;

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

    }
    .contact-banner .contact-content  {
        position: relative;
        padding: calc(258 * 100vw / 750) 0 0 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 2;

    }
    .contact-banner .contact-content .contact-subtitle  {
        width: auto;
        height: calc(36 * 100vw / 750);
        font-size: calc(28 * 100vw / 750);
        font-weight: bold;
        line-height: calc(36 * 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;

    }
    .contact-banner .contact-content .contact-main-title  {
        width: auto;
        height: calc(106 * 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;

    }
    /* 重置header样式，覆盖首页的动画效果 */ header  {
        animation: none;
        opacity: 1;
        transform: none;

    }
    header nav  {
        animation: none;
        opacity: 1;
        transform: none;
        background: #FFFFFF;

    }
    .nav-links li  {
        animation: none;
        opacity: 1;
        transform: none;

    }
    .banner-content .consult-btn:hover  {
        background: rgba(255, 255, 255, 0.1);

    }
    .banner-content .consult-btn span  {
        font-size: calc(17 * 100vw / 750);
        color: #FFFFFF;
        font-weight: 400;
        /* display: flex;
        */ /* align-items: center;
        */ height: calc(32 * 100vw / 750);

    }
    .banner-content .consult-btn img  {
        width: calc(52 * 100vw / 750);
        height: calc(52 * 100vw / 750);
        display: block;

    }
    .container  {
        max-width: calc(1462 * 100vw / 750);
        margin: 0 auto;
        padding: 0 calc(20 * 100vw / 750);

    }
    .main-title-wrap .main-title  {
        /* width: calc(689 * 100vw / 750);
        height: calc(137 * 100vw / 750);
        */ font-size: calc(50 * 100vw / 750);
        font-weight: bold;
        line-height: 136%;
        letter-spacing: 0em;
        font-variation-settings: "opsz" auto;
        color: #6567DE;
        background: linear-gradient(106deg, #6567DE 47%, #A0A2FB 117%),
        linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-align: left;

    }
    .main-title-wrap .title-right  {
        margin-left: calc(50 * 100vw / 750);
        flex: 1;
        overflow: hidden;

    }
    /* 标题组样式 */ .title-group  {
        position: relative;
        height: calc(200 * 100vw / 750);
        margin-bottom: 0;
        top: calc(100 * 100vw / 750);
        z-index: 2;

    }
    .title-group .subtitle  {
        position: absolute;
        left: 0;
        top: calc(0 * 100vw / 750);
        height: calc(20 * 100vw / 750);
        font-size: calc(20 * 100vw / 750);
        font-weight: 600;
        line-height: calc(22 * 100vw / 750);
        text-transform: uppercase;
        letter-spacing: 0em;
        font-variation-settings: "opsz" auto;
        color: #5C5D95;

    }
    .title-group .subtitle::before  {
        content: '';
        position: absolute;
        left: calc(-23 * 100vw / 750);
        top: calc(6 * 100vw / 750);
        width: calc(9 * 100vw / 750);
        height: calc(9 * 100vw / 750);
        background-color: #5C5D95;
        border-radius: 50%;

    }
    .title-group .main-title  {
        position: absolute;
        left: 0;
        top: calc(32 * 100vw / 750);
        width: calc(689 * 100vw / 750);
        height: calc(137 * 100vw / 750);
        font-size: calc(50 * 100vw / 750);
        font-weight: bold;
        line-height: 136%;
        letter-spacing: 0em;
        font-variation-settings: "opsz" auto;
        color: #6567DE;
        background: linear-gradient(106deg, #6567DE 47%, #A0A2FB 117%),
        linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-align: left;

    }
    .contact-page  {
        padding: calc(100 * 100vw / 750) calc(60 * 100vw / 750) 0;
        width: 100%;
        margin: 0 auto;

    }
    .company-box  {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(20 * 100vw / 750);

    }
    .company-box .company-list  {
        width: 100%;
        height: 100%;

    }
    .company-list .company-item  {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: calc(250 * 100vw / 750);
        padding: 0 calc(30 * 100vw / 750);
        border-top: 1px solid #B8C8FC;
        border-bottom: 1px solid #B8C8FC;
        box-sizing: border-box;

    }
    .company-list .company-item + .company-item  {
        border-top: none;

    }
    .company-list .company-item:hover  {
        cursor: pointer;
        background: linear-gradient(90deg,
        rgba(89, 159, 255, 0) 0%,
        rgba(89, 159, 255, 0.12) 100%);

    }
    /* 公司项目选中状态 */ .company-list .company-item.active  {
        background: linear-gradient(90deg,
        rgba(89, 159, 255, 0.05) 0%,
        rgba(89, 159, 255, 0.15) 100%);

    }
    .company-item .company-item-title  {
        font-size: calc(28 * 100vw / 750);
        font-weight: bold;
        line-height: 190%;
        letter-spacing: 0em;
        font-variation-settings: "opsz" auto;
        color: #4179EB;
        background: linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;

    }
    .company-item .company-item-line  {
        margin-top: calc(16 * 100vw / 750);
        display: flex;
        align-items: center;
        gap: calc(10 * 100vw / 750);

    }
    .company-item .company-item-line + .company-item-line  {
        margin-top: calc(14 * 100vw / 750);

    }
    .company-item-line .company-item-img  {
        width: calc(14 * 100vw / 750);
        height: calc(14 * 100vw / 750);

    }
    .company-item-line .company-item-img.img-local  {
        width: calc(12 * 100vw / 750);
        height: calc(16 * 100vw / 750);
        font-size: calc(20 * 100vw / 750);
        font-weight: normal;
        line-height: 190%;
        letter-spacing: 0em;
        font-variation-settings: "opsz" auto;
        color: #2F2F2F;

    }
    .company-item-line .company-item-label  {
        font-size: calc(20 * 100vw / 750);
        font-weight: normal;
        line-height: 190%;
        letter-spacing: 0em;
        font-variation-settings: "opsz" auto;
        color: #2F2F2F;

    }
    /* 地址区域移动端样式覆盖 */ .company-item-line .company-item-label.overflow-ellipsis  {
        overflow: visible;
        white-space: normal;
        text-overflow: clip;
        word-break: break-all;
        width: calc(600 * 100vw / 750);
        line-height: 150%;
        padding: calc(5 * 100vw / 750) 0;

    }
    .company-box .map-container  {
        flex: auto;
        width: 100%;
        height: calc(400 * 100vw / 750);

    }
    .contact-box  {
        margin-top: calc(100 * 100vw / 750);
        display: flex;
        flex-direction: column;
        /* 在移动端改为纵向排列 */ align-items: center;
        width: 100%;

    }
    .contact-box .contact-item-box  {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* 在移动端居中对齐 */ padding: calc(28 * 100vw / 750) calc(28 * 100vw / 750) calc(40 * 100vw / 750);
        /* 减小底部间距 */ box-sizing: border-box;

    }
    .contact-item-box .contact-item-lab  {
        line-height: 190%;
        letter-spacing: 0em;
        font-weight: 400;
        font-size: calc(20 * 100vw / 750);
        color: #2F2F2F;

    }
    .contact-item-box .contact-item-val  {
        line-height: 190%;
        letter-spacing: 0em;
        font-weight: 700;
        font-size: calc(30 * 100vw / 750);
        font-variation-settings: "opsz" auto;
        color: #4179EB;
        background-image: linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        white-space: nowrap;
        /* 防止文本换行 */ width: auto;
        /* 根据内容自动调整宽度 */ display: inline-block;
        /* 使元素宽度基于内容 */ text-align: center;
        /* 在移动端居中显示 */
    }

}