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