/*案例*/
.jcases_index{width:100%;min-width:1360px;margin:0 auto;}
.content_title{width:100%;padding:50px 0;text-align: center;}
.content_title h3{font-size:32px;color:#000;font-weight:normal;}
.content_title p{font-size:20px;color:#666666;line-height: 45px;}
.jcases_content{width:100%;}
.jcases_content .jcases_btn{position:relative;width:950px;margin: 0 auto 70px auto;border:1px solid #d9d9d9;text-align: center;}
.jcases_content .jcases_btn ul{height:55px;overflow: hidden;}
.jcases_content .jcases_btn ul li{padding: 0 20px;height:55px;display: inline-block;border-right:1px solid #d9d9d9;}
.jcases_content .jcases_btn ul li a{font-size:18px;color:#000;line-height: 55px;}
.jcases_content .jcases_btn ul li:last-child{border:none;}
.jcases_content .jcases_btn ul:before{content:'';position:absolute;left:-130px;top: 27px;width:150px;height:1px;display: inline-block;background-color:#d9d9d9;}
.jcases_content .jcases_btn ul:after{content:'';position:absolute;right:-130px;top: 27px;width:150px;height:1px;display: inline-block;background-color:#d9d9d9;}
.jcases_index .jcases_detail{position:relative;width:100%;}
.jcases_index .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.jcases_index .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.jcases_index .swiper-container-android .swiper-slide, .jcases_index .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.jcases_index .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.jcases_index .swiper-container{width: 100%;height: 100%;}
.jcases_index .swiper-slide{text-align: center;font-size: 18px;background: #fff;width: 40%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.jcases_index .swiper-slide:nth-child(2n){width: 40%;}
.jcases_index .swiper-slide>a{width:100%;display: block;}
.jcases_index .swiper-slide img{width:100%;height:30vw;}
.jcases_index .swiper-button-next, .jcases_index .swiper-button-prev {position: absolute;top: auto;bottom:0;width: 50px;height: 50px;margin-top: -25px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;}
.jcases_index .swiper-button-prev, .jcases_index .swiper-container-rtl .swiper-button-next {left: 37.4%;right: auto;}
.jcases_index .swiper-button-next, .jcases_index .swiper-container-rtl .swiper-button-prev {left: 40.5%;right: auto;}
.jcases_index .jcases_text{position:absolute;width:50%;height:90%;bottom:0;left: -50%;padding:70px 30px;background-color:#fff;box-sizing: border-box;display: none;z-index: 2;}
.jcases_index .jcases_text h3{position:relative;font-size:30px;font-weight:normal;color:#000;}
.jcases_index .jcases_text h3:after{content: '';position: absolute;right: -27%;top: 20px;width: 50%;height: 1px;background: #000;display: inline-block;}
.jcases_index .jcases_text span{line-height: 35px;font-size:16px;text-align: center;}
.jcases_index .jcases_text span a{font-size:16px;color:#555;margin:0 10px;}
.jcases_index .jcases_text p{margin-top:30px;font-size:16px;color:#555;line-height: 35px;text-align: left;}
.jcases_index .jcases_text>a{width:50%;height:50px;line-height:50px;color:#000;font-size:16px;text-align: center;border:1px solid #d9d9d9;display: block;margin:30px auto;}
.jcases_index .jcases_text.on{display: block;}
.jcases_index .jcases_kefu{bottom: -140px;width: 265px;left: 50%;margin-left: -132px; animation: zoomIn 1.2s linear 1.2s infinite alternate;margin:50px auto;}
@media screen and (max-width: 1680px) {
    .jcases_index .swiper-button-prev, .jcases_index .swiper-container-rtl .swiper-button-next {left: 36.97%;right: auto;}
    .jcases_index .swiper-button-next, .jcases_index .swiper-container-rtl .swiper-button-prev {left: 40.5%;right: auto;}
    .jcases_index .jcases_text{padding: 35px 20px;}
    .jcases_index .jcases_text h3{font-size:28px;}
    .jcases_index .jcases_text p{margin-top: 15px;font-size: 15px;line-height: 30px;}
    .jcases_index .jcases_text h3:after{content: '';width:45%;}
}
@media screen and (max-width: 1440px) {
    .jcases_index .swiper-button-prev, .jcases_index .swiper-container-rtl .swiper-button-next {left: 36.51%;right: auto;}
    .jcases_index .swiper-button-next, .jcases_index .swiper-container-rtl .swiper-button-prev {left: 40.74%;right: auto;}
    .jcases_index .jcases_text{padding: 50px 20px;}
    .jcases_index .jcases_text h3{font-size:30px;}
    .jcases_index .jcases_text p{margin-top: 10px;line-height: 25px;}
    .jcases_index .jcases_text>a {width: 50%;height: 45px;line-height: 45px;font-size: 16px;margin: 20px auto;}
    .jcases_index .jcases_text h3:after{content: '';width:40%;top: 20px;}
}
@media screen and (max-width: 1360px) {
    .jcases_index .swiper-button-prev, .jcases_index .swiper-container-rtl .swiper-button-next {left: 36.31%;right: auto;}
    .jcases_index .swiper-button-next, .jcases_index .swiper-container-rtl .swiper-button-prev {left: 40.74%;right: auto;}
    .jcases_index .jcases_text{padding:20px 15px;}
    .jcases_index .jcases_text h3{font-size:25px;}
    .jcases_index .jcases_text span{font-size:14px;}
    .jcases_index .jcases_text span a{font-size:14px;}
    .jcases_index .jcases_text p{margin-top: 15px;font-size: 14px;line-height: 25px;}
    .jcases_index .jcases_text>a{height: 40px;line-height: 40px;font-size: 14px;}
    .jcases_index .jcases_text h3:after{content: '';width:40%;top:15px;}
}

/*案例 end*/