.retailers-banner {
    background: url("https://ec3s.oss-cn-beijing.aliyuncs.com/images/retailers/banner.jpg");
    width: 100%;
    height: 33.85vw;
    background-size: cover;
    background-position: center;
}
.banner-title {
    padding-top: 14vw;
    font-weight: 300;
}
.retailers-container {
    background-color: #f8f8f8;
    padding-bottom: 4vw;
}
.about-title {
    padding-top: 3.95vw;
}
.retailers-sub-title {
    font-size: 1.04vw;
    text-align: center;
    margin-top: 3vw;
    line-height: 1.8vw;
    margin-bottom: 3.9vw;
}
.retailers-sub-title span {
    color: #014e93;
    font-weight: 500;
}
.retailers-container img {
    margin: 0 auto;
}
.can-service-container {
    background: url("../images/retailers/service-bg.jpg");
    height: 63.5vw;
    width: 100%;
    background-size: cover;
}
.can-service-container .margin-bottom, .case-container .margin-bottom {
    margin-bottom: 3.95vw;
}
.color-white:after {
    background-color: #fff;
}
.advantage-container {
    padding-bottom: 4vw;
}
.advantage-content {
    margin-top: 6.25vw;
    display: flex;
}
.advantage-img {
    width: 44.27vw;
}
.advantage-img img {
    width: 44.27vw !important;
}
.advantage-item {
    margin-left: 2vw;
    padding-right: 9vw;
}
.advantage-item li {
    list-style: none;
}
.advantage-item li:not(:last-child) {
    margin-bottom: 4vw;
}
.advantage-item p {
    font-size: 1.04vw;
}
.advantage-item-title {
    font-weight: bold;
}
.case-container {
    background-color: #f8f8f8;
    padding: 0 6vw 3vw 6vw;
}
.case-container .carousel {
    margin-top: 4.4vw;
}
.case-container .carousel-control {
    background: none;
    top: 6.28vw;
}
.case-container .carousel-control.left {
    left: 4vw;
}
.case-container .carousel-control.right {
    left: 80vw;
}
.case-container .carousel-inner {
    margin: 0 auto;
    width: 67.1vw;
}
.case-content {
    float: left;
    width: 33%;
}
.case-item, .case-item img {
    width: 20.4vw;
}
.case-item  {
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    padding: 0;
}
.case-item-des {
    font-size: 1.04vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    text-align: center;
}

.service-img-content {
    overflow: hidden;
    width: 18.64vw;
    height: 13.54vw;
}
.service-img-content .service-img {
    transition: all 0.6s;
}
.service-img-content .service-img:hover {
    transform: scale(1.3);
}

@media screen and (min-width:1921px) {
    .service-img-content {
        overflow: hidden;
        width: 358px;
        height: 260px;
    }
    .retailers-banner {
        background: url("https://ec3s.oss-cn-beijing.aliyuncs.com/images/retailers/banner.jpg");
        width: 100%;
        height: 650px;
        position: relative;
        background-size: cover;
        background-position: center;
    }
    .banner-title {
        padding-top: 270px;
    }
    .retailers-container {
        background-color: #f8f8f8;
        padding-bottom: 40px;
    }
    .about-title {
        padding-top: 75px;
    }
    .retailers-sub-title {
        font-size: 20px;
        text-align: center;
        margin-top: 60px;
        line-height: 35px;
        margin-bottom: 75px;
    }
    .retailers-sub-title span {
        color: #014e93;
        font-weight: 500;
    }
    .retailers-container img {
        margin: 0 auto;
    }
    .can-service-container {
        background: url("../images/retailers/service-bg.jpg");
        height: 1200px;
        width: 100%;
        background-size: cover;
        background-position: center;
    }
    .can-service-container .margin-bottom, .case-container .margin-bottom {
        margin-bottom: 75px;
    }
    .color-white:after {
        background-color: #fff;
    }
    .advantage-container {
        padding-bottom: 50px;
    }
    .advantage-content {
        margin-top: 75px;
        display: flex;
    }
    .advantage-img {
        width: 850px;
    }
    .advantage-img img {
        width: 850px !important;
    }
    .advantage-item {
        margin-left: 38px;
        padding-right: 172px;
    }
    .advantage-item li {
        list-style: none;
    }
    .advantage-item li:not(:last-child) {
        margin-bottom: 76px;
    }
    .advantage-item p {
        font-size: 20px;
    }
    .advantage-item-title {
        font-weight: bold;
    }
    .case-container {
        background-color: #f8f8f8;
        padding: 0 115px 57px 115px;
    }
    .case-container .carousel {
        margin-top: 85px;
    }
    .case-container .carousel-control {
        background: none;
        top: 120px;
    }
    .case-container .carousel-control.left {
        left: 18%;
    }
    .case-container .carousel-control.right {
        left: 79%;
    }
    .case-container .carousel-inner {
        margin: 0 auto;
        width: 1286px;
    }
    .case-content {
        float: left;
        width: 33%;
    }
    .case-item, .case-item img {
        width: 390px;
    }
    .case-item  {
        position: relative;
        background-color: #fff;
        margin: 0 auto;
        padding: 0;
    }
    .case-item-des {
        font-size: 20px;
        padding-top: 18px;
        padding-bottom: 18px;
        text-align: center;
    }
}
@media screen and (max-width:750px) {
    .carousel-control img {
        width: 3vw;
    }
    .retailers-container {
        padding-top: 7%;
        padding-bottom: 7%;
    }
    .retailers-sub-title {
        font-size: 12px !important;
        line-height: 22px;
    }
    .can-service-container {
        height: auto;
        padding: 5% 0;

    }
    .can-service-container .container {
        width: 100%;
    }
    .service-img-content {
        width: 100%;
        height: auto;
        position: relative;
        overflow: unset;
    }
    .can-service-container .service-item .service-logo-img {
        top: 90%;
        width: 25px;
        height: 25px;
    }
    .can-service-title {
        padding-top: 5%;
    }
    .can-service-des {
        padding-bottom: 5%;
    }
    .advantage-container {
        padding: 7% 0;
    }
    .advantage-content {
        display: block;
    }
    .advantage-content .advantage-img, .advantage-content .advantage-img img {
        width: 100% !important;
    }
    .advantage-item {
        margin-left: 0;
        padding-right: 0;
    }
    .advantage-item ul {
        padding: 0;
    }
    .advantage-item li {
        padding-top: 5%;
    }
    .advantage-item p {
        font-size: 12px !important;
    }
    .case-item-des {
        font-size: 12px !important;
    }
    .can-service-container .service-item {
        height: 200px;
    }
}