body {
    background-color: #fff;
}

.header .navbar {
    background-color: #fff;
}

.solution-container {
    clear: both;

    width: 100%;
    margin: 0;
    padding: 0;
}

.solution-container-banner {
    display: block;

    height: auto;
    margin-top: 8.4rem;
}

.solution-container-body-breadcrumb {
    margin: 3rem 0;
}

.breadcrumb {
    padding-left: 0;

    background-color: transparent;
}

.breadcrumb li a {
    color: #fff;
}

.solution-container .solution-container-body {
    width: 75%;
    min-width: 1024px;
    margin: 0 auto;
}

.solution-container .solution-container-body .solution-container-body-introduce {
    color: #fff;
}

.solution-container-body-introduce .solution-container-body-introduce-left {
    float: left;

    width: 45%;
    margin: 0;
}

.solution-container .solution-container-body .solution-container-body-introduce-right {
    float: left;

    width: 55%;
    margin: 0;
    padding: 4rem 2rem 4rem 4rem;
}

.solution-container .solution-container-body .solution-container-body-introduce-right p {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.thumbnail-container {
    display: flex;

    margin-top: 1rem;
}

.thumbnail-img {
    display: inline-flex;

    width: 30%;
}

.preview-img,
.thumbnail-img {
    cursor: pointer;
}

.thumbnail-img.middle {
    margin: 0 5%;
}

.solution-container-body-context {
    display: block;
    clear: both;

    padding-bottom: 10rem;
}

.solution-container .solution-container-body-context img {
    width: 100%;
}

.solution-container-body-introduce-right ul li {
    color: #fff;
}

.solution-list {
    width: 90%;
    margin: 0 auto;
}

.solution-list .row {
    padding: 4rem 0;
}

.solution-list-row-border{
    border-top: 2px solid #dcdcdc;
}

.solution-list .row .module-text-block {
    padding: 4rem 0;
}

.solution-list .row .module-text-block h2 {
    font-weight: bolder;
}

.solution-list .row .module-text-block p {
    line-height: 2.6rem;
    font-size: 2rem;
    color: #3c3c3c;
}

@media (min-width: 768px) {
    .solution-list {
        width: 85%;
        margin: 0 auto;
    }
}


@media (min-width: 992px) {
    .solution-list {
        width: 95%
    }
}


@media (min-width: 1200px) {
    .solution-list {
        width: 70%
    }
    .module-image-icon{
        float: right;
    }
}