.layout-content {
}

.section {
    padding: 6vw 0;
}


header:not(.sticky) .site-logo .logo-white {
    display: inline;
}

header:not(.sticky) .site-logo .logo-black {
    display: none;
}

header:not(.sticky).site-header {
    background: rgba(255, 255, 255, 0);
}

header:not(.sticky) .navigation ul li a {
    color: #fff;
}

header:not(.sticky) .header-buttons .myb-btn.myb-btn-outline {
    border-color: #fff;
    color: #fff;
}

header:not(.sticky) .header-buttons .myb-btn.myb-btn-outline:hover {
    border-color: #00B665;
}

.solution-banner {
    position: relative;
    padding-top: 0;
    padding-bottom: 2vw;
}

.solution-banner-pc {
    display: inherit;
}

.solution-banner-m {
    display: none;
}

.solution-banner h1.heading {
    margin-top: 0em;
}

.solution-banner:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 14vw;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .05) 80%, rgba(0, 0, 0, 0) 100%);
}

.solution-banner:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 1vw;
    left: 0;
    right: 0;
    height: 14.270833333vw;
    background: url("../imgs/bg-hu.jpg") no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.solution-banner .subheading, .solution-banner .heading {
    text-align: left;
}

.solution-banner .subheading {
    color: #090230;
}

.solution-banner .heading {
    font-size: 2.81vw;
}

.solution-banner img {
    width: 100%;
}

.solution-banner-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    padding-bottom: 10vw;
}

.solution-summary p {
    color: #090230;
}

.solution-summary div.smile {
    width: 19.95vw;
    height: 19.95vw;
    background: url("../imgs/solution/smile.png") no-repeat;
    background-size: 100% 100%;
    float: right;
}

.solution-summary .text-important {
    color: #090230;
    font-weight: bold;
    font-size: 1.35vw;
    text-decoration-thickness: 4px;
}

.solution-description {
    position: relative;
    overflow: unset;
    padding-bottom: 13.4vw;
    height: 40.42vw;

}

.solution-description #parallax-item-10 {
    width: 1.5vw;
    height: 1.5vw;
    left: 80px;
    bottom: 20%;
    top: unset;
}

.solution-description h2.heading {
    color: #fff;
    padding-left: 5.94vw;
    text-align: left;
    background: url("../imgs/solution/hotel-icon.png") no-repeat left center;
    background-size: 3.59vw 4.84vw;
    margin-bottom: 20px;
}

.solution-description h2.heading-healthy {
    padding-left: 5.94vw;
    background: url("../imgs/solution/healthy-icon.png") no-repeat left center;
    background-size: 4.32vw 4.32vw;
}

.solution-description h2.heading-estate {
    padding-left: 5.94vw;
    background: url("../imgs/solution/healthy-icon.png") no-repeat left center;
    background-size: 4.32vw 4.32vw;
}

.solution-description h2.heading-education {
    padding-left: 5.94vw;
    background: url("../imgs/solution/education-icon.png") no-repeat left center;
    background-size: 4.27vw 4.48vw;
}


.solution-description h2.heading-government {
    padding-left: 5.94vw;
    background: url("../imgs/solution/government-icon.png") no-repeat left center;
    background-size: 3.39vw 4.32vw;
}


.solution-description h2.heading-property {
    padding-left: 5.94vw;
    background: url("../imgs/solution/property-icon.png") no-repeat left center;
    background-size: 4.32vw 4.32vw;
}

.solution-description h2.heading-internet {
    padding-left: 5.94vw;
    background: url("../imgs/solution/property-icon.png") no-repeat left center;
    background-size: 4.32vw 4.32vw;
}

.solution-description h2.heading-after-sales {
    padding-left: 5.94vw;
    background: url("../imgs/solution/property-icon.png") no-repeat left center;
    background-size: 4.32vw 4.32vw;
}

.solution-description p {
    color: #fff;
}


.solution-description a {
    margin-top: 40px !important;
}

.solution-description.solution-description-hotel {
    background: url("../imgs/solution/section-bg-hotel.svg") no-repeat, url("../assets/img/img-3.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-healthy {
    background: url("../imgs/solution/section-bg-healthy.svg") no-repeat, url("../assets/img/img-6.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-estate {
    background: url("../imgs/solution/section-bg-healthy.svg") no-repeat, url("../imgs/solution/estate-desc.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-education {
    background: url("../imgs/solution/section-bg-education.svg") no-repeat, url("../assets/img/img-5.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-property {
    background: url("../imgs/solution/section-bg-property.svg") no-repeat, url("../assets/img/img-9.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-after-sales {
    background: url("../imgs/solution/section-bg-property.svg") no-repeat, url("../imgs/solution/after-sales-desc.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-internet {
    background: url("../imgs/solution/section-bg-property.svg") no-repeat, url("../imgs/solution/it-desc.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-government {
    background: url("../imgs/solution/section-bg-government.svg") no-repeat, url("../imgs/solution/government-desc.png") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-food {
    background: url("../imgs/solution/section-bg-food.svg") no-repeat, url("../assets/img/img-2.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-retail {
    background: url("../imgs/solution/section-bg.svg") no-repeat, url("../assets/img/img-1.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-beauty {
    background: url("../imgs/solution/section-bg-beauty.svg") no-repeat, url("../assets/img/img-10.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-trip {
    background: url("../imgs/solution/section-bg-trip.svg") no-repeat, url("../assets/img/img-4.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description.solution-description-fitness {
    background: url("../imgs/solution/section-bg-fitness.svg") no-repeat, url("../assets/img/img-11.jpg") no-repeat right center;
    background-size: 100% 100%, auto 100%;
}

.solution-description .solution-description-steps {
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: -10vw;
    z-index: 1;
    justify-content: space-between;
}

.solution-description .solution-description-steps .wrapper {
    /*margin-left: -1.5vw;*/
    /*margin-right: -2vw;*/
    width: calc(100% - 325px);
}

.solution-description .step-item {
    width: 100%;
    height: 18.75vw;
    padding: 3.2vw 4.2vw;
    z-index: 1;
}

.solution-description .step-item p {
    color: #DEDDE0;
}

.solution-description .step-item h2 {
    color: #090230;
    font-size: 1.2em;
}

.solution-description .step-item.step-item-1 {
    background: url("../imgs/solution/1.png") no-repeat;
    background-size: 100% 100%;
}

.solution-description .step-item.step-item-1.step-item-1-beauty {
    background: url("../imgs/solution/1-1.png") no-repeat;
    background-size: 100% 100%;
}

.solution-description .step-item.step-item-2 {
    background: url("../imgs/solution/2.png") no-repeat;
    background-size: 100% 100%;
}

.solution-description .step-item.step-item-3 {
    background: url("../imgs/solution/3.png") no-repeat;
    background-size: 100% 100%;
}

.solution-template {
    background: #F7F9FF;
    padding-top: 12vw;
}

.solution-template .title h1 {
    font-size: 1.56vw;
}

.solution-template h1 {
    font-size: 2.4vw;
    text-align: center;
}

.solution-template .project-card {
    width: 80%;
    margin: 4vw auto 0;
    color: #090230;
    border-radius: 1vw;
    box-shadow: 0rem 0rem 2rem 0rem rgba(49, 47, 84, 0.05);
    padding: 3.2vw 4.5vw;
    background: #fff;
    position: relative;
    z-index: 1;
}

.solution-template .project-card .title {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 1.5vw;
    margin-bottom: 2vw;
}

.solution-template .project-card .question {
    margin-bottom: 30px;
    font-size: 14px;
}

.solution-template .project-card .question .body {
    height: 200px;
    overflow: hidden;
}

.solution-template .project-card .question.question-more {
    display: none;
}

.solution-template .project-card.prevent-more .question.question-more {
    display: block;
}

.solution-template .project-card.prevent-more #questionMore {
    display: none;
}


.solution-template .project-card .question .question-option {
    padding-left: 1.5em;
    margin-top: 10px;
}

.solution-template .project-card .question .question-option .question-title {
    margin-top: 20px;
}

.solution-template .project-card .question .question-option .question-option {
    padding-left: 0em;
}


.solution-template .project-card .question ul.question-option {
    padding-left: 1.5em;
}

.solution-template .project-card .question ul.question-option li {
    list-style: none;
    line-height: 32px;
}

.solution-template .project-card .question ul.question-option li .iconfont {
    color: #7F7F92;
    font-size: 18px;
}

.solution-template .project-card .question .question-option .iconfont {
    color: #e9edf8;
    font-size: 24px;
}

.solution-template .project-card .question .question-option .iconfont.iconwujiaoxing {
    margin-right: 30px;
}

.solution-template .solution-template-block-1, .solution-template .solution-template-block-2 {
    position: absolute;
    z-index: 0;
}

.solution-template .solution-template-block-1 {
    top: 12vw;
    width: 20.94vw;
    height: 20.63vw;
    background: url("../imgs/product/section-w-block-1.png") no-repeat;
    background-size: 100% 100%;
}

.solution-template .solution-template-block-2 {
    width: 20.1vw;
    height: 18.91vw;
    background: url("../imgs/product/section-w-block-2.png") no-repeat;
    background-size: 100% 100%;
    right: 0;
    bottom: 2vw;
}

.solution-ending div.bg {
    float: right;
    width: 43.5vw;
    height: 29.17vw;
    background: url("../imgs/solution/chart-phone.png") no-repeat;
    background-size: cover;
}

.solution-ending #parallax-item-4 {
    left: 120px;
    top: 120px;
}

.solution-ending #parallax-item-8 {
    left: 50%;
    bottom: 10vw;
    top: unset;
    background-image: url("../imgs/product/badge-yellow-1.png");
}

@media (max-width: 900px) {
    .col-6, .col-7 {
        padding: 0;
    }

    .solution-banner:before {
        height: 100px;
    }

    .solution-banner-wrapper {
        padding-top: 20vw;
    }

    .section.solution-banner .subheading {
        font-size: 3.73vw;
        margin-bottom: 3vw;
    }

    .section.solution-banner .heading {
        font-size: 6.13vw;
    }

    .section.solution-banner a.myb-btn {
        margin-top: 10.53vw;
        font-size: 2.93vw;
    }

    .section.solution-summary {
        padding-bottom: 17vw;
    }

    .section.solution-summary .heading {
        font-size: 6.13vw;
    }

    .section.solution-summary div.grid p {
        max-width: 50.07vw;
        font-size: 3.2vw;
        line-height: 5.4vw;
        margin-bottom: 0;
    }

    .section.solution-summary div.grid p:first-of-type {
        max-width: 100%;
    }

    .section.solution-summary div.smile {
        position: absolute;
        right: 15px;
        top: -24vw;
        width: 24.27vw;
        height: 24.27vw;
    }

    .solution-summary .text-important {
        font-size: 3.47vw;
    }

    .solution-description {
        height: 158.13vw;
        padding-top: 17vw;
    }

    .solution-description .heading {
        font-size: 5.7vw;
        margin-top: 0;
        margin-bottom: 6.53vw;
    }

    .solution-description h2.heading {
        padding-left: 0;
        background-position-x: 45vw;
        background-position-y: 1vw;
        background-size: 5.87vw 7.86vw;
    }

    .solution-description p {
        font-size: 3.2vw;
    }

    .solution-description p:last-of-type {
        margin-bottom: 0;
    }

    .solution-description a {
        margin-top: 6.27vw !important;
    }

    .solution-description #parallax-item-17 {
        top: 42%;
        left: 85%;
    }

    .solution-description .step-item {
        width: 61.31vw;
        height: 40.32vw;
        padding: 7.2vw;
    }

    .solution-description .step-item h2 {
        margin-top: 0;
        margin-bottom: 3.2vw;
        font-size: 3.73vw;
    }

    .solution-description .step-item p {
        font-size: 2.67vw;
    }

    .solution-description .solution-description-steps {
        width: 100%;
        overflow-x: auto;
        padding: 0 25px;
        margin-bottom: -22vw;
    }

    .solution-description .solution-description-steps .wrapper {
        width: auto;
    }

    .solution-description h2.heading-property {
        background-size: 5.87vw 5.87vw;
        background-position-x: 70vw;
    }

    .solution-description h2.heading-internet {
        background-size: 5.87vw 5.87vw;
        background-position-x: 70vw;
        background-position-y: 16vw;
    }

    .solution-description h2.heading-after-sales {
        background-size: 5.87vw 5.87vw;
        background-position-x: 81vw;
    }

    .solution-description.solution-description-food h2.heading-property {
        background-position-x: 75vw;
        background-position-y: 10vw;
    }

    .solution-description h2.heading-healthy {
        background-size: 5.87vw 5.87vw;
        background-position-x: 79vw;
        background-position-y: 2vw;
    }

    .solution-description h2.heading-estate {
        background-size: 5.87vw 5.87vw;
        background-position-x: 79vw;
        background-position-y: 16vw;
    }

    .solution-description h2.heading-education {
        background-size: 5.87vw 6.3vw;
        background-position-x: 52vw;
    }

    .solution-description h2.heading-government {
        background-size: 5.87vw 6.3vw;
        background-position-x: 63vw;
    }

    .solution-description h2.heading-beauty {
        background-position-y: 18vw;
        background-position-x: 10vw;
    }

    .solution-description h2.heading-fitness {
        background-position-y: 10vw;
        background-position-x: 10vw;
    }

    .solution-description.solution-description-hotel {
        height: 164vw;
        background: url("../imgs/solution/section-bg-hotel-m.svg") no-repeat left bottom, url("../assets/img/img-3.jpg") no-repeat right bottom, #2972ff;
        background-size: 100% auto, auto 60%;
    }

    .solution-description.solution-description-healthy {
        height: 164vw;
        background: url("../imgs/solution/section-bg-healthy-m.svg") no-repeat left bottom -8vw, url("../assets/img/img-6.jpg") no-repeat right bottom, #47C8A2;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-estate {
        height: 164vw;
        background: url("../imgs/solution/section-bg-healthy-m.svg") no-repeat left bottom -8vw, url("../imgs/solution/estate-desc.jpg") no-repeat right bottom, #47C8A2;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-education {
        background: url("../imgs/solution/section-bg-education-m.svg") no-repeat, url("../assets/img/img-5.jpg") no-repeat right bottom, #718FFC;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-property {
        background: url("../imgs/solution/section-bg-property-m.svg") no-repeat left bottom -3vw, url("../assets/img/img-9.jpg") no-repeat right bottom, #4EB2FF;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-after-sales {
        background: url("../imgs/solution/section-bg-property-m.svg") no-repeat left bottom -3vw, url("../imgs/solution/after-sales-desc.jpg") no-repeat right bottom, #4EB2FF;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-internet {
        background: url("../imgs/solution/section-bg-property-m.svg") no-repeat left bottom -3vw, url("../imgs/solution/it-desc.jpg") no-repeat right bottom, #4EB2FF;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-government {
        height: 164vw;
        background: url("../imgs/solution/section-bg-government-m.svg") no-repeat left bottom -3vw, url("../imgs/solution/government-desc.png") no-repeat right bottom, #bf884f;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-food {
        background: url("../imgs/solution/section-bg-food-m.svg") no-repeat, url("../assets/img/img-2.jpg") no-repeat right bottom, #2972ff;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-retail {
        height: 158vw;
        background: url("../imgs/solution/section-bg-m.svg") no-repeat center bottom, url("../assets/img/img-1.jpg") no-repeat right bottom, #48c7a2;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-beauty {
        background: url("../imgs/solution/section-bg-beauty-m.svg") no-repeat, url("../assets/img/img-10.jpg") no-repeat right bottom, #F9BFCA;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-trip {
        background: url("../imgs/solution/section-bg-trip-m.svg") no-repeat, url("../assets/img/img-4.jpg") no-repeat right bottom, #47C8A2;
        background-size: 100% 100%, auto 60%;
    }

    .solution-description.solution-description-fitness {
        height: 164vw;
        background: url("../imgs/solution/section-bg-fitness-m.svg") no-repeat left bottom -3vw, url("../assets/img/img-11.jpg") no-repeat right bottom, #5074F1;
        background-size: 100% 100%, auto 60%;
    }


    .solution-template {
        padding-top: 37.53vw;
        padding-bottom: 18.27vw;
    }

    .solution-template h1 {
        font-size: 6.13vw;
        margin: 0;
    }

    .solution-template .project-card {
        border-radius: 3vw;
        width: 100%;
        margin-top: 12.93vw;
        padding: 8.53vw 6.8vw;
    }

    .solution-template .project-card h2 {
        font-size: 5.07vw;
        margin-top: 0;
        margin-bottom: 4.8vw;
    }

    .solution-template .project-card .project-welcome {
        font-size: 3.2vw;
        opacity: 0.5;
        margin-bottom: 6.8vw;
    }

    .solution-template .project-card .myb-btn.myb-btn-s {
        padding: 3.47vw 6.93vw;
        font-size: 2.93vw;
        margin-bottom: 7.73vw;
    }

    .solution-template .project-card .title {
        margin-bottom: 5.47vw;
    }

    .solution-template .project-card .question {
        font-size: 2.93vw;
        opacity: 0.8;
        margin-bottom: 2.67vw;
    }

    .solution-template .project-card .question .question-option .iconfont {
        font-size: 3.73vw;
    }

    .solution-template .project-card .question .question-option .iconfont.iconwujiaoxing {
        margin-right: 1.87vw;
    }

    .solution-template .project-card .question .question-option {
        margin-top: 2.67vw;
    }

    .solution-template .solution-template-block-1 {
        width: 49.81vw;
        height: 49.81vw;
        left: -10vw;
        top: 18vw;
    }

    .solution-template .solution-template-block-2 {
        width: 48vw;
        height: 48.4vw;
        bottom: -12vw;
        right: -10vw;
    }

    #questionMore {
        padding: 3.17vw 6.8vw;
        font-size: 2.93vw;
    }

    .solution-ending {
        padding-top: 18.27vw;
        padding-bottom: 17vw;
    }

    .solution-ending #parallax-item-4 {
        width: 5.33vw;
        height: 5.33vw;
        right: 16.93vw;
        left: unset;
        top: 20.5vw;
    }

    .solution-ending h1 {
        font-size: 6.13vw;
        padding-left: 25px;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 9.3vw;
    }

    .solution-ending div.bg {
        width: 92.2vw;
        height: 78.48vw;
        margin-top: 12vw;
    }

    .solution-ending #parallax-item-8 {
        width: 2.93vw;
        height: 2.93vw;
        top: 50vw;
        bottom: unset;
        left: 90vw;
    }
}