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

    .mobile-content {
        display: block;
        width: 100%;
    }

    .mobile-regional-1 {
        position: relative;
        width: 100%;
        height: 117.866667vw;
        background: url("../imgs/index-mobile/regional1/banner_bg@2x.png") no-repeat center / 100% 100%;
    }

    .mobile-regional-title {
        padding-top:  29.066667vw;
        text-align: center;
        font-weight: 500;
        font-size:  6.4vw;
        color: #25355C;
        line-height: 10.666667vw;
        margin-bottom: 2.666667vw;
    }

    .mobile-regional-desc {
        flex-direction: column;
        /* 315px转换为vw：315 / 375 * 100 = 84vw */
        width: 84vw;
        /* 60px转换为vw：60 / 375 * 100 = 16vw */
        height: 16vw;
        margin: 0 auto;
        font-weight: 400;
        /* 14px转换为vw：14 / 375 * 100 = 3.733333vw */
        font-size: 3.733333vw;
        color: #7787AB;
        /* 16px转换为vw：16 / 375 * 100 = 4.266667vw */
        line-height: 4.266667vw;
        background: url("../imgs/index-mobile/regional1/subheading_bg@2x.png") no-repeat center / 100% 100%;
        /* 20px转换为vw：20 / 375 * 100 = 5.333333vw */
        margin-bottom: 5.333333vw;
    }

    .animation-num {
        display: block;
        /* 25px转换为vw：25 / 375 * 100 = 6.666667vw */
        height: 6.666667vw;
        /* 3px转换为vw：3 / 375 * 100 = 0.8vw */
        border-radius: 0.8vw 0.8vw 0.8vw 0.8vw;
        text-align: center;
        /* 25px转换为vw：25 / 375 * 100 = 6.666667vw */
        line-height: 6.666667vw;
        /* 14px转换为vw：14 / 375 * 100 = 3.733333vw */
        font-size: 3.733333vw;
        color: #FFFFFF;
        background: #6759FF;
        /* 6px转换为vw：6 / 375 * 100 = 1.6vw */
        padding: 0 1.6vw;
        /* 5px转换为vw：5 / 375 * 100 = 1.333333vw */
        margin: 0 1.333333vw;
    }

    .mobile-regional-desc  .mb-4 {
        margin-bottom:  1.066667vw;
    }

    .mobile-regional-1 .info-items-m {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 6.933333vw;
    }
    .mobile-regional-1 .info-items-m .item{
        width: 25.066667vw;
        height: 10.133333vw;
        margin-bottom: 4.8vw;
    }
    .mobile-regional-1 .info-items-m .item img {
        width: 100%;
        height: 100%;
    }

    .func-desc-m {
        position: absolute;
        bottom: -8.533333vw;
        left: 50%;
        transform: translateX(-50%);
        width: 89.333333vw;
        height: 17.066667vw;
        background: #ffffff;
        border-radius: 1.6vw;
        margin: 0 auto;
    }

    .func-desc-m .func-desc-item-m {
        flex: 1;
    }

    .func-desc-m .func-desc-item-m img {
        width: 21.866667vw;
        height: 14.4vw;
    }
    .func-desc-m .line-flex-m {
        width: 0.533333vw;
        height: 10.133333vw;
    }

    .mobile-regional-2 {
        width: 100%;
        height: 124.8vw;
        box-sizing: border-box;
        padding: 16.533333vw 5.333333vw 0;
    }
    .mobile-regional-2 .regional-2-item-m{
        width: 100%;
        height: 22.666667vw;
        box-sizing: border-box;
        padding: 2.666667vw 5.333333vw;
        background: #F9FBFF;
        border-radius: 1.6vw 1.6vw 1.6vw 1.6vw;
        margin-bottom: 4.266667vw;
    }
    .mobile-regional-2 .regional-2-item-m .icon{
        width: 6.666667vw;
        height: 6.666667vw;
    }
    .mobile-regional-2 .regional-2-item-m .title{
        font-weight: 500;
        font-size:  3.733333vw;
        color: #1F1F1F;
        margin-left: 3.2vw;
    }
    .mobile-regional-2 .regional-2-item-m .mb6{
        margin-bottom: 1.6vw;
    }
    .mobile-regional-2 .regional-2-item-m .desc{
        font-weight: 400;
        font-size: 3.2vw;
        color: #82878F;
        line-height: 4.8vw;
    }

    .mobile-customer-case{
        width: 100%;
        height:  137.066667vw;
        background: url("../imgs/index-mobile/regional3/bg_3.png") no-repeat center / 100% 100%;
    }

    .mobile-customer-case .title {
        font-weight: 500;
        font-size: 5.333333vw;
        color: #1F1F1F;
        line-height: 6.133333vw;
        padding: 9.6vw 0 0;
        text-align: center;
    }

    /*  ====  */
    .barrage-wrapper {
        display: flex;
        width: calc(100% - 10.666667vw); /* 40px转换，40 / 375 * 100 = 10.666667vw */
        /*height: 200px;*/
        /*background: #000;*/
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 3.733333vw; /* 14px转换，14 / 375 * 100 = 3.733333vw */
        box-sizing: border-box;
    }
    #barrage-wrapper-4 {
        margin-top: 8vw; /* 30px转换，30 / 375 * 100 = 8vw */
    }

    .barrage-list,.fake-content {
        display: inline-flex;
        align-items: center;
    }

    .barrage-item {
        display: inline-block;
        font-weight: 400;
        font-size: 3.2vw; /* 12px转换，12 / 375 * 100 = 3.2vw */
        color: #82878F;
        line-height: 3.733333vw; /* 14px转换，14 / 375 * 100 = 3.733333vw */
        margin-right: 5.333333vw; /* 20px转换，20 / 375 * 100 = 5.333333vw */
        white-space: nowrap;
        /*&:hover {*/
        /*    color: #6759FF;*/
        /*}*/
    }

    .three-new-swiper {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 6.4vw; /* 24px转换，24 / 375 * 100 = 6.4vw */
    }

    .three-new-swiper .swiper-wrapper {
        height: 10.666667vw; /* 40px转换，40 / 375 * 100 = 10.666667vw */
    }

    .three-new-swiper .swiper-wrapper .swiper-slide{
        height: 10.666667vw; /* 40px转换，40 / 375 * 100 = 10.666667vw */
        box-sizing: border-box;
        padding: 0 5.333333vw; /* 20px转换，20 / 375 * 100 = 5.333333vw */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .three-new-swiper .swiper-wrapper .swiper-slide .item{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 19.2vw; /* 72px转换，72 / 375 * 100 = 19.2vw */
        height: 10.666667vw; /* 40px转换，40 / 375 * 100 = 10.666667vw */
        background: #FFFFFF;
        border-radius: 1.066667vw; /* 4px转换，4 / 375 * 100 = 1.066667vw */
        box-sizing: border-box;
        padding: 2.666667vw; /* 10px转换，10 / 375 * 100 = 2.666667vw */
        text-align: center;
        overflow: hidden;
        cursor: pointer;
        border: 0.266667vw solid transparent; /* 1px转换，1 / 375 * 100 = 0.266667vw */
    }
    .three-new-swiper .swiper-wrapper .swiper-slide .item.active {
        border-color: #6759FF;
    }


    .three-new-swiper .swiper-wrapper .swiper-slide.fit{
        flex: auto;
    }
    .three-new-swiper .swiper-wrapper .swiper-slide .item .use-logo{
        width: 70%;
        height: auto;
    }

    .swiper-pagination-three-new {
        text-align: center;
        /*padding-top: 30px;*/
        padding-top: 4.8vw; /* 18px转换，18 / 375 * 100 = 4.8vw */
    }
    .swiper-pagination-three-new .swiper-pagination-bullet-active {
        background: #6759FF;
    }
    .logo-desc {
        width: 89.333333vw; /* 335px转换，335 / 375 * 100 = 89.333333vw */
        max-height: 61.333333vw; /* 230px转换，230 / 375 * 100 = 61.333333vw */
        height: auto;
        margin: 0 auto;
        background-image: url("../imgs/index-mobile/frame@2x.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        box-sizing: border-box;
        padding: 3.2vw 3.2vw 2.666667vw; /* 12px转换，12 / 375 * 100 = 3.2vw */
        margin-top: 4.8vw; /* 18px转换，18 / 375 * 100 = 4.8vw */
    }

    .logo-desc .title{
        display: flex;
        align-items: center;
        line-height: 1;
        margin: auto;
        margin-bottom: 5.333333vw; /* 20px转换，20 / 375 * 100 = 5.333333vw */
        margin-top: 0!important;
    }
    .logo-desc .title .line{
        width: 0.8vw; /* 3px转换，3 / 375 * 100 = 0.8vw */
        height: 2.666667vw; /* 10px转换，10 / 375 * 100 = 2.666667vw */
        background: #6759FF;
        border-radius: 2.133333vw; /* 8px转换，8 / 375 * 100 = 2.133333vw */
        margin-right: 1.6vw; /* 6px转换，6 / 375 * 100 = 1.6vw */
    }
    .logo-desc .title .text{
        font-weight: 500;
        font-size: 3.733333vw; /* 14px转换，14 / 375 * 100 = 3.733333vw */
        color: #1F1F1F;
        line-height: 4.266667vw; /* 16px转换，16 / 375 * 100 = 4.266667vw */
    }
    .logo-desc .desc{
        min-height: 29.866667vw; /* 112px转换，112 / 375 * 100 = 29.866667vw */
        height: auto;
        text-indent: 2em;
        font-weight: 400;
        font-size: 3.2vw; /* 12px转换，12 / 375 * 100 = 3.2vw */
        color: #6D7683;
        line-height: 5.866667vw; /* 22px转换，22 / 375 * 100 = 5.866667vw */
        text-align: left!important;
        overflow-y: auto;
    }

    .mobile-regional-4{
        width: 100%;
        box-sizing: border-box;
        padding: 8vw 5.333333vw 0;
        background: #ffffff;
    }

    .mobile-regional-4 .company-img {
        width: 100%;
        margin-bottom: 5.333333vw;
    }
    .mobile-regional-4 .info-box {
        width: 100%;
        margin-bottom:5.333333vw;
    }

    .mobile-regional-4 .info-box {
        box-sizing: border-box;
        padding: 0 5.333333vw; /* 20px转换，20 / 375 * 100 = 5.333333vw */
        margin-bottom: 2.666667vw; /* 10px转换，10 / 375 * 100 = 2.666667vw */
    }

    .mobile-regional-4 .info-box .desc-title {
        font-weight: 500;
        font-size: 4.266667vw; /* 16px转换，16 / 375 * 100 = 4.266667vw */
        color: #1F1F1F;
        line-height: 5.066667vw; /* 19px转换，19 / 375 * 100 = 5.066667vw */
        margin-bottom: 4.266667vw; /* 16px转换，16 / 375 * 100 = 4.266667vw */
    }

    .mobile-regional-4 .info-box .desc-label {
        font-weight: 400;
        font-size: 3.733333vw; /* 14px转换，14 / 375 * 100 = 3.733333vw */
        color: #82878F;
        line-height: 6.933333vw; /* 26px转换，26 / 375 * 100 = 6.933333vw */
        text-indent: 2em;
    }

    .mobile-regional-4 .info-box .desc-label.no-indent {
        text-indent: 0;
    }

    .mobile-regional-4 .info-box .desc-label.mb {
        margin-bottom: 2.666667vw; /* 10px转换，10 / 375 * 100 = 2.666667vw */
    }

    .mobile-regional-4 .concat-qr-box .title {
        padding: 8vw 0 5.333333vw; /* 30px转换为8vw，20px转换为5.333333vw */
        text-align: center;
        font-weight: 500;
        font-size: 5.333333vw; /* 20px转换，20 / 375 * 100 = 5.333333vw */
        color: #1F1F1F;
        line-height: 6.133333vw; /* 23px转换，23 / 375 * 100 = 6.133333vw */
    }

    .mobile-regional-5 {
        width: 100%;
        height: 142.4vw; /* 534px 转换为 vw：534 / 375 * 100 = 142.4vw */
        background: url("../imgs/index-mobile/bg_4.png") no-repeat center / 100% 100%;
    }

    .mobile-regional-5 .title {
        font-weight: 500;
        font-size: 5.333333vw; /* 20px 转换为 vw：20 / 375 * 100 = 5.333333vw */
        color: #1F1F1F;
        line-height: 6.133333vw; /* 23px 转换为 vw：23 / 375 * 100 = 6.133333vw */
        margin-bottom: 2.666667vw; /* 10px 转换为 vw：10 / 375 * 100 = 2.666667vw */
        text-align: center;
        padding: 8vw 0 0; /* 30px 转换为 vw：30 / 375 * 100 = 8vw */
    }

    .mobile-regional-5 .desc {
        font-weight: 400;
        font-size: 3.2vw; /* 12px 转换为 vw：12 / 375 * 100 = 3.2vw */
        color: #B6BBC1;
        line-height: 7.466667vw; /* 28px 转换为 vw：28 / 375 * 100 = 7.466667vw */
        margin-bottom: 5.333333vw; /* 20px 转换为 vw：20 / 375 * 100 = 5.333333vw */
        text-align: center;
    }


    .four-box-swiper{
        height: calc(100% - 40vw); /* 155 / 375 */
    }

    .four-box-swiper .swiper-slide {
        text-align: center;
        font-size: 4.8vw; /* 18 / 375 */
        align-items: center;
        transition: 300ms;
        /*transform: scale(0.6);*/

        display: block;
        width: 77.866667vw; /* 292 / 375 */
        height: 88.8vw; /* 333 / 375 */
        padding: 0;
        margin-top: 4vw; /* 15 / 375 */
        overflow: hidden;
        background: #FFFFFF;
        border-radius: 3.2vw; /* 12 / 375 */
    }
    .three-box-swiper .swiper-slide-active,
    .three-box-swiper .swiper-slide-duplicate-active{
        transform: scale(1);
        height: 98vw; /* 363 / 375 */
        margin-top: 0;
    }

    .four-box-swiper .swiper-slide .top-c {
        width: 100%;
        height: 39.466667vw; /* 148 / 375 */
        background: #EBEFFF;
    }

    .four-box-swiper .swiper-slide-active .top-c,
    .four-box-swiper .swiper-slide-duplicate-active .top-c {
        height: 50.133333vw; /* 188 / 375 */
    }

    .four-box-swiper .swiper-slide .title-c {
        box-sizing: border-box;
        padding: 0 4.266667vw 1.333333vw; /* 16 / 375, 5 / 375 */
        font-weight: 400;
        font-size: 3.733333vw; /* 14 / 375 */
        color: #1F1F1F;
        line-height: 7.466667vw; /* 28 / 375 */
        text-align: left;
        margin-top: 16px;
        /*  css两行超出省略号  */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* 限制为两行 */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .four-box-swiper .swiper-slide .desc-label {
        font-weight: 400;
        font-size: 3.2vw; /* 12 / 375 */
        color: #6D7683;
        line-height: 5.866667vw; /* 22 / 375 */
        box-sizing: border-box;
        padding: 0 16px;
        text-align: left;
        /*  css两行超出省略号  */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; /* 限制为两行 */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .four-box-swiper .swiper-slide .time {
        box-sizing: border-box;
        padding: 0 4.266667vw; /* 16 / 375 */
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 3.2vw; /* 12 / 375 */
        color: #6D7683;
        margin-top: 10px;
    }

    .four-box-swiper .swiper-slide .time .time-icon {
        width: 3.2vw; /* 12 / 375 */
        height: 3.466667vw; /* 13 / 375 */
        margin-right: 1.333333vw; /* 5 / 375 */
    }

    .mobile-regional-5 .more {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .mobile-regional-5 .more .more-btn {
        font-weight: 400;
        font-size: 3.2vw; /* 12 / 375转换后为3.2vw */
        color: #6759FF;
    }

    .mobile-regional-5 .more .more-icon {
        width: 5.333333vw; /* 20 / 375转换后为5.333333vw */
        height: 3.466667vw; /* 13 / 375转换后为3.466667vw */
        margin-left: 1.866667vw; /* 7 / 375转换后为1.866667vw */
    }
}