@media screen and (max-width: 1500px) {
    .index-page .solution-container .top-content {
        /* margin-right: 6%; */
    }
}

@media screen and (max-width: 1300px) {
    .index-page .solution-container .top-content {
        flex-wrap: wrap;
        /* margin-right: 1%; */
    }

    .inside-main {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media screen and (max-width: 1180px) {
    .index-page .solution-container .top-content {
        flex-direction: column;
    }
}


@media screen and (max-width: 1000px) {
    .index-page .solution-container {
        width: 100%;
        margin-left: 0;
    }

    .index-page .about-main {
        width: 80%;
    }
}

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

    .mobile-client {
        display: block;
    }

    .header-container {
        padding: 20px 15px;
    }

    .header-container .right-content .search,
    .header-container .right-content .lang {
        display: none;
    }

    .header-container .right-content .menu {
        width: 40px;
        height: 40px;
    }

    .header-container .logo {
        height: 40px;
    }

    .header-container .logo a {
        height: 100%;
    }

    .header-container .logo img {
        height: 100%;
    }

    .menu-container .menu-content .b-title {
        padding: 20px 0;
    }

    .menu-container .menu-content .second-floor {
        margin-top: 20px;
    }

    .menu-container .menu-content .second-floor a {
        font-size: 14px;
    }

    .menu-container .menu-content .second-floor li {
        margin-bottom: 15px;
    }

    .index-page .solution-container {
        display: flex;
        flex-direction: column;
        height: calc(100% - 80px);
    }

    .index-page .solution-container .top-content {
        margin-right: 0;
        align-items: center;
    }

    .index-page .solution-container .right-nav {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: 5px;
        margin-top: 10px;
    }

    .index-page .solution-container .top-content .title {
        text-align: center;
    }

    .index-page .solution-container .right-nav li {
        padding: 5px 0;
        padding-left: 10px;
        margin-right: 10px;
        margin-left: 0;
        font-size: 14px;
    }

    .index-page .solution-container .right-nav li::after {
        left: 0;
        bottom: auto;
        top: 50%;
        transform: translate(-150%, -50%);
    }

    .index-page .solution-container .right-nav li.active::after {
        transform: translate(0, -50%);
    }

    .index-page .solution-main {
        flex: 1;
        overflow-y: auto;
        margin-left: 0;
    }

    .index-page .solution-main .solution-item {
        width: 95%;
        height: auto;
        left: 50%;
        flex-direction: column;
    }

    .index-page .solution-main .solution-item.active.put-down {
        transform: translateX(-50%) scale(1);
    }

    .index-page .solution-main .solution-item.active {
        transform: translateX(-50%) scale(.8);
    }

    .index-page .solution-main .pic {
        width: 100%;
        height: 200px;
    }

    .index-page .solution-main .content {
        flex: 1;
        width: 100%;
        padding-top: 20px;
        margin-bottom: 30px;
    }

    .index-page .solution-main .content .text {
        margin-top: 15px;
    }

    .index-page .solution-main .content .common-btn {
        margin-top: 30px;
    }

    .index-page .channel-container {
        height: calc(100% - 80px);
        overflow: auto;
    }

    .index-page .channel-main {
        flex-direction: column;
        height: auto;
        padding: 0 5%;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .index-page .channel-main .content {
        font-size: 14px;
    }

    .index-page .channel-main .left-content {
        padding-right: 0;
        padding-bottom: 40px;
        border-right: none;
        border-bottom: 1px solid #ebebeb;
    }

    .index-page .channel-main .right-content {
        padding-left: 0;
    }

    .index-page .channel-main .common-btn {
        margin-top: 20px;
    }

    .index-page .about-container .text {
        font-size: 14px;
    }

    .index-page .about-container .data-content {
        flex-wrap: wrap;
        width: 80%;
        align-items: normal;
    }

    .index-page .about-container .data-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 48%;
    }

    .index-page .about-container .data-num {
        font-size: 25px;
    }

    .index-form-masking .form-main {
        width: 95%;
    }

    .form-index .form-content .input-item {
        width: 100%;
    }

    .form-index .form-content .input-item .name {
        font-size: 14px;
    }

    .sub-btn {
        padding: 15px 45px;
        font-size: 14px;
    }

    .index-page .swiper-slide.about .index-footer {
        flex-direction: column;
        padding: 0 10%;
        font-size: 12px;
    }

    .index-page .about-container {
        margin-top: 80px;
    }

    .index-page .about-main .video-btn {
        margin-bottom: 10px;
    }

    .index-page .swiper-slide.about .index-footer .right a {
        margin-left: 0;
        font-size: 12px;
    }

    .page-banner {
        height: 350px;
    }

    .page-banner .inside-main .s-title {
        margin-top: 30px;
    }

    .page-banner .inside-main .b-title {
        font-size: 30px;
    }

    .page-banner .top-nav a {
        height: auto;
        padding: 10px 0;
        line-height: normal;
        font-size: 12px;
    }

    .where-we-are {
        margin-top: calc(150px / 2 + 2vw);
    }

    .inside-main {
        padding-left: 5%;
        padding-right: 5%;
    }

    .common-title {
        font-size: 20px;
    }

    .footprint-content .footprint-swiper {
        width: 100%;
    }

    .footprint-content .top-content {
        font-size: 14px;
    }

    .know-container .top-content {
        flex-direction: column;
    }

    .know-container .top-content .left-content,
    .know-container .top-content .content {
        width: 100%;
    }

    .know-container .top-content .content {
        margin-top: 20px;
    }

    .common-b-title {
        font-size: 22px;
    }

    .common-s-title {
        font-size: 16px;
    }

    .common-m-title {
        font-size: 20px;
    }

    .know-container {
        padding-bottom: 80px;
    }

    .know-container .text {
        font-size: 14px;
    }

    .know-container .top-content .left-content .left-pic {
        display: none;
    }

    .know-container .pic {
        height: 150px;
    }

    .know-container .pic img {
        width: 100%;
        height: auto;
        min-height: 100%;
    }

    .our-value {
        padding-top: 70px;
    }

    .our-value .content-list {
        flex-wrap: wrap;
    }

    .our-value .content-list .content-item {
        width: 48%;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .our-value .content-list .content-item:nth-child(3n + 2) {
        margin: 0;
    }

    .our-value .content-list .content-item:not(:nth-child(1)),
    .our-value .content-list .content-item:not(:nth-child(2)) {
        margin-top: 10px;
    }

    .our-value .content-list .content-item .title {
        margin-top: 40px;
        font-size: 18px;
    }

    .solution-list .solution-item {
        flex-direction: column-reverse;
    }

    .solution-list .solution-item:nth-child(even) {
        flex-direction: column-reverse;
    }

    .solution-list .solution-item .left-content,
    .solution-list .solution-item .right-pic {
        width: 100%;
    }

    .solution-list .solution-item .left-content {
        padding: 20px 15px;
    }

    .solution-list .solution-item .left-content .text {
        font-size: 14px;
    }

    .solution-list .solution-item ul li {
        padding-left: 15px;
        font-size: 14px;
    }

    .solution-list .solution-item ul li::before {
        top: 6px;
    }

    .solution-list .solution-item .left-content .common-btn {
        margin-top: 20px;
    }

    .footer-container {
        flex-direction: column;
    }

    .footer-container .right a {
        margin-left: 0;
    }

    .detail-main {
        padding-left: 5%;
        padding-right: 5%;
    }

    .detail-main .content {
        font-size: 14px;
    }

    .is-expert {
        flex-direction: column-reverse;
    }

    .is-expert .left-content,
    .is-expert .right-pic {
        width: 100%;
    }

    .is-expert .left-content .common-m-title {
        margin-top: 10px;
    }

    .is-expert .left-content .content {
        margin-top: 10px;
        font-size: 14px;
    }

    .plain-btn {
        margin-top: 20px;
    }

    .plain-btn a {
        font-size: 14px;
    }

    .map-container {
        flex-direction: column;
    }

    .map-container .left-content,
    .map-container .right-map {
        width: 100%;
    }

    .map-container .left-content .text-content {
        margin-top: 20px;
    }

    .map-container .left-content .text-content .text {
        font-size: 14px;
    }

    .map-container .right-map {
        height: 300px;
        margin-top: 20px;
    }

    .office-swiper {
        height: 200px;
    }

    .office-container .common-m-title {
        margin-bottom: 20px;
    }

    .form-index .title {
        font-size: 20px;
    }

    .our-value .content-list .content-item .pic {
        width: 120px;
        height: 120px;
    }

    .office-swiper .office-button-next {
        right: 10%;
    }

    .office-swiper .office-button-prev {
        left: 10%;
    }

    .detail-main .content ul {
        margin-left: 23px;
    }
}