.PhotoList_i1 ul{display: block;}
.PhotoList_i1 li a{position: relative;display: block;overflow: hidden;background-color: #f5f5f5;height: 15vw;}
.PhotoList_i1 ul li a img{display: inline-block;max-width: 100%;position: absolute;top: 50%;height: auto;max-height: 100%;max-width: none;
    left: 50%; transform: scale(1) translate(-50%, -50%);-webkit-transform: scale(1) translate(-50%, -50%);}
.PhotoList_i1 ul li{display: block;float: left; width: 31.3%;margin-right: 3.05%;margin-bottom: 30px;box-sizing:border-box;}
.PhotoList_i1 ul li:nth-child(3n){margin-right: 0;}
.PhotoList_i1 ul li span{text-align: center;font-size: 16px;width: 100%;line-height: 1.5;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;margin-top: 10px;}
.PhotoList_i1 ul li h4{display: none;}
.PhotoList_i1 ul li a:hover h4{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: transparent;}
@media screen and (max-width: 1024px) {
    .PhotoList_i1 li a{height: 210px;}  
    .PhotoList_i1 ul li{margin-bottom: 15px;}
}
@media screen and (max-width: 768px){
    .PhotoList_i1 li a{height: 160px;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li a {height: 31.25vw;}
    .PhotoList_i1 ul li{display: block;float: left; width: 48.5%;margin: 0 3% 5vw 0;}
    .PhotoList_i1 ul li:nth-child(3n){margin-right: 3%;}
    .PhotoList_i1 ul li:nth-child(2n){margin-right: 0;}
    .PhotoList_i1 ul li span{font-size: 3.8vw;margin-top: 5px;}
}