.row_mod_4{display: flex;margin: 2% auto;}
.row_mod_4_item{margin-right: 3%;position:relative;}
.row_mod_4_item:last-of-type{margin-right: 0;}
.row_mod_4_item:hover span, .row_mod_4_item:hover em,.row_mod_4_item:hover i{color:white;}
.row_mod_4_item:hover,.row_mod_4_item.on{
    background: url(../image/index_mod4_bj2.png) no-repeat center center;
    background-size: cover;
}
.row_mod_4_item:hover .row_mod_4_item_hover i{color:#e3e3e3;}
.row_mod_4_con_img{width:100%;}
.row_mod_4_item_hover{padding: 20% 20px 0;box-sizing: border-box;}
.row_mod_4_item_hover span{color: #777;font-size:16px;}
.row_mod_4_item_hover em{   
    height: 50px;
    display: block;
    font-size: 20px;
    margin: 5% 0 0;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
}
.row_mod_4_item_hover i{
    color: #999;
    line-height: 22px;
    text-align: justify;
    display: block;
    margin: 20% 0;
    min-height: 180px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}