/*案例*/
.jcases_index{width:100%;}
.jcases_list{width:100%;padding:0 10px;box-sizing: border-box;}
.jcases_list ul{width:102%;}
.jcases_list ul li{position:relative;float: left;width:48%;margin-right:2%;margin-top:2%;box-sizing: border-box;}
.jcases_list ul li img{    width: 100%;
    height: 28vw;
    max-height: 200px;}
.jcases_list ul li .cases_title{
    position:absolute;
    bottom:0;
    width:100%;
    height:50px;
    padding-top:25px;
    box-sizing: border-box;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); /* 标准的语法 */
}
.jcases_list ul li .cases_title p{font-size:13px;color:#fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jcases_index .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.jcases_index .swiper_jcases {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.jcases_index .swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.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-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-horizontal>.swiper-pagination-bullets,.jcases_index .swiper-pagination-custom,.jcases_index .swiper-pagination-fraction {bottom: 0;left: 0;width: 100%;}
.jcases_index .jcases_swiper_btn {margin-top: 5px;width: 100%;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.jcases_index .swiper-pagination-bullet {width: 8px;height: 8px;margin-right: 5px;display: inline-block;border-radius: 100px;border:1px solid #ccc;}
.jcases_index .swiper-pagination-bullet-active {opacity: 1;border: 1px solid #ccc;background-color:#ccc;}
.jcases_index .more{width:100%;margin-top:10px;}
.jcases_index .more a{width:100px;height:25px;line-height:25px;text-align:center;display: block;margin:0 auto;background:url(/template/m/default_jj/index/style/style_6/images/btn-bg.png)center no-repeat;background-size:100% 100%;color:#fff;font-size:14px;}
/*案例 end*/