@media screen and (min-width: 1280.1px) and (max-width: 1400px) {
    .solution .container .wrapper .tabs .tab-bar .item {
        flex: none;
    }
}

@media screen and (min-width: 768.1px) and (max-width: 1280px) {
    .solution .container .wrapper .tabs .tab-bar .item {
        flex: none;
        width: 2.5rem;
        font-size: .275rem;
    }
}

@media screen and (min-width: 768.1px) {
    .service .container .wrapper .banner .phone {
        display: none;
    }

    .solution .container .wrapper .tabs-phone {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .solution a {
        text-decoration: underline;
    }

    .solution .top-bg {
        height: 4.6133rem;
    }

    /* banner */
    .solution .container .wrapper .banner {
        height: calc(4.6133rem - .9375rem);
        justify-content: initial;
        transform: scale(1);
    }

    .solution .container .wrapper .banner .title {
        width: 100%;
        font-size: 0.6rem;
        margin-left: 0.6rem;
        height: calc(1.5125rem * 0.6);
        margin-top: 0.7rem;
    }

    .solution .container .wrapper .banner .desc {
        width: calc(16.0875rem * 0.6);
        margin-left: 0.3rem;
        font-size: .2667rem;
    }

    .solution .container .wrapper .banner .phone {
        width: calc(16.0875rem * 0.6);
    }

    .solution .container .wrapper .banner .contact-us-btn {
        margin-left: 0.2rem;
        margin-top: .2667rem;
    }

    /* tabs */
    .solution .container .wrapper .tabs {
        display: none;
    }

    /* tabs-phone */
    .solution .container .wrapper .tabs-phone {
        position: relative;
        margin-top: .1867rem;
        margin-bottom: 1.5rem;
    }

    .solution .container .wrapper .tabs-phone .header {
        position: relative;
        margin: 0 .44rem;
    }

    .solution .container .wrapper .tabs-phone .header .bg {
        position: absolute;
        width: 6.5125rem;
        height: 4.0625rem;
        left: 0;
        top: 0.8rem;
    }

    .solution .container .wrapper .tabs-phone .header .title-en {
        position: relative;
        display: flex;
        align-items: center;
    }

    .solution .container .wrapper .tabs-phone .header .title-en .line {
        width: .1867rem;
        height: .0267rem;
        margin-right: .0375rem;
        background: #EF8B2F;
        border-radius: .025rem;
    }

    .solution .container .wrapper .tabs-phone .header .title-en .text {
        font-family: "D-DIN-PRO-600-SemiBold";
        font-weight: 400;
        font-size: .2667rem;
        color: #EF8B2F;
    }

    .solution .container .wrapper .tabs-phone .header .title-zh {
        position: relative;
        font-family: "ChuangKeTieJinGangTi-2";
        font-weight: 400;
        font-size: .64rem;
        color: #FFFFFF;
    }

    .solution .container .wrapper .tabs-phone .swiper {
        width: 100%;
        height: 8.2rem;
        margin-top: .5467rem;
        /* background-color: rebeccapurple; */

        --swiper-navigation-size: .3467rem;
        --swiper-navigation-color: white;
        --swiper-navigation-top-offset: 30%;
        --swiper-navigation-sides-offset: .2267rem;
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-slide .map {
        position: relative;
        width: 8.6133rem;
        height: 5.2933rem;
        cursor: pointer;
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-slide .map .bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    
    .solution .container .wrapper .tabs-phone .swiper .swiper-slide .map .img {
        position: absolute;
        /* top: -0.0125rem;
        left: -.1375rem;
        width: 14.9rem; */
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-slide .desc {
        flex: 1;
        margin: .16rem .56rem 0 .56rem;
        font-weight: bold;
        font-size: .2667rem;
        color: #FFFFFF;
        text-align: left;
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-slide .name {
        font-family: "ChuangKeTieJinGangTi-2";
        font-weight: 400;
        font-size: .3867rem;
        color: #FFFFFF;
        opacity: 0.95;
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-slide .spacing {
        height: .64rem;
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-custom-button-next {
        
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-pagination-bullet {
        width: .16rem;
        height: .16rem;
        background: #FDF7D6;
        border-radius: 50%;
    }

    .solution .container .wrapper .tabs-phone .swiper .swiper-pagination-bullet-active {
        background: #FF8135;
    }
}