.photo ul li{width: 31%;margin-right: 3.5%; float: left;margin-bottom: 3vw;overflow: hidden;position: relative;
    box-sizing: border-box;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.photo ul li:nth-child(3n){margin-right: 0;border-right: none;}
.photo ul li>a{box-sizing: border-box; height: 17vw;border: 1px solid #d5d5d5;display: block;position: relative;overflow: hidden;}
.photo ul a img{position: absolute;left: 50%;top: 50%;/* max-height: 95%;max-width: 95%; */
     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 ul h4{display: none;}
.photo ul li span{height: auto !important; margin: 0 auto;padding: 1vw 15% 1vw 5%;box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;display: block;max-width: 100%;font-size: 16px;background-position: 95% center;background-repeat: no-repeat;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.photo ul li i{display: none;}

.rid69 ul li img,.rid62 ul li img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
  .photo ul a img{max-width: 200%;width: auto;min-width: 100%;}
}
@media screen and (min-width: 1024px){
    .photo ul li:hover span{opacity: 1; color: #fff;background-image: url(/images/m.png) ;background-color: #e62129;}
    .photo ul 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) ;}

    .class3 .photo li {margin-bottom: 1.6vw;position: relative;}
    .class3 .photo li span{position: absolute;bottom: 0;left: 0;color: #fff;background-image: url(/images/m.png) ;background-color: #e62129;opacity: 0;
        width: 100%;z-index: 2;
    }
    .class3 .photo li:nth-of-type(1) a, .class3 .photo li:nth-of-type(2) a{height: 20vw;}
    .class3 .photo li:nth-of-type(1),.class3 .photo li:nth-of-type(2){width: 48.25%;}
    .class3 .photo li:nth-of-type(2), .class3 .photo li:nth-of-type(5){margin-right: 0;}
    .class3 .photo li:nth-of-type(3){margin-right: 3.05%;}

}
@media screen and (max-width: 1024px){
    .class3 .photo li a{height: 16vw;}
    .class3 .photo li:nth-of-type(1) a, .class3 .photo li:nth-of-type(2) a{height: 25vw;}
    .photo ul li>a{height: 18vw;}
}
@media screen and (max-width: 640px){
    .photo ul li,.photo ul li:nth-child(2n),.rid58 ul li{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 ul li:nth-child(2n),.rid58 ul li:nth-child(2n){margin-right: 0 !important;}
    .photo ul li a,.rid58 ul li a{height: 35vw;}
    .photo ul li span,.NewsList_g3 h3 a{padding: 1.5vw 5%; font-size: 3.8vw;}

    .class3 .photo li a,.class3 .photo li:nth-of-type(1) a, .class3 .photo li:nth-of-type(2) a{height: 30vw;}
}