@charset "UTF-8";
/**
核心案例 详情页
 */
.case_show {
    background: url("../img/case_show.jpg") center no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #fff;
}

.case_show::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    bottom: 0;
    background: #1a4d80;
    opacity: .7;
}

.case_show .wal {
    min-height: 7.62rem;
    padding: 1.15rem 0;
    position: relative;
}

.case_show .title {
    position: relative;
    font-size: .24rem;
    line-height: .36rem;
    padding-bottom: .2rem;
    width: 380px;
}

.case_show .title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: .3rem;
    height: 1px;
    background: #fff;
}

.case_show .p-content {
    color: #fff;
    width: 380px;
    height: 3.54rem;
    padding: 5px 0;
    overflow: auto;
    font-size: .14rem;
    line-height: .26rem;
    text-align: justify;
}

.case_show .list {
    width: 16rem;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 1.2rem;
    bottom: auto;
    margin-left: -2rem;
}

.case_show .list li .p-img {
    height: 4.8rem;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    opacity: .5;
}

.p-img img {
    opacity: 0;
}

.p-img {
    background: center no-repeat;
    background-size: contain;
    overflow: hidden;
    position: relative;
}

.case_show .list li.swiper-slide-active .p-img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}

.case_show .list .p-num {
    width: 8rem;
    padding: .2rem 0 0 0;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.num.swiper-pagination-fraction {
    width: auto;
}

.swiper-pagination-current {
    font-size: .6rem;
    color: #1470cc;
}