/* ==========================================================================
   案例模块
============================================================================ */

/* 案例列表 */

/* 第一部分 */
.casetop{background: #f0f0f0;}
.casebox{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;background: #fff;}
.casebox .case-img{width: 50%;}
.casebox .case-img a{display: block;height:0;padding-bottom:56%;}
.casebox .case-img a img{width: 100%;}
.casebox .case-text{width: 50%;}
.casebox .case-text .text{height: 100%;padding: 20px 9%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.casebox .case-text .text h3{line-height: 1.2;margin-bottom: 10px;}
.casebox .case-text .text p{line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #666;}

@media screen and (max-width: 992px) {
    .casebox{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .casebox .case-img{width: 100%;}
    .casebox .case-text{width: 100%;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
}


/* 案例详情 */
.sec-tit{height: 60px;border-bottom: 1px solid #e5e5e5;}
.sec-tit span{display: inline-block;vertical-align: top;height: 60px;border-bottom: 2px solid #2898e6;color: #2898e6;line-height: 58px;font-size: 18px;}


/* 第一部分 */
.case-sec1{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.case-sec1 .caseSwiper1{width: 50%;}
.case-sec1 .caseSwiper1 .img img{width: 100%;}
.case-sec1 .sec-text{width: 50%;background: #f0f0f0;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;padding: 20px 4.5%;}
.case-sec1 .sec-text p{color: #666;}
.case-sec1 .btns a{width: 164px;height: 44px;}
.case-sec1 .btns .detail-btn{background: #2898e6;color: #fff;}
.case-sec1 .btns .detail-btn i{display: inline-block;width: 16px;height: 16px;line-height: 16px;text-align: center;border-radius: 100%;background: #fff;color: #2898e6;font-size: 10px;margin-left: 4px;}
.case-sec1 .btns .detail-btn:hover{background: #1888cc;transition: .4s;}
.case-sec1 .btns .more-btn{border: 1px solid #dfdfdf;margin-left: 10px;}
.case-sec1 .btns .more-btn:hover{background: #2898e6;border-color: #2898e6;color: #fff;transition: .4s;}

@media screen and (max-width: 992px) {
    .case-sec1{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .case-sec1 .caseSwiper1{width: 100%;}
    .case-sec1 .sec-text{width: 100%;padding: 40px 4.5%;}
}

@media screen and (max-width: 992px) {
    .case-sec1 .sec-text{width: 100%;padding: 20px 4.5%;}
    .case-sec1 .btns{margin-top: 18px;}
    .case-sec1 .btns a{width: 120px;height: 36px;}
}

/* 第三部分 */
.caselistSwiper{margin: 0;}
.caselistSwiper ul li{padding: 0;}
.caselistSwiper:hover .banner-swiper-prev{left: 0;transition: .4s;}
.caselistSwiper:hover .banner-swiper-next{right: 0;transition: .4s;}
.caselistSwiper .banner-swiper-btn{top: 110px;}