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

.honor .photo li,.honor .photo li:nth-child(4n){width: 17.5%;float: left;margin-right: 3.1%;margin-bottom: 2vw;position: relative;}
.honor .photo li:nth-child(5n){margin-right: 0;}
.honor .photo li>a{height: 20vw;}
.honor .photo a img,.rid38 .photo a img{width: auto;height: auto;max-width: 90%;max-height:90%;}
.honor .photo li>a:after{content: "";display: block;width: 100%;height: 100%; left: 0;top: 0;position: absolute;box-sizing:border-box;border: 1px solid #eb6100;
    transition:.6s all ease-out;-ms-transition:.6s all ease-out;-webkit-transition:.6s all ease-out;border-color: #ccc;}

.rid38 .photo li{box-sizing: border-box;border-radius: 10px;}
.rid38 .photo li a{background-color: #f5f5f5;border: none;height: 18vw;}
.rid38 .photo li>a:after{display: none;}
.rid38 .photo li span{border: 1px solid #f5f5f5;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.VideoList_d1 li a:after,.VideoList_d1 li a:before{content: "";display: block;position: absolute;left: 0;top: 0;background-size: auto 3.6vw;
    background-repeat: no-repeat;background-position: center;border: none;opacity: 1;width: 100%;height: 100%;box-sizing: border-box;
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.VideoList_d1 li a:after{background-image: url(../images/play.png);background-color: rgba(0,0,0,0.3);z-index: 1;}
.VideoList_d1 li a:before{background-image: url(../images/play.png);z-index: 1;top: -100%;
    opacity: 0;
}
@media screen and (min-width: 1024px){
    .VideoList_d1 ul li:hover img{transform: scale(1.08)  translate(-46%, -46%);-webkit-transform: scale(1.08) translate(-46%, -46%);}
    .VideoList_d1 li a:hover:after{top: 100%;opacity: 0;}
    .VideoList_d1 li a:hover:before{opacity: 1;top: 0;}

    .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) ;}
    .photo li a:hover:after{opacity: 1;border-color: #0069b7;}
    .photo li:hover span{color: #0069b7;}

    .rid38 .photo li:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
    .rid38 .photo li:hover span{background: #0069b7;color: #fff;border-color: #0069b7;}

}
@media screen and (max-width: 1250px){
    .honor .photo li, .honor .photo li:nth-child(5n), .honor .photo li:nth-child(4n){width: 22.75%;margin-right: 3%;}
    .honor .photo li:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width: 1024px){
    .photo li, .photo li:nth-child(4n){width: 31.3%;margin-right: 3.05%;}
    .photo li>a{height: 22vw;}

    .honor .photo li, .honor .photo li:nth-child(5n),.honor .photo li:nth-child(4n){width: 31.3%;margin-right: 3.05%;}
    .honor .photo li:nth-child(3n), .photo li:nth-child(3n){margin-right: 0;}
    .honor .photo li>a{height: 30vw;}

}
@media screen and (max-width: 640px){
    .photo li,.photo li:nth-child(2n){width: 48.5% !important;margin-right: 3% !important; margin-bottom: 3.3vw !important;}
    .photo li:nth-child(2n){margin-right: 0 !important;}

    .photo li>a{height: 32vw;}
    .photo li span{font-size: 3.8vw;}

    .honor .photo li>a{height: 55vw;}

    .VideoList_d1 li a{height: 54vw;}
    .VideoList_d1 li,.photo .VideoList_d1 li:nth-child(2n){float: none;width: 100% !important;}
    .VideoList_d1 li a:after{display: none;}
    .VideoList_d1 li a:before{top: 0;opacity: 1;background-size: 4em auto;}

    .rid38 .photo li>a{height: 41vw;}
}