.mjdz_cases{
    height: 992px;
    background: url(../images/jcases/mjzs_modular38.jpg)no-repeat center;
}
.mjdz_cases .mjdz_cases_content{
    width: 1500px;
    height: 577px;
    margin: 54px auto 0;
}
.mjdz_cases .mjdz_cases_content .cases_li{
    position: relative;
    width: 311px;
    height: 282px;
    float: left;
    margin-right: 12px;
}
.mjdz_cases .mjdz_cases_content .cases_li:first-child{
    width: 530px;
    height: 577px;
}
.mjdz_cases .mjdz_cases_content .cases_li:nth-child(2){
    width: 635px;
    height: 282px;
    margin-bottom: 12px;
}
.mjdz_cases .mjdz_cases_content .cases_li:nth-child(3){
    margin-bottom: 12px;
    margin-right: 0;
}
.mjdz_cases .mjdz_cases_content .cases_li:nth-child(6){
    margin-right: 0;
}
.mjdz_cases .mjdz_cases_content .cases_li .cases_libg{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mjdz_cases .mjdz_cases_content .cases_li .cases_libg img{
    transition: all .3s ease;
}
.mjdz_cases .mjdz_cases_content .cases_li:hover .cases_libg img{
    transform: scale(1.05);
}
.mjdz_cases .mjdz_cases_content .cases_li .cases_li_zz{
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top,rgba(0,0,0,0.6),transparent);
    padding: 0 28px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
}
.mjdz_cases .mjdz_cases_content .cases_li .cases_li_zz p{
    font-size: 16px;
    color:#D4D4D4;
    padding-bottom: 24px;
}
.mjdz_cases .mjdz_cases_content .cases_li .cases_li_zz p i{
    width: 3px;
    height: 15px;
    background: #CE000D;
    margin-right: 7px;
}
.mjdz_cases .mjdz_cases_btnlist{
    margin-top: 65px;
}
.mjdz_cases .mjdz_cases_btnlist .btnlist_li{
    width: 282px;
    height: 71px;
    color:#fff;
    font-size: 16px;
    background: url(../images/jcases/mjzs_modular41.png)no-repeat center/100% 100%;
    transition: all .3s ease;
    margin: 0 36px;
}
.mjdz_cases .mjdz_cases_btnlist .btnlist_li.btn2{
    background: url(../images/jcases/mjzs_modular42.png)no-repeat center/100% 100%;
}
.mjdz_cases .mjdz_cases_btnlist .btnlist_li:hover{
    transform: scale(1.05);
}
.mjdz_cases .mjdz_cases_btnlist .btnlist_li img{
    margin-right: 7px;
}