.PhotoList_i1 ul{display: block;}
.PhotoList_i1 li a{position: relative;display: block;overflow: hidden;background-color: #edfbff;height: 21.5vw;box-sizing:border-box;border-radius: 5px;
transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.PhotoList_i1 ul li a img{display: inline-block;max-width: calc(100% - 6vw);position: absolute;top: 50%;max-height: calc(100% - 6vw);width: auto;
    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: 21.1%;margin: 0 1.95% 2vw 1.95%;}
.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 ul li a:hover{background-color: #007eb5;transform: translateY(-12px);-ms-transform: translateY(-12px);-webkit-transform: translateY(-12px);}
    .PhotoList_i1 ul li a: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: 26vw;}   
    .PhotoList_i1 ul li{margin-bottom: 30px;}
    .PhotoList_i1 ul li{width: 31.3%;margin: 0 1.01% 4vw 1.01%;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li a {height: 42vw;}
    .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;}
    .PhotoList_i1 ul li a img{max-width: calc(100% - 5vw);max-height: calc(100% - 5vw);}
}