@charset "UTF-8";

.case_contentBox {
    margin-top: 10%;
    background-color: #fff;
}

.CaseImg {
    overflow: hidden;
}

.CaseImg .slider-for .item img {
    width: 100%;
}

.CaseImg .slider-for .item .innerImg {
    padding-top: 56%;
}

.CaseImg .slider-for .item .innerImg .image {
    background-repeat: no-repeat;
}

.btn-group{
    display: flex;
}

.btn-group .btn{
    flex: auto;
}
.btn-group .btn+.btn{
    border-left: 1px solid #968864;
}

@media(min-width: 991px) {
    .CaseImg .Img-nav {
        position: absolute;
        bottom: 0;
        z-index: 999;
        width: 100%;
        transform: translateY(100%);
        padding-left: 10px;
        background-color: rgba(255, 255, 255, 0.72);
        transition: all 0.5s;
    }

    .CaseImg:hover .Img-nav {
        transform: translateY(0%);
        transition: all 0.5s;
    }
}

.titlebox {
    background-color: #85754e;
    color: #fff;
    padding: 5px;
    margin-bottom: 1rem;
}

.CaseImg .slider-nav .item {
    padding: 10px;
    padding-left: 0;
}


.CaseImg .slider-nav .item .innerImg .image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;

}
 .slick-track {
    margin: 0;
}

.CaseInfoBox {
    padding-top: 1.3 rem;
}

.CaseInfoBox .InfoList {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

.CaseInfoBox .InfoList li,
.CaseInfoBox .InfoList ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bottom {
    margin-top: 1rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
}

.bottom .TitleBox {
    text-align: center;
    border: solid #999;
    border-width: 3px 0;
    padding: 10px;
    margin: 2rem 0;
    color: #999;
}

.Recommend {
    margin-top: 3rem;
}

.RecommendList .item {
    padding: 10px;
}

@media(max-width: 991px) {
    .case_contentBox {
        padding-top: 3rem;
    }
}