body {
    background: #f7f7f5;
}
.main {
    margin-top: 45px;
    padding-bottom: 60px;
}
/* 产品中心 */
.proTitle {
    text-align: center;
}
/* 案例列表 */
.sucCase .caseList {
    margin-top: 40px;
}
.sucCase .caseList li {
    width: 23.97%;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    border: 1px solid #e6e6e6;
    background: #fff;
}
.sucCase .caseList li:nth-of-type(4n) {
    margin-right: 0;
}
.sucCase .caseList li a {
    display: block;
    width: 100%;
    height: 100%;
}
.sucCase .caseList li a img {
    width: 100%;
}
.sucCase .caseList li p {
    height: 54px;
    line-height: 54px;
    padding: 0 25px;
    font-size: 16px;
    color: #333;
}
.sucCase .caseList li p .fr {
    color: #008cd6;
}
@media only screen and (min-width:1280px) {
    /* PC端效果 */
    .sucCase .caseList li {
        overflow: hidden;
    }
    .sucCase .caseList li a img {
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    .sucCase .caseList li img:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
}
@media only screen and (min-width:0px) and (max-width:768px) {
    .main {
        padding: 0 10px 40px;
    }
    .proList li {
        width: 100%;
    }
    .page a {
        background: #fff;
    }
    .page a.first, .page a.end, .page a.pNum {
        display: none;
    }
    .proSlide .fl {
        width: 100%;
        height: auto;
    }
    .proSlide .fl img {
        width: 100%;
    }
    .proSlide .fr {
        width: 100%;
        height: auto;
    }
    .product {
        padding-top: 30px;
    }
    .proList {
        padding: 0 10px;
    }
    .proList li {
        width: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .proList li h3 {
        font-size: 16px;
    }
    .proList li p {
        font-size: 14px;
    }
    /* 列表 */
    .sucCase .caseList {
        padding: 0 10px;
    }
    .sucCase .caseList li {
        width: 48.2%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .sucCase .caseList li:nth-of-type(2n) {
        margin-right: 0;
    }
    .sucCase .caseList li p {
        font-size: 12px;
        padding: 0 10px;
    }
    /* 标题 */
    .proTitle h3 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .proTitle p {
        font-size: 14px;
        line-height: 28px;
    }
}
@media only screen and (min-width:769px) and (max-width:1280px) {
    .proSlide .fr {
        width: 65%;
    }
    /* 成功案例 */
    .sucCase .caseList ul {
        /* height: 834px; */
        overflow: hidden;
    }
    .sucCase .caseList li {
        width: 48.75%;
    }
    .sucCase .caseList li:nth-of-type(2n) {
        margin-right: 0;
    }
}
@media only screen and (min-width:1281px) and (max-width: 1366px) {
    .proSlide .fr {
        width: 78%;
    }
    .sucCase .caseList li {
        width: 23.8%;
    }
}
@media only screen and (min-width:1367px) and (max-width: 1440px) {
    .proSlide .fr {
        width: 78%;
    }
    .sucCase .caseList li {
        width: 23.8%;
    }
}
.flex-direction-nav {
    display: none;
}