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

    .main-title-wrap .main-title  {
        font-size: calc(30 * 100vw / 750) !important;

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

    }
    .scroll-content  {
        padding: 0;

    }
    /* Tab标签样式调整 */ .tab-box  {
        gap: calc(30 * 100vw / 750);
        width: 100%;
        height: calc(100 * 100vw / 750);
        padding: 0 calc(20 * 100vw / 750);

    }
    .tab-box .tab-item  {
        min-width: calc(160 * 100vw / 750);
        width: auto;
        padding: 0 calc(15 * 100vw / 750);
        font-size: calc(28 * 100vw / 750);
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }
    .tab-box .tab-item::after  {
        width: calc(100 * 100vw / 750);
        height: calc(6 * 100vw / 750);

    }
    .hire-banner  {
        position: relative;
        padding: 0;
        width: 100vw;
        height: calc(600 * 100vw / 750);
        background: url('../../images/join/hire-banner.jpg') no-repeat center / cover;

    }
    .hire-banner .hire-content  {
        position: relative;
        padding: calc(250 * 100vw / 750) 0 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        text-align: center;

    }
    .hire-banner .hire-content .hire-subtitle  {
        width: 100%;
        max-width: calc(400 * 100vw / 750);
        height: calc(36 * 100vw / 750);
        font-size: calc(28 * 100vw / 750);
        font-weight: bold;
        line-height: calc(36 * 100vw / 750);
        text-transform: uppercase;
        font-variation-settings: "opsz" auto;
        background: linear-gradient #FFFFFF;
        -webkit-background-clip: text;
        background-clip: text;
        text-align: center;
        text-shadow: 0px 3.32px 5.81px rgba(47, 96, 217, 0.62);
        opacity: 0;
        animation: fadeInUp 1s ease forwards;

    }
    .hire-banner .hire-content .hire-title  {
        width: 100%;
        /* max-width: calc(500 * 100vw / 750);
        */ height: calc(106 * 100vw / 750);
        font-size: calc(50 * 100vw / 750);
        font-weight: bold;
        line-height: normal;
        color: #FFFFFF;
        text-align: center;
        text-shadow: 0px 4px 10px rgba(47, 96, 217, 0.62);
        opacity: 0;
        animation: fadeInUp 1s ease forwards 0.3s;

    }
    .hire-header  {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: calc(53 * 100vw / 750);

    }
    .hire-header .vie-title-box  {
        padding: 0 0 0 calc(50 * 100vw / 750);

    }
    .hire-header .hire-header-right img  {
        width: calc(220 * 100vw / 750);
        height: calc(94 * 100vw / 750);

    }
    .hire-list  {
        margin-top: calc(50 * 100vw / 750);

    }
    .hire-list .hire-item  {
        padding-top: calc(36 * 100vw / 750);
        padding-bottom: calc(0 * 100vw / 750);
        padding-left: calc(50 * 100vw / 750);
        padding-right: calc(50 * 100vw / 750);

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

    }
    .hire-item .hire-item-top  {
        padding-bottom: calc(36 * 100vw / 750);

    }
    .hire-item-top .hire-item-title  {
        font-size: calc(32 * 100vw / 750);

    }
    .hire-item-top .hire-item-status  {
        font-size: calc(26 * 100vw / 750);

    }
    .hire-item .hire-item-content  {
        padding: 0 calc(160 * 100vw / 750) 0 0;

    }
    .hire-item-content .hic-text-box  {
        width: 100%;
        z-index: 1;
        position: relative;

    }
    .hic-text-box p  {
        margin: calc(14 * 100vw / 750) 0;
        font-size: calc(20 * 100vw / 750);

    }
    .hic-text-box p.hic-sub-title  {
        margin-top: calc(45 * 100vw / 750);

    }
    .hire-item-content .img-3d-box  {
        width: calc(350 * 100vw / 750);
        max-height: calc(490 * 100vw / 750);
        right: calc(110 * 100vw / 750);

    }
    .hire-item-content .img-3d-box .img-3d  {
        opacity: 0.35;
        width: 100%;
        padding-top: calc(50 * 100vw / 750);
        margin-left: calc(150 * 100vw / 750);

    }
    .hire-item.active .hire-item-content  {
        position: relative;
        padding-right: 0;
        margin-top: calc(-20 * 100vw / 750);
        padding-bottom: calc(36 * 100vw / 750);

    }
    .hire-tips  {
        margin-top: calc(43 * 100vw / 750);
        padding: 0 calc(30 * 100vw / 750);

    }
    .hire-tips .hire-tips-1  {
        font-size: calc(20 * 100vw / 750);

    }
    .hire-tips .hire-tips-2  {
        margin-top: calc(6 * 100vw / 750);
        font-size: calc(20 * 100vw / 750);

    }
    .banner-content .consult-btn span  {
        font-size: calc(17 * 100vw / 750);
        height: calc(32 * 100vw / 750);

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

    }
    /* 通用section样式 */ section:not(.hire-banner)  {
        padding-top: calc(50 * 100vw / 750);

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

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

    }
    .title-group .subtitle  {
        top: calc(0 * 100vw / 750);
        height: calc(20 * 100vw / 750);
        font-size: calc(20 * 100vw / 750);
        line-height: calc(22 * 100vw / 750);

    }
    .title-group .subtitle::before  {
        left: calc(-23 * 100vw / 750);
        top: calc(6 * 100vw / 750);
        width: calc(9 * 100vw / 750);
        height: calc(9 * 100vw / 750);

    }
    .title-group .main-title  {
        top: calc(32 * 100vw / 750);
        width: calc(689 * 100vw / 750);
        height: calc(137 * 100vw / 750);
        font-size: calc(50 * 100vw / 750);

    }
    /* 内容区域样式 */ .intro-content,
    .architecture-content,
    .technology-content  {
        max-width: calc(800 * 100vw / 750);

    }
    .intro-content p,
    .architecture-content p  {
        margin-bottom: calc(20 * 100vw / 750);
        font-size: calc(20 * 100vw / 750);
        color: #666;

    }
    /* 针对不同语言的移动端适配 */ html[lang="en"] .tab-box .tab-item  {
        min-width: calc(180 * 100vw / 750);
        font-size: calc(26 * 100vw / 750);
        letter-spacing: -0.02em;

    }
    .tab-box .tab-item.on::after  {
        width: 65%;
        max-width: calc(150 * 100vw / 750);

    }

}