@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    .content-1 {
        height: 141.667vw;
    }

    .content-1 video {
        height: 100%;
        width: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .content-1 .content-1-text .logo {
        width: 41.55vw;
    }

    .content-2 {
        padding: 13.194vw 5.556vw 13.889vw;
        flex-direction: column;
    }

    .content-2 .left {
        padding-top: 0;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .content-2 .left .about-us {
        font-size: 4.444vw;
        margin-bottom: 8.333vw;
    }

    .content-2 .left .content {
        width: 100%;
        font-size: 3.611vw;
        line-height: 1.6;
        text-align: left;
        margin-bottom: 8.333vw;
    }

    .content-2 .right img {
        width: 100%;
    }

    .content-3 {
        padding: 13.194vw 0 13.889vw;
        height: auto;
    }

    .content-3 .content-3-title {
        font-size: 4.444vw;
        margin-bottom: 7.222vw;
    }

    .content-3 .milestone {
        padding: 4.167vw 0 8.056vw;
        margin: 0;
    }

    .content-3 .milestone .item {
        height: 31.944vw;
    }

    .content-3 .milestone .item::after {
        content: "";
        width: 1.806vw;
        height: 1.806vw;
        left: -0.833vw;
    }

    .content-3 .milestone .item .item-content {
        width: 34.444vw;
        flex-direction: column;
        align-items: flex-start;
        transform: translateY(-3.472vw);
    }

    .content-3 .milestone .item .item-content.left {
        right: 5.556vw;
        justify-content: flex-start;
        align-items: flex-end;
        flex-direction: column;
    }

    .content-3 .milestone .item .item-content.right {
        left: 5.556vw;
    }

    .content-3 .milestone .item .item-content .flag {
        font-size: 6.944vw;
    }

    .content-3 .milestone .item .item-content.right .flag,
    .content-3 .milestone .item .item-content.left .flag {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 2.778vw;
    }

    .content-3 .milestone .item .item-content .date {
        min-width: 15.556vw;
        height: 6.25vw;
        font-size: 3.611vw;
        line-height: 1.73;
        margin-bottom: 2.222vw;
    }

    .content-3 .milestone .item .item-content .text {
        font-size: 3.611vw;
        width: 34.444vw;
        position: static;
        text-align: initial;
    }

    .content-3 .milestone .item .item-content.left .text {
        text-align: right;
    }

    .content-4 {
        padding: 13.194vw 5.556vw 13.889vw;
    }

    .content-4 h3 {
        font-size: 4.444vw;
        margin-bottom: 8.889vw;
    }

    .content-4-box li {
        margin-bottom: 9.444vw;
    }

    .content-4 .country {
        font-size: 3.611vw;
        margin-right: 5.556vw;
        width: 11.667vw;
        text-align: left;
    }

    .content-4 .progress-bar {
        width: 61.667vw;
        height: 4.167vw;
        margin-right: 5.833vw;
    }

    .content-4 .progress-bar::before {
        height: 4.167vw;
        background-color: #1F19C0;
    }

    .content-4 .num {
        font-size: 4.444vw;
    }

    .content-4-remarks {
        font-size: 1.944vw;
        right: 2.778vw;
        bottom: 2.778vw;
    }

    .content-5 {
        padding: 13.472vw 0 13.889vw;
    }

    .content-5 h3 {
        font-size: 4.444vw;
        margin-bottom: 8.333vw;
    }

    .content-5 .active-img {
        width: 100%;
        height: 56.667vw;
    }

    .content-5 .active-swiper {
        width: 100%;
    }

    .content-5 .swiper-box {
        padding: 0;
        display: flex;
        align-items: center;
    }

    .content-5 .img-desc {
        height: 9.722vw;
        line-height: 9.722vw;
        padding: 0 4.861vw;
    }

    .content-5 .img-desc .city {
        font-size: 3.611vw;
        margin-right: 2.778vw;
    }

    .content-5 .img-desc .date {
        font-size: 3.611vw;
    }

    .content-5 .mob-arrow {
        text-align: center;
        display: flex;
        justify-content: center;
        margin-top: 5.556vw;
    }

    .content-5 .iconfont {
        font-size: 2.778vw;
    }

    .content-5 .iconfont.button-prev {
        margin-right: 13.889vw;
    }

    .content-5 .iconfont.button-next {
        margin-left: 0;
    }

    .content-6 {
        padding: 13.194vw 5.556vw 13.889vw;
    }

    .content-6 h3 {
        font-size: 4.444vw;
        margin-bottom: 8.333vw;
    }

    .content-6 .content-6-1-items,
    .content-6 .content-6-2-items {
        flex-direction: column;
    }

    .content-6 .content-6-1-items li,
    .content-6 .content-6-2-items li {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 5.556vw;
        padding: 8.333vw 5.556vw 7.639vw;
    }

    .content-6 .media {
        height: 11.944vw;
        margin-bottom: 4.861vw;
    }

    .content-6 .title {
        font-size: 4.444vw;
        margin-bottom: 5.556vw;
    }

    .content-6 .text {
        font-size: 3.611vw;
        margin-bottom: 2.5vw;
    }

    .content-6 .small-text {
        font-size: 2.778vw;
    }

    .content-7 h3 {
        font-size: 4.444vw;
        margin-top: 13.194vw;
        margin-bottom: 8.333vw;
    }

    .content-7 .content-7-1-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0;
        margin-bottom: 13.889vw;
    }

    .content-7 .img-box {
        width: 100%;
        justify-content: flex-start;
        overflow: hidden;
    }

    .content-7 .content-7-1-img {
        width: 117%;
        height: auto;
        transform: translateX(-8.333vw);
        margin-bottom: 12.5vw;
    }

    .content-7-1-box .text-box {
        display: flex;
        padding: 0 5.556vw;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
    }

    .content-7-1-box .text-box .num {
        font-size: 9.722vw;
        margin-bottom: 0.694vw;
    }

    .content-7-1-box .text-box .num>span {
        font-size: 4.444vw;
    }

    .content-7-1-box .text-box .desc {
        font-size: 3.333vw;
        font-weight: lighter;
    }

    .content-7-1-box .text-box .line {
        width: 1px;
        height: 8.333vw;
    }

    .content-7-2-img {
        width: 100%;
        height: 166.667vw;
    }

    .global-box h3 {
        font-size: 4.444vw;
        position: absolute;
        top: 13.194vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .global-items {
        top: 27.5vw;
        transform: translateX(-50%);
        flex-direction: column;
    }

    .global-item {
        width: 38.889vw;
        height: 38.889vw;
        margin-right: 0;
        margin-bottom: 5.556vw;
    }

    .global-item:last-child {
        margin-bottom: 0;
    }

    .global-box .text {
        font-size: 3.333vw;
        margin-bottom: 1.111vw;
        margin-top: 9.028vw;
    }

    .global-box .last .text {
        margin-top: 9.028vw;
        margin-bottom: 2.222vw;
    }

    .global-box .num {
        font-size: 11.111vw;
    }

    .global-box .small-text {
        font-size: 3.056vw;
        margin-bottom: 0.694vw;
    }
}