.zpp{text-align: center;}
.zpp ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.zpp ul li{line-height: 7.6em;width: 15%;}
.zpp ul li:last-child{margin-right: 0;}
.zpp ul li img{position:relative; z-index:0;width:100%; }
.zpp ul li .img2{display: none;}
.zpp ul li:hover .img1{display: none;}
.zpp ul li:hover .img2{display: block;}
@media only screen and (max-width:800px) {
    .zpp ul{width:95%;margin: 0 auto;}
	.zpp ul li:last-child{margin-right: 2.5%;}
	.zpp ul li{margin-right: 2%;width: 7.5em;line-height: 5em;}
    .zpp ul li:hover .img1{display: block;}
    .zpp ul li:hover .img2{display: none;}
}