@media (min-width: 1080px) {
    .tzzyd-pic {
        margin-top: 60px;
        width: 100%;
        max-height: 340px;
        background: url(/joinweb2022/r/cms/www/red/css/images/joinimg/布景 (3).png');
        height: 340px;
        background-size: 100% 100%;
    }

    .xuanzeanniou {
        display: flex;
        margin-bottom: 20px;
        padding-left: 12.5%;
    }

    .gonggao {
        background-color: #1C67FE;
        color: #fff;
        padding: 10px 20px;
        border-radius: 4px;
    }

    .baogao {
        background-color: #EAECF2;
        color: #A3A7AF;
        padding: 10px 20px;
        border-radius: 4px;
        margin: 0 20px;
    }

    .neirong {
        background-color: #F7F8FC;
        border: 1px solid #EDF1F6;
        padding: 20px 10px;
        width: 48%;
        margin-bottom: 10px;
    }

    .biaoti-a {
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        line-height: 16px;
    }

    .biaoti {
        font-weight: bold;
    }

    .fenge {
        width: 8%;
        border-bottom: 4px solid;
        border-radius: 4px;
        margin: 15px 0;
    }

    .text-nei {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #5B6067;
        line-height: 24px;
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    .xiabiao {
        display: flex;
        justify-content: space-between;
    }

    .riqi {
        color: #C7CBD5;
    }

    .neirong-display {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0 12.5% 0 12.5%;
    }

    .video {
        width: 75%;
        margin: 0 auto;
        height: 560px;
        display: flex;
    }

    .about-pic {
        margin-top: 60px;
        width: 100%;
        max-height: 340px;
        background: url('/joinweb2022/r/cms/www/images/joinimg/布景.png');
        height: 340px;
        background-size: 100% 100%;
    }

    .aboutm-pic {
        margin-top: 60px;
        width: 100%;
        max-height: 340px;
        background: url(/joinweb2022/r/cms/www/red/css/images/joinimg/布景 (1).png');
        height: 340px;
        background-size: 100% 100%;
    }

    .about-title {
        position: absolute;
        top: 15%;
        color: #ffffff;
        z-index: 999;
        left: 15%;
        font-size: 3rem;
        font-weight: 600;
    }

    .about-title2 {
        position: absolute;
        top: 20%;
        color: #ffffff;
        z-index: 999;
        letter-spacing: 1.13px;
        left: 15%;
        font-size: 1.5rem;
    }

    .about-line {
        position: absolute;
        top: 25%;
        left: 15%;
        width: 82px;
        height: 12px;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }

    .box2-flex {
        width: 75%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .box2-display-flex {
        margin-top: 70px;
        display: flex;
        align-items: center;
    }

    .box2-display-flex div {
        width: 4px;
        height: 22px;
        background: #282F35;
    }

    .box2-flex-title {
        margin-left: 5px;
        font-size: 16px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #282F35;
    }

    .box2-flex-content {

        line-height: 33px;
        width: 70%;
        margin-top: 15px;
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4C4F;
    }

    .box2-line {
        margin-top: 80px;
        width: 100%;
        height: 128px;
        padding-left: 12.5%;
        background: linear-gradient(270deg, #6A97FE 0%, #0458FF 100%);
        display: flex;
        align-items: center;
    }

    .box2-line-item {
        padding-right: 125px;
        display: flex;
        align-items: center;
    }

    .box2-line-item-line {
        /* 		width: 1px;
            height: 92px;
            background: rgba(255, 255, 255, 0.32); */
        width: 2px;
        height: 22px;
        background: #06F2FF;
    }

    .box2-line-item-right {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-left: 10px;
    }

    .box2-line-item-right-title {
        font-size: 20px;
        font-family: DINMittelschriftLTCYR;
        color: #FFFFFF;
    }

    .box2-line-item-right-content {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
    }

    .box3 {
        background: url('/joinweb2022/r/cms/www/images/joinimg/about/corporateImg.png');
        padding: 100px 12.5% 80px 12.5%;
        width: 100%;
    }

    .box3 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .box3-w5 {
        width: 50%;
        margin: 0 auto;
        padding-top: 60px;
    }

    .box3-content {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4C4F;
        line-height: 33px;
    }

    .box3-img {
        padding-top: 60px;
        display: flex;
        justify-content: space-around;
    }

    .box3-img-div img {
        margin: 0 10px;
        max-width: 200px;
        max-height: 200px;
    }

    .box3-img-div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .box3-img-name {
        font-size: 18px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 600;
        color: #370404;
        margin: 20px 0 10px 0;
    }

    .box3-img-job {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #0559FF;
    }

    .box3-img-job2 {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #6C6F73;
    }

    .box4 {
        background-color: #f7f9fa;
        padding: 70px 12.5% 80px 12.5%;
        width: 100%;
    }

    .box4 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .box4-w5 {
        width: 50%;
        margin: 0 auto;
        padding-top: 40px;
    }

    .box4-content {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #2B323A;
        line-height: 26px;
        text-align: center;
    }

    .box5 {
        background: #FFFFFF;
        padding: 70px 0 80px 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .box5 .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .box5-top {
        margin-top: 60px;
        display: flex;
        /* align-items: center; */
        /* justify-content: center; */
        width: 75%;
    }

    .box5-top-left {
        width: 50%;
    }

    .box5-top-left img {
        max-width: 717px;
        max-height: 427px;
    }

    .box5-top-right {
        width: 50%;
        margin-left: 20px;
    }

    .box5-top-right-one {
    }

    .box5-line {
        width: 100%;
        height: 1px;
        border: 1px solid #D1D6DD;
        margin: 20px 0;
    }

    .box5-top-right-two {
        display: flex;
        flex-wrap: wrap;
        align-items: center;

    }

    .box5-top-right-two-item {
        width: 40%;
        padding: 50px 0 50px 16px;
        display: flex;
        align-items: center;
        border: 1px solid #E8EBED;
        margin: 10px 30px 10px 0;
    }

    .box5-top-right-two-item img {
        width: 63px;
        height: 56px;
    }

    .box5-top-right-two-flex {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-left: 20px;
    }

    .box5-top-right-two-title {
        font-size: 30px;
        font-family: DINMittelschriftLTCYR;
        color: #1D63FC;
        line-height: 38px;
    }

    .box5-top-right-two-content {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2C3541;
        line-height: 12px;
        margin: 5px 0;
    }

    .box5-center {
        margin-top: 40px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .box5-center-item {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
        border: 1px solid #D1D6DD;
    }

    .box5-center-line {
        width: 75%;
        margin: 60px 0 20px 0;
        height: 1px;
        border: 1px solid #D1D6DD;
    }

    .box5-bottom {
        margin-top: 80px;
        width: 75%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .box5-bottom-one {
        background: linear-gradient(270deg, #6A97FE 0%, #0458FF 100%);
        padding: 56px 80px;
        width: 465px;
        height: 150px;
    }

    .box5-bottom-two-title2 {
        font-size: 20px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 30px;
    }

    .box5-bottom-two-content2 {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
    }

    .box5-bottom-two-click2 {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
    }

    .box5-bottom-two {
        background: linear-gradient(270deg, #ffffff 0%, #ededed 100%);
        padding: 56px 80px;
        width: 450px;
        height: 150px;
    }

    .box5-bottom-two .box5-bottom-two-title {
        font-size: 20px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #4A4C4F;
        line-height: 30px;
    }

    .box5-bottom-two .box5-bottom-two-content {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4C4F;
        line-height: 24px;
    }

    .box5-bottom-two .box5-bottom-two-click {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #2b7fd9;
        line-height: 24px;
    }

    .box5-bottom-one-flex {
        display: flex;
        align-items: center;
    }

    .contact {
        margin-top: 60px;
        padding: 40px 12.5% 80px 12.5%;
        width: 100%;
    }

    .contact .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .contact-content {
        width: 100%;
        position: relative;
    }

    .contact-content-flex {
        padding: 47px 28px;
        background: #FFFFFF;
        box-shadow: 0px 0px 12px 0px rgba(119, 126, 140, 0.39);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: absolute;
        top: 58px;
        right: 35px;
        max-width: 400px;
    }

    .contact-content-top {
    }

    .contact-content-title {
        font-size: 18px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        line-height: 25px;
    }

    .contact-content-line {
     margin: 10px 0 30px 0;
     width: 334px;
     height: 2px;
     background: #5d9cf1;
    }

    .contact-content-item {
        display: flex;
        margin-top: 20px;
    }

    .contact-content-item img {
        width: 26px;
        height: 26px;
    }

    .contact-content-item-right {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
    }

    .contact-content-item-right-title {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #959AA2;
        line-height: 22px;
    }

    .contact-content-item-right-phone {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2C3541;
        line-height: 22px;
        margin: 5px 0;
        letter-spacing: 1px;
    }

    .map-bk {
        margin-top: 30px;
    }

    .corporate-pic {
        margin-top: 60px;
        width: 100%;
        max-height: 600px;
        background: url(/joinweb2022/r/cms/www/red/css/images/joinimg/about/布景 (1).png');
        height: 540px;
        background-size: 100% 100%;
    }

    .corporate-title {
        position: absolute;
        top: 28%;
        color: #ffffff;
        z-index: 999;
        left: 15%;
        font-size: 3rem;
        font-weight: 600;
    }

    .corporate-title2 {
        position: absolute;
        top: 33%;
        color: #ffffff;
        z-index: 999;
        letter-spacing: 1.13px;
        left: 15%;
        font-size: 1.5rem;
    }

    .corporate-line {
        position: absolute;
        top: 40%;
        left: 15%;
        width: 82px;
        height: 12px;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }

    .corporate {
        padding: 40px 12.5% 40px 12.5%;
        width: 100%;
    }

    .corporate .title {
        text-align: center;
        width: 100%;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .corporate-content {
        width: 100%;
        position: relative;
    }

    .corporate-content img {
        margin-top: 20px;
        width: 100%;
        height: 500px;
    }

    .corporate-content-item {
        position: absolute;
        top: 195px;
        left: 20%;
        width: 831px;
        height: 150px;
        background: rgba(255, 255, 255, 0.85);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .corporate-content-item-one {
        font-size: 34px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2C3541;
        line-height: 48px;
        letter-spacing: 1px;
    }

    .corporate-content-item-two {
        font-size: 25px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(44, 53, 65, 0.44);
        line-height: 36px;
        letter-spacing: 1px;
    }

    .corporate-join-postion {
        position: relative;
        width: 24%;
        margin-top: 20px;
    }

    .corporate-join-postion img {
        width: 100%;
        height: 500px;
        max-width: 334px;
        max-height: 500px;
    }

    .corporate-join {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

    .corporate-joint-item {
        position: absolute;
        top: 175px;
        left: 20%;
        width: 210px;
        height: 150px;
        background: rgba(255, 255, 255, 0.85);
        width: 20.125rem;
        padding: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .corporate-join-item-one {
        font-size: 34px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2C3541;
        line-height: 48px;
        letter-spacing: 1px;
    }

    .corporate-join-item-two {
        font-size: 25px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(44, 53, 65, 0.44);
        line-height: 36px;
        letter-spacing: 1px;
    }

    .corporate-staff {
        margin-top: 20px;
        display: flex;
        width: 100%;
        padding: 81px 60px;
        background: #F9FAFB;
    }

    .corporate-staff-left {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .corporate-staff-left-time {
        padding: 16px 56px;
        width: 190px;
        height: 54px;
        border: 1px solid #4A4C4F;
        font-size: 22px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 600;
        color: #4A4C4F;
        line-height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .corporate-staff-left-content {
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    .corporate-staff-left-content-item {
        display: flex;

    }

    .corporate-staff-left-content-line {
        width: 4px;
        height: 22px;
        background: #0659FF;
    }

    .corporate-staff-left-content-name {
        margin-left: 5px;
        font-size: 16px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #0659FF;
        line-height: 24px;
    }

    .corporate-staff-left-content-click {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #1D63FC;
        line-height: 14px;
    }

    .corporate-staff-left-content-text {
        padding-top: 25px;
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4C4F;
        line-height: 33px;
    }

    .corporate-staff-right {
        width: 45%;
        margin-left: 20px;
    }

    .corporate-staff-right img {
        width: 100%;
    }

    .box4-w5-content {
        width: 100%;
        margin-top: 20px;
    }

    .box4-w5-content-flex {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

    .box4-w5-content-flex-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 60%;
        margin: 0 auto;
    }

    .box4-w5-content-flex-item-time {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4C4F;
        line-height: 24px;
        margin: 16px 0px 25px 0;
    }

    .box4-w5-content-flex-item-title {
        font-size: 16px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 600;
        color: #2B323A;
        line-height: 24px;
    }

    .box4-w5-content-flex-item-content {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #2B323A;
        line-height: 22px;
        margin-top: 10px;
    }


}

.box5-bottom-one-click a {
    color: #ffffff;
}

@media (max-width: 1080px) {
    .box2 .title {
        display: block;
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        text-align: center;
        padding-top: 20px;
    }

    .line-height2 {
        display: block;
        margin: 0 auto;
        width: 38px;
        height: 6px;
        background: linear-gradient(270deg, #6A97FE 0%, #0458FF 100%);
    }

    .about-pic {
        width: 100%;
        max-height: 188px;
        background: url('/joinweb2022/r/cms/www/images/joinimg/about/布景.png');
        height: 188px;
        background-size: 100% 100%;
        margin-top: 60px;
    }

    .aboutm-pic {
        width: 100%;
        max-height: 188px;
        height: 188px;
        background-size: 100% 100%;
        background: url(/joinweb2022/r/cms/www/red/css/images/joinimg/布景 (1).png');
        margin-top: 60px;
    }

    .about-title {
        position: absolute;
        top: 13%;
        color: #ffffff;
        z-index: 99;
        left: 20px;
        font-weight: 600;
        font-size: 18px;
    }

    .about-title2 {
        position: absolute;
        top: 16%;
        z-index: 99;
        left: 20px;
        font-size: 10px;
        font-weight: 400;
        color: #ffffff;
    }

    .about-line {
        position: absolute;
        top: 18%;
        left: 20px;
        width: 82px;
        height: 12px;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }

    .box2-flex {
        padding: 20px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .box2-display-flex {
        margin-top: 20px;
        display: flex;
        align-items: center;
    }

    .box2-display-flex div {
        width: 4px;
        height: 22px;
        background: #282F35;
    }

    .box2-flex-title {
        margin-left: 5px;
        font-size: 16px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #282F35;
    }

    .box2-flex-content {

        line-height: 33px;
        margin-top: 15px;
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4C4F;
    }

    .box2-line {
        margin-top: 20px;
        width: 100%;
        height: 100px;
        background: linear-gradient(270deg, #6A97FE 0%, #0458FF 100%);
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .box2-line-item {
        display: flex;
        align-items: center;
    }

    .box2-line-item-line {
        /* 		width: 1px;
            height: 92px;
            background: rgba(255, 255, 255, 0.32); */
        width: 2px;
        height: 22px;
        background: #06F2FF;
    }

    .box2-line-item-right {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-left: 10px;
    }

    .box2-line-item-right-title {
        font-size: 18px;
        font-family: DINMittelschriftLTCYR;
        color: #FFFFFF;
    }

    .box2-line-item-right-content {
        font-size: 12px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
    }

    .box3 {
        /* background: url('/joinweb2022/r/cms/www/red/img/joinimg/about/modern-business-building-with-glass-wall-from-empty-floor.png'); */
        background: url('/joinweb2022/r/cms/www/images/joinimg/about/corporateImg.png');
        padding: 20px;
        width: 100%;
    }

    .box3 .title {
        display: block;
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        text-align: center;
    }

    .box3-w5 {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px;
    }

    .box3-content {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4C4F;
        line-height: 33px;
    }

    .box3-img {
        padding-top: 40px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .box3-img img {
        max-width: 120px;
        max-height: 120px;
        margin: 0 10px;
    }

    .box3-img div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .box3-img-name {
        font-size: 18px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 600;
        color: #370404;
        margin: 20px 0 10px 0;
    }

    .box3-img-job {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #0559FF;
    }

    .box3-img-job2 {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #6C6F73;
    }

    .box4 {
        background-color: #f7f9fa;
        padding: 20px;
        width: 100%;
    }

    .box4 .title {
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        text-align: center;
    }

    .box4-w5 {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px;
    }

    .box4-content {
        font-size: 14px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #2B323A;
        line-height: 26px;
        text-align: center;
    }

    .video {
        width: 100%;
        height: 200px;
    }

    .box5 {
        background: #FFFFFF;
        padding: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .box5 .title {
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        text-align: center;
    }

    .box5-top {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .box5-top-left {
        width: 100%;
    }

    .box5-top-left img {
        width: 100%;
    }

    .box5-top-right {
        width: 100%;
        margin-top: 20px;
    }

    .box5-top-right-one {
    }

    .box5-line {
        width: 100%;
        height: 1px;
        border: 1px solid #D1D6DD;
        margin: 20px 0;
    }

    .box5-top-right-two {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around
    }

    .box5-top-right-two-item {
        width: 40%;
        padding: 10px;
        display: flex;
        align-items: center;
        border: 1px solid #E8EBED;
        margin: 10px;
    }

    .box5-top-right-two-item img {
        width: 40px;
        height: 36px;
    }

    .box5-top-right-two-flex {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-left: 20px;
    }

    .box5-top-right-two-title {
        font-size: 20px;
        font-family: DINMittelschriftLTCYR;
        color: #1D63FC;
        line-height: 38px;
    }

    .box5-top-right-two-content {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2C3541;
        line-height: 12px;
        margin: 5px 0;
    }

    .box5-center {
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .box5-center-item {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 10px;
        border: 1px solid #D1D6DD;
        margin: 5px;
    }

    .box5-center-item img {
        width: 100%;
        max-width: 100px;
    }

    .box5-center-line {
        width: 75%;
        margin: 20px 0 20px 0;
        height: 1px;
        border: 1px solid #D1D6DD;
    }

    .box5-bottom {
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .box5-bottom-one {
        background: linear-gradient(270deg, #6A97FE 0%, #0458FF 100%);
        padding: 20px 10px 40px 10px;
        width: 33%;
    }

    .box5-bottom-one-title {
        font-size: 18px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 30px;
    }

    .box5-bottom-one-content {
        font-size: 12px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
    }

    .box5-bottom-one-click {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
    }

    .box5-bottom-two {
        background: linear-gradient(270deg, #ffffff 0%, #ededed 100%);
        padding: 20px 10px 40px 10px;
        width: 33%;
    }

    .box5-bottom-two-title {
        font-size: 18px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #4A4C4F;
        line-height: 30px;
    }

    .box5-bottom-two-content {
        font-size: 12px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4C4F;
        line-height: 24px;
    }

    .box5-bottom-two-click {
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #2b7fd9;
        line-height: 24px;
    }

    .box5-bottom-one-flex {
        display: flex;
        flex-direction: column;
    }

    .contact {
        padding: 20px;
        width: 100%;
    }

    .contact .title {
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        text-align: center;
    }

    .contact-content {
        width: 100%;
    }

    .contact-content-flex {
        margin-top: 10px;
        padding: 40px 20px;
        background: #FFFFFF;
        box-shadow: 0px 0px 12px 0px rgba(119, 126, 140, 0.39);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        max-width: 400px;
    }

    .contact-content-top {
    }

    .contact-content-title {
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        line-height: 25px;
    }

    .contact-content-line {
        margin: 5px 0 10px 0;
        width: 28px;
        height: 2px;
        background: #2C3541;
    }

    .contact-content-item {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    .contact-content-item img {
        width: 26px;
        height: 26px;
    }

    .contact-content-item-right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-left: 5px;
    }

    .contact-content-item-right-title {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #959AA2;
        line-height: 22px;
        flex-wrap: nowrap;
        min-width: 100px;
    }

    .contact-content-item-right-phone {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2C3541;
        line-height: 22px;
        margin: 5px 0;
        letter-spacing: 1px;
    }

    .map-bk {
        margin-top: 20px;
        width: 100%;
    }

    .corporate-pic {
        margin-top: 60px;
        width: 100%;
        max-height: 188px;
        background: url(/joinweb2022/r/cms/www/red/css/images/joinimg/about/布景 (1).png');
        height: 188px;
        background-size: 100% 100%;
    }

    .corporate-title {
        position: absolute;
        top: 13%;
        color: #ffffff;
        z-index: 99;
        left: 20px;
        font-weight: 600;
        font-size: 18px;
    }

    .corporate-title2 {
        position: absolute;
        top: 16%;
        z-index: 99;
        left: 20px;
        font-size: 10px;
        font-weight: 400;
        color: #ffffff;
    }

    .corporate-line {
        position: absolute;
        top: 18%;
        left: 20px;
        width: 82px;
        height: 12px;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }


    .corporate {
        padding: 20px;
        width: 100%;
    }

    .corporate .title {
        display: block;
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #2C3541;
        text-align: center;
    }

    .corporate-content {
        width: 100%;
        position: relative;
    }

    .corporate-content img {
        margin-top: 20px;
        width: 100%;
        max-width: 375px;
        height: 200px;
    }

    .corporate-content-item {
        position: absolute;
        top: 70px;
        width: 100%;
        height: 100px;
        background: rgba(255, 255, 255, 0.85);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .corporate-content-item-one {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #2C3541;
    }

    .corporate-content-item-two {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(44, 53, 65, 0.44);
        line-height: 36px;
    }

    .corporate-join-postion {
        width: 48%;
        position: relative;
        margin-top: 20px;
    }

    .corporate-join-postion img {
        width: 100%;
        height: 250px;

    }

    .corporate-join {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

    .corporate-joint-item {
        width: 100%;
        position: absolute;
        top: 75px;
        /* left: 20%; */
        /* width: 210px; */
        height: 100px;
        background: rgba(255, 255, 255, 0.85);
        /* width: 9.125rem; */
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
}

.corporate-join-item-one {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #2C3541;
    line-height: 48px;
    letter-spacing: 1px;
}

.corporate-join-item-two {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(44, 53, 65, 0.44);
    line-height: 20px;
    letter-spacing: 1px;
}

.corporate-staff {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #F9FAFB;
}

.corporate-staff-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.corporate-staff-left-time {
    padding: 0px 20px;
    border: 1px solid #4A4C4F;
    font-size: 16px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 600;
    color: #4A4C4F;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    margin: 0 auto;
    margin-top: 20px;
}

.corporate-staff-left-content {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.corporate-staff-left-content-item {
    display: flex;

}

.corporate-staff-left-content-line {
    width: 4px;
    height: 22px;
    background: #0659FF;
}

.corporate-staff-left-content-name {
    margin-left: 5px;
    font-size: 16px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #0659FF;
    line-height: 24px;
}

.corporate-staff-left-content-click {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1D63FC;
    line-height: 14px;
}

.corporate-staff-left-content-text {
    padding-top: 25px;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #4A4C4F;
    line-height: 33px;
}

.corporate-staff-right {
}

.corporate-staff-right img {
    width: 100%;
}

.box4-w5-content {
    width: 100%;
    margin-top: 20px;
}

.box4-w5-content-flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

.box4-w5-content-flex-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%;
    margin: 0 auto;
}

.box4-w5-content-flex-item-time {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #4A4C4F;
    line-height: 24px;
    margin: 16px 0px 25px 0;
}

.box4-w5-content-flex-item-title {
    font-size: 16px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 600;
    color: #2B323A;
    line-height: 24px;
}

.box4-w5-content-flex-item-content {
    font-size: 14px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #2B323A;
    line-height: 22px;
    margin-top: 10px;
}


}
<!--耗时1793461405.0765秒-->