.row-yx{background:url() no-repeat;background-size:100% 100%;}
.jl_item{display:flow-root;justify-content:space-between;    padding-top: 20px;}
.jl_item .jl_it{width:23%;float: left;    margin: 10px;}
.jl_item .jl_it .jl_pic{overflow:hidden;position:relative;height: 240px;}

.jl_item .jl_it .jl_pic:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.jl_item .jl_it .jl_pic img{width:100%;height:100%;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s}
.it_title{margin-top:0px;width:100%;background:#fff;padding:10px;/*display:flex;*/justify-content:space-between;position:relative;box-shadow:0 0 9px rgba(9,2,4,0.11);text-align: center;}
.it_title::after{position:absolute;content:" ";top:0;left:0;background:#94070a;width:100%;height:2px;}
.jl_bod{font-size:18px;color:#000;}
.jl_more a{display:flex;justify-content:flex-start;}
.jl_more a span{padding-top:10px;padding-left:10px;font-size:14px;color:#333;}
@media only screen and (max-width:768px){
    .jl_item{flex-wrap:wrap;}
    .jl_item .jl_it{width:100%;padding-bottom:30px;}
    .jl_item .jl_it .jl_pic::after{width:100%;}
}
@media only screen and (max-width:480px){
    .it_title{padding:40px 20px;}
}