.banner-section{
    min-width: 1240px;
    background: url(/public/img/case-banner-bg.jpg) #060606 no-repeat top center / cover;
    height: 480px; text-align: center;
    padding-top: 206px;
    color: #FFFFFF;
}
.banner-title{
    font-family: fz;
    font-size: 60px;font-weight:400;
    line-height: 1; margin-bottom: 22px;
}
.banner-text{
    font-size: 16px;
    line-height: 1;
}
.com_crumb{
    margin: 48px 0 24px; color: #333333;
}
.com_crumb .com_crumb_link::after{border-color: #333;}

main{background-color: #F9F9F9;}
.case-section-listCont{
    margin: 0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.case-list{
    width: 393px; margin: 0 15px 30px; border-radius: 12px;overflow: hidden;
}
.case-list:hover{
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-box-shadow: 0px 3px 3px rgb(21 40 76 / 12%), 0px -1px 1px rgb(21 40 76 / 4%), 0px 6px 8px rgb(21 40 76 / 12%);
            box-shadow: 0px 3px 3px rgb(21 40 76 / 12%), 0px -1px 1px rgb(21 40 76 / 4%), 0px 6px 8px rgb(21 40 76 / 12%);
}
.case-img-cont{
    height: 220px; overflow: hidden; display: block;
}
.case-img-cont .img{
    display: block;min-width: 393px; min-height: 220px;
    margin: auto;    width: 100%;
}
.case-item-text-cont{
    padding: 20px; background-color: #fff;
    color: #000000;
}
.case-item-title{
    font-size: 20px;
    font-weight: bold; margin-bottom: 5px;
    line-height: 30px;
}
.case-item-desc{
    font-size: 15px; 
    /* margin: 12px 0 32px; */
    line-height: 24px;
    display: block; color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case-item-title:hover{color: var(--theme-color)}
.case-item-tags{
    padding: 5px 0 15px;
    border-bottom: 1px solid #eee;
    color: #7B7B7B;
}
.case-item-tag{
    margin-right: 12px;
}
/* .case-item-tag{
    font-size: 16px;
    float: left; color: #000000;
    margin-right: 12px;
    line-height: 20px; padding: 4px 11px;
    border: 1px solid #E1E8F0;
} */
.case-item-text-num{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 15px;
    color: #7B7B7B;
    font-size: 12px;
    /* background-color: #fff; */
    /* border-top: 1px solid #eee; */
    /* margin-top: 15px; */
    font-family: 'Condensed_Bold';
}
.case-item-text-num .number-wd{font-size: 28px;color:#333;}


@media (max-width: 768px){
    .banner-section{
        min-width: auto;
        height: 240px;
        padding-top: 114px;
    }
    .banner-title{
        font-size: 28px;margin-bottom: 14px;
    }
    .banner-text{
        font-size: 12px;
    }
    .com_crumb{
        margin: 24px 0 32px;
    }
    .case-section-listCont{
        margin: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    }
    .case-list{
        width: 80vw; margin: 0 0 24px; border-radius: 6px;
    }
    .case-img-cont{
        height: auto;
    }
    .case-img-cont .img{
        min-width: auto; min-height: auto;
        height: auto; width: 80vw;
    }
    .case-item-text-cont{
        padding: 24px;
    }
    .case-item-title{
        font-size: 18px;
    }
    .case-item-desc{
        font-size: 14px;
        margin: 0px 0 8px;
        line-height: 20px;
    }
    .case-item-tag{
        font-size: 12px;
        margin-right: 12px;
        line-height: 1;
    }
    .com_pager .paginationjs{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .case-item-text-num .number-wd{font-size: 20px;}
}