li{
    list-style: none;
}
.my-Container{
    margin-top: 30px;
    margin-bottom: 80px;
}
.service-supportImg {
    height: 500px;
    background: url("../img/1920x1080/top-bg-case.jpg") no-repeat center center;
}
.carousel-centered {
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    text-align: center;
}
.carousel-inner-p {
    margin: 0;
    text-align: center;
    font-size: 32px;
}
.casesbox{
    background-color: #f2f2f2;
    width: 100%;
    height: 100px;
}
.cases{
    max-width: 1200px;
    height: 100px;
    margin: 0 auto;
    line-height: 100px;
    display: flex;
    justify-content: space-between;
}
.case-item{
    /*width: 240px;*/
    flex: 1;
    text-align: center;
}
.case-itemline{
    border-right: 1px dotted #e0e0e0;
}
.case-item-icon{
    display: inline-block;
    vertical-align: -10px;
    width: 38px;
    height: 38px;
    margin-right: 16px;
}
.case-item-icon1{
    background-image: url("../img/clients/caseIcon/case-icon1-1.png");
}
.case-item-icon2{
    background-image: url("../img/clients/caseIcon/case-icon2-1.png");
}
.case-item-icon3{
    background-image: url("../img/clients/caseIcon/case-icon3-1.png");
}
.case-item-icon4{
    background-image: url("../img/clients/caseIcon/case-icon4-1.png");
}
.case-item-icon5{
    background-image: url("../img/clients/caseIcon/case-icon5-1.png");
}
.case-item-icon6{
    background-image: url("../img/clients/caseIcon/case-icon6-1.png");
}
.case-item-icon7{
    background-image: url("../img/clients/caseIcon/case-icon7-1.png");
}
.case-item-icon11{
    background-image: url("../img/clients/caseIcon/case-icon11-1.png");
}
.case-item-icon22{
    background-image: url("../img/clients/caseIcon/case-icon22-1.png");
}
.case-item-icon33{
    background-image: url("../img/clients/caseIcon/case-icon33-1.png");
}
.case-item-icon44{
    background-image: url("../img/clients/caseIcon/case-icon44-1.png");
}
.case-item-icon55{
    background-image: url("../img/clients/caseIcon/case-icon55-1.png");
}
.case-item-icon66{
    background-image: url("../img/clients/caseIcon/case-icon66-1.png");
}
.case-item-icon77{
    background-image: url("../img/clients/caseIcon/case-icon77-1.png");
}
.case-item-icon11{
    background-image: url("../img/clients/caseIcon/case-icon11-1.png");
}
.case-item:hover.case-item span{
    color: #269ce1;
    cursor: pointer;
}
.case-item:hover .case-item-icon1{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon1-2.png");
}
.case-item:hover .case-item-icon2{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon2-2.png");
}
.case-item:hover .case-item-icon3{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon3-2.png");
}
.case-item:hover .case-item-icon4{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon4-2.png");
}
.case-item:hover .case-item-icon5{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon5-2.png");
}
.case-item:hover .case-item-icon6{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon6-2.png");
}
.case-item:hover .case-item-icon7{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon7-2.png");
}
.case-item-icon1-2{
    background-image: url("../img/clients/caseIcon/case-icon1-2.png");
}
.case-item-icon2-2{
    background-image: url("../img/clients/caseIcon/case-icon2-2.png");
}
.case-item-icon3-2{
    background-image: url("../img/clients/caseIcon/case-icon3-2.png");
}
.case-item-icon4-2{
    background-image: url("../img/clients/caseIcon/case-icon4-2.png");
}
.case-item-icon5-2{
    background-image: url("../img/clients/caseIcon/case-icon5-2.png");
}
.case-item-icon6-2{
    background-image: url("../img/clients/caseIcon/case-icon6-2.png");
}
.case-item-icon7-2{
    background-image: url("../img/clients/caseIcon/case-icon7-2.png");
}
<!--典型客户-->
    .case-item:hover .case-item-icon11{
        cursor: pointer;
        background-image: url("../img/clients/caseIcon/case-icon11-2.png");
    }
.case-item:hover .case-item-icon22{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon22-2.png");
}
.case-item:hover .case-item-icon33{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon33-2.png");
}
.case-item:hover .case-item-icon44{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon44-2.png");
}
.case-item:hover .case-item-icon55{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon55-2.png");
}
.case-item:hover .case-item-icon66{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon66-2.png");
}
.case-item:hover .case-item-icon77{
    cursor: pointer;
    background-image: url("../img/clients/caseIcon/case-icon77-2.png");
}
.case-item span{
    color: #4f4f4f;
    font-size: 20px;
    font-weight: 600;
}

/*
.case-cont{
    margin-top: 120px;
    padding: 0 20px;
}
.case-cont-item{
    padding: 0 20px;
    margin-bottom: 120px;
    display: flex;
    align-items: center;
    box-shadow:0 8px 10px rgba(39, 158, 225, 0.35);
}
*/

.cont-item-img{
    width: 300px;
    height: 196px;
    margin-right: 20px;
}
.cont-item-text{
    position: relative;
    flex: 1;
}

.cont-item-a,
.cont-item-a:visited{
    position: absolute;
    font-size: 12px;
    color: #aaa;
    right: 20px;
}
.cont-item-a:hover
{
    color: #269ce1;
}
.case-cont-item h5{
    font-size: 18px;
    /* margin-bottom: 28px; */
    font-weight: normal;
}
.case-cont-item p{
    font-size: 14px;
    line-height: 2;
    color: #959595;
}
@media screen and (max-width: 768px){
    .cases{
        flex-wrap: wrap;
        line-height: 30px;
        padding: 13px 6px
    }
    .case-cont-item{
        flex-wrap: wrap;
    }
    .case-item-icon{
        margin-left: 5px;
        background-size:80%;
        background-repeat:no-repeat;
    }
    .case-cont{
        margin-top: 20px;
    }
    .cont-item-img{
        width: 100%;
    }
    .case-cont-item h5{
        margin-bottom: 10px;
    }
    .cont-item-a{
        bottom: 10px;
    }
    .case-item{
        max-height:93px;
        max-width:50px;
    }
    .service-supportImg{
        height:300px !important;
        background-size:100% 100% !important;
    }
    .carousel-centered{
        top:60% !important;
    }
    .casesbox{
        height: 90px;
    }
    .case-item-icon{
        vertical-align: -17px;
        margin-right: 0px;
    }
    .case-item span{
        font-size: 14px;
    }
    .my-Container{
        margin-bottom: 0px;
    }
    .case-cont-item h5{
        font-size: 16px;
    }
}