.customer-case-banner-box {
    height: 386px;
    line-height: 386px;
    text-align: center;
    color: #fff;
    font-size: 48px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #212223;
    background-image: url('../images/customer-case/banner.png?v=20190806');
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    font-weight: normal;
}

.customer-case-banner-box h3 {
    font-weight: normal;
}

.partner-box {
    background: #fff;
}









.customer-case-box {
    padding-bottom: 118px;
    background: #f8f8f8;
}
.customer-case-box  .ddp-comm{
    position: relative;
}

.customer-case-box .swiper-button-prev, .customer-case-box .swiper-container-rtl .swiper-button-next{
    left: 45px;
}
.customer-case-box .swiper-button-next, .customer-case-box .swiper-container-rtl .swiper-button-prev{
    right: 35px;
}
.customer-case-box .customer-case {
    width: 998px;
    margin: 50px auto 0 auto;
    background: #fff;
    height: 400px;
    overflow: hidden;
}

.customer-case-box .swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 55px 38px 28px 44px;
}

.customer-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.customer-item .imgs {
    width: 392px;
    height: 292px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-right: 50px;
}

.customer-item .imgs .img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative;
}

.customer-item .imgs .img img {
    display: block;
    width: 100%;
    height: 100%;
}
.customer-item .imgs .img span{
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 80px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #fff;
    background: #999;
    border-radius: 10px;
    overflow: hidden;
    white-space: nowrap;
}
.customer-item .imgs .img span.after{
    background: #0080ff;
}
.customer-item .info-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.customer-item .info-box h4 {
    font-size: 30px;
    color: #0080ff;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.customer-item .info-box .label {
    font-size: 18px;
    color: #999;
    margin-top: 16px;
    white-space: nowrap;
    overflow: hidden;
}

.customer-item .info-box .label span {
    margin-right: 35px;
    vertical-align: middle;
}

.customer-item .info-box .label span:nth-last-child(1) {
    margin-right: 0;
}

.customer-item .info-box .label img {
    margin-right: 10px;
    vertical-align: middle;
}

.customer-item .info-box .ny {
    height: 164px;
    padding: 50px 38px 38px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 25px;

    background-image: url('../images/customer-case/marks_left.png?v=20190806'), url('../images/customer-case/marks_right.png?v=20190806');
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
}

.customer-item .info-box .ny p {
    font-size: 16px;
    color: #333;
    line-height: 27px;
    font-weight: normal;
    height: 81px;
    display: block;
    overflow: hidden;
}

.customer-item .info-box .ny p::-webkit-scrollbar {
    width: 0;
}

.customer-item .info-box .name {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    margin-top: 24px;
    text-align: right;

}

.customer-item .info-box .name span {
    margin-right: 18px;
}

.customer-item .info-box .name span:nth-last-child(1) {
    margin-right: 0;
}