.photo li{width: 31.3%;float: left;margin-bottom: 0;overflow: hidden;position: relative;box-sizing: border-box;margin-bottom: 2vw;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;margin-right: 3.05%;color: #333;
}
.photo li:nth-child(3n){margin-right: 0;border-right: none;}
.photo li>a,.photo .picimg{box-sizing: border-box; height: 16vw;display: block;position: relative;overflow: hidden;}
.photo li>a img,.photo .picimg img{position: absolute;left: 50%;top: 50%;max-width: 100%;max-height: 100%;
    width: 100%;height: 100%;object-fit:cover; 
    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;
}
.photo li span,.NewsList_g3 h3 a{height: auto !important; margin: 0 auto;padding: 1vw 5%;box-sizing: border-box;
    text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;max-width: 100%;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.photo li i, .photo li h4,.rid107 li span{display: none;}
.photo li h3{font-size: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
    text-align: center;margin-top: 0.8em;
}

.rid122.photo li>a{height: auto;}
.rid122.photo li>a span{display: none;}
.photo .picimg{height: 17.5vw;border-radius: 1.2vw;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
  .photo li a img{max-width: 200%;width: auto;min-width: 100%;}
}
@media screen and (min-width: 1024px){
    .photo li:hover{color: #45b035;}
    .photo li a: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: 1024px){
    .photo li>a{height: 18vw;}
}
@media screen and (max-width: 640px){
    .photo li,.photo li:nth-child(2n){padding:0;border:none; width: 48.5% !important;margin-right: 3% !important;float: left !important;
     margin-bottom: 3.3vw !important;margin-left: 0 !important;}
    .photo li:nth-child(2n){margin-right: 0 !important;}
    .photo li a,.photo .picimg{height: 35vw;}
    .photo li span,.NewsList_g3 h3 a{padding: 2.0vw 5%; }
    .photo li h3{font-size: 3.8vw;}

}