.ztzl {
	margin-top: 15px;
}
.ztzl ul li {
	width: 24%;
	margin: 8px 5px 8px 5px;
	display: inline-block;
}
.ztzl ul li a {
	display: block;
	overflow: hidden;
}
.ztzl ul li a img {
	width: 100%;
	transition: all 0.4s ease-in-out 0s;
}

.ztzl ul li a img:hover {
    transform: scale(1.1);
}


@media (max-width: 768px) {
	
.ztzl ul li {
	width: 100%!important;
}
.ztzl ul{display: flex;
    flex-direction: column;}
}


@media (max-width: 653px) {
	


}

@media only screen and (min-width: 1113px) and (max-width: 1389px){
.ztzl ul li {
	width: 23%!important;
	margin: 8px 9px 8px 9px!important;
}
	  
}

@media only screen and (min-width: 857px) and (max-width: 1112px){
.ztzl ul li {
	width: 31%!important;
		margin: 8px 8px 8px 8px!important;
}
	  
}
@media only screen and (min-width: 769px) and (max-width: 856px){
.ztzl ul li {
	width: 31%!important;
    margin: 8px 7px 8px 6px!important;
}
	  
}