body {
    background-color: #fff;
}

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

.cooperation-container {
    clear: both;

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

.cooperation-container-banner {
    display: block;

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

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

.breadcrumb {
    padding-left: 0;

    background-color: transparent;
}

.breadcrumb li a {
    color: #fff;
}

.breadcrumb>li+li:before {
    padding: 0 5px;

    content: '>\00a0';
    ;

    color: #fff;
}

.cooperation-container .cooperation-container-body {
    /*width: 80%;*/
    margin-left: auto;
    margin-right: auto;

}

.cooperation-container .cooperation-container-body .cooperation-container-body-introduce {
    /*width: 80%;*/
    height: auto;
    padding: 0 10%;
    margin: 4rem auto;
    display: block;
}

.cooperation-container-body-introduce .cooperation-container-body-introduce-left {
    float: left;
    width: 45%;
    margin: 0;
    
}

.cooperation-container-body-introduce .cooperation-container-body-introduce-left h2{
    padding-left: 2rem;
    border-left: 3px solid red;
}

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

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

.cooperation-container .cooperation-container-body .cooperation-container-body-introduce-left p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #3c3c3c;
}

.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%;
}

.cooperation-container-body-context {
    display: block;
    clear: both;
    padding-top: 4rem;

}

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

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