.PhotoList_i1 ul{display: block;}
.PhotoList_i1 li a{position: relative;display: block;overflow: hidden;background-color: #edfbff;height: 19.1vw;box-sizing:border-box;border-radius: 4px;}
.PhotoList_i1 li a::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0%;background: rgba(0,162,233,0.8) url(../images/zoom.png) no-repeat center ;
z-index: 1;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.PhotoList_i1 ul li a img{display: inline-block;width: 100%;position: absolute;top: 50%;height: 100%;object-fit:cover;
    left: 50%; transform: scale(1) translate(-50%, -50%);-webkit-transform: scale(1) translate(-50%, -50%);
transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.PhotoList_i1 ul li{display: block;float: left; width: 29.5%;margin: 0 1.9% 3.9vw 1.9%;}
.PhotoList_i1 ul li span{text-align: center;line-height: 1.5; font-size: 16px;width: 100%;margin-top: 1.3vw;color: #151515;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.PhotoList_i1 ul li h4{display: none;}
@media screen and (min-width: 1024px) {
.PhotoList_i1 li a:hover span{color: #007eb5;}
.PhotoList_i1 li:hover a::after{height: 64px;}
.PhotoList_i1 li:hover img{transform: scale(1.08) translate(-46%, -46%);-webkit-transform: scale(1.08) translate(-46%, -46%);-ms-transform: scale(1.08) translate(-46%, -46%);}
}
@media screen and (max-width: 1024px) {
    .PhotoList_i1 li a{height: 21vw;}   
    .PhotoList_i1 ul li{margin-bottom: 30px;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li a {height: 32vw;}
    .PhotoList_i1 ul li{display: block;float: left; width: 47.5%;margin: 0 1.25% 4vw 1.25%;}
    .PhotoList_i1 ul li span{font-size: 3.8vw;line-height: 1.5;}
}