.PhotoList_i1 ul{display: block;}
.PhotoList_i1 li a{position: relative;display: block;overflow: hidden;background-color: #f9f5f3;height: 19.6vw;box-sizing:border-box;}
.PhotoList_i1 ul li a img{display: inline-block;max-width: calc(100% - 3vw);position: absolute;top: 50%;max-height: calc(100% - 3vw);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: 31.3%;margin-right: 3.05%;margin-bottom: 2vw;}
.PhotoList_i1 ul li:nth-child(3n){margin-right: 0;}
.PhotoList_i1 ul li span{text-align: center;line-height: 1.5; font-size: 16px;width: 100%;margin-top: 1.3vw;color: #653833;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.PhotoList_i1 ul li h4{display: none;}
.PhotoList_i1 ul li a:hover img{transform: scale(1.08) translate(-46%, -46%);-webkit-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;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li a {height: 42vw;}
	.PhotoList_i1 ul li{display: block;float: left; width: 48.5%;margin: 0 3% 4vw 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;line-height: 1.5;}
    .PhotoList_i1 ul li a img{max-width: calc(100% - 5vw);max-height: calc(100% - 5vw);}
}