.PhotoList_i1 li{width: 23.3%;float: left;margin-right: 2.26%;margin-bottom: 1.5vw;}
.PhotoList_i1 li:nth-child(4n){margin-right: 0;}
.PhotoList_i1 li a{box-sizing: border-box; height: 13vw;display: block;position: relative;overflow: hidden; border: 1px solid #e5e5e5;}
.PhotoList_i1 a img{position: absolute;left: 50%;top: 50%;max-height: 85%;max-width: 85%;transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;}
.PhotoList_i1 h4{display: none;}
.PhotoList_i1 li span{color: #2a2a2a;margin: 0 auto;margin-top: 12px;padding: 0 5%; box-sizing: border-box;font-size: 18px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}

@media screen and (min-width: 1024px){
    .PhotoList_i1 li:hover a{border-color: #5abc1a;}
    .PhotoList_i1 li:hover img{transform:translate(-50%,-50%) scale(1.08,1.08) ;-ms-transform:translate(-50%,-50%) scale(1.08,1.08) ;-webkit-transform:translate(-50%,-50%) scale(1.08,1.08) ;}
}
@media screen and (max-width: 1440px){
    .PhotoList_i1 li span{font-size: 16px;}
    .PhotoList_i1 li a{height: 17vw;}
}
@media screen and (max-width: 1024px){
    .PhotoList_i1 li,.PhotoList_i1 li:nth-child(4n){width: 31.8%;margin-right: 2.3%;margin-bottom: 3vw;}
    .PhotoList_i1 li:nth-child(3n){margin-right: 0;}
    .PhotoList_i1 li a{height: 24.5vw;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li,.PhotoList_i1 li:nth-child(4n),.PhotoList_i1 li:nth-child(3n){width: 48.5% !important;margin-right: 3% !important;margin-bottom: 3.5vw;}
    .PhotoList_i1 li a{height: 38.5vw;}
    .PhotoList_i1 li:nth-child(2n){margin-right: 0 !important;}
    .PhotoList_i1 li span{font-size: 3.8vw;}
}