.banner {
    height: 28rem;
    background: #105CFB;
    margin-top: 70px;
}
.banner .w1200 {
    max-width:1200px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}
.banner .w1200 .banner-left {
    color: #fff;
}
.banner .w1200 .banner-left h1 {
    font-size: 48px;
    line-height: 40px;
    margin-bottom: 15px;
}
.banner .w1200 .banner-left p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 41px;
}
.banner .w1200 .banner-left a {
    display: block;
    width: 180px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    font-size: 16px;
}
.clientcase-content{max-width:1280px;margin:0 auto;height:auto;overflow:hidden;padding:0 1%}
.clientcase-content .tips{font-size:14px;color:#666;text-align:center;margin-bottom:20px}
.clientcase-tab{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:40px auto 20px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.clientcase-tab .clientcase-tab-item{cursor:pointer;display:inline-block;width:114px;line-height:36px;border:1px solid #666;text-align:center;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:36px;margin:0 15px 15px}
.clientcase-tab .clientcase-tab-item.active{background:#105CFB;color:#fff;border-color:#105CFB}
.clientcase-box .caseItem{width:18%;height:450px;padding:40px 20px;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.1);box-shadow:0 5px 15px 0 rgba(0,0,0,.1);float:left;margin:0 1% 40px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;position:relative;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}
.clientcase-box .caseItem>img{display:block;width:200px;height:116px;background:#fff;border:1px solid #f5f6f9;border-radius:10%;margin:0 auto 10px}
.clientcase-box .caseItem .title{font-size:16px;color:#333;margin-bottom:10px}
.clientcase-box .caseItem .desc{color:#333;font-size:14px;line-height:30px;margin-bottom:20px;height:185px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.clientcase-box .caseItem .shop-link{display:inline-block;width:200px;height:44px;line-height:44px;border:1px solid #999;font-size:14px;color:#666}
.clientcase-box .caseItem .caseQrcode{position:absolute;width:100%;height:100%;text-align:center;display:none;background:#fff;top:0;left:0;z-index:20}.clientcase-box .caseItem .caseQrcode img{width:200px;height:200px;margin:132px auto 10px;display:block}
.clientcase-box .caseItem .caseQrcode>span{font-size:14px;color:#666}
.clientcase-box .caseItem:hover .caseQrcode{display:block}
.more-case{width:100px;height:24px;line-height:24px;text-align:center;margin:30px auto 100px;color:#2A75ED;cursor:pointer}
.more-case .icon-down{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.more-case.active .icon-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
@media screen and (max-width:1450px){.clientcase-content{max-width:1280px}
.clientcase-content .caseItem{width:23%;margin:0 1% 0}}