.gray-bg{margin-top: 0px;}


.ztzl-top{background: #f8f8f8;margin-top: 40px;}
.ztzl-left{width: 48%;}
.ztzl-right{width: 47%; padding: 2% 2% 0% 2%;}
.ztzl-h5{border-bottom: 1px solid #dcdcdc;overflow: hidden;padding-bottom: 20px;margin-bottom: 13px;padding-top: 3px;}
.ztzl-h5 h5{font-size: 22px;float: left;color: #1658a0;width: 85%; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ztzl-h5 span{float: right;}


.ztzl-list{margin-left: -2%;}
.ztzl-list li{width: 23%;float: left;margin-left: 2%;overflow: hidden;border-radius: 4px;}
.ztzl-list li img{transition: all .3s;width:100%;}
.ztzl-list li:hover img{transform: scale(1.1);}

.ztzl-list-ej{margin-top: 35px;}
.ztzl-list-ej li{margin-top: 30px;}

.ztzl-list-ej li i{
    display: block;
    height: 0;
    padding-top:36%;
    background-position:left center;
    background-repeat: no-repeat;
    background-size:100%;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    
}
.ztzl-list-ej li:hover i{transform:scale(1.1);}
@media screen and (max-width: 1240px){
    .ztzl-h5{padding-bottom: 12px;margin-bottom: 10px;padding-top: 0px}
    .ztzl-list li{width: 31.3%;}
    .ztzl-h5 h5{font-size: 20px;}

}

@media screen and (max-width: 1000px){
    .ztzl-left,.ztzl-left img {
    width: 100%;
}
    .ztzl-right{width: 94%;padding: 15px 3%;}
    .ztzl-list-ej {
    margin-top: 20px;
}
    .ztzl-list li{margin-top: 20px;}
   .ztzl-list{display: block;}
   .ztzl-h5 h5 {
    font-size: 18px;
}
    .ztzl-top{margin-top: 30px;}
}

@media screen and (max-width: 750px){

     .ztzl-list li {
    width: 48%;
}


}


@media screen and (max-width: 500px){

     .ztzl-list li {
    width: 98%;margin-top: 15px;
}


}