.nyVideo { overflow: hidden; padding: 80px 0; background-color: #f3f3f3;}
.nyVideo ul { min-height:300px; margin-bottom: 10px;}
.nyVideo ul li { width: 23.5%; height: auto; margin: 0 2% 30px 0; padding: 0; background-color: #fff; float: left;}
.nyVideo ul li:nth-child(4n+4) { margin: 0 0 30px; }
.nyVideo ul li:hover { background-color: #205299; }
.nyVideo ul li .nyVideo_img { width: 100%; height: 240px; overflow: hidden; margin: 0 auto; padding: 0;}
.nyVideo ul li .nyVideo_img a { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }
.nyVideo ul li .nyVideo_img a img { display: block; width: 100%; height: 100%; object-fit: cover; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.nyVideo ul li:hover .nyVideo_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.nyVideo ul li .nyVideo_img a i { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0;}
.nyVideo ul li .nyVideo_img a i svg { display: block; width: 50px; height: 50px;}
.nyVideo ul li .nyVideo_text { width: 100%; height: auto; margin: 0 auto; padding: 15px; }
.nyVideo ul li .nyVideo_text a.nyVideo_name { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 20px; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0;}
.nyVideo ul li:hover a.nyVideo_name { color: #fff; }
.nyVideo ul li .nyVideo_text p { width: 100%; height: 40px; overflow: hidden; line-height: 20px; color: #999; font-size: 14px; text-align: center; margin: 10px auto 15px; padding: 0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyVideo ul li:hover .nyVideo_text p { color: rgba(255,255,255,0.65); }
.nyVideo ul li .nyVideo_text a.nyVideo_btn { display: block; width: 120px; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-size: 14px; text-align: center; margin: 0 auto; padding: 0; background-color: #205299;}
.nyVideo ul li .nyVideo_text a.nyVideo_btn i { display: inline-block; width: 18px; height: 18px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 8px;}
.nyVideo ul li:hover .nyVideo_text a.nyVideo_btn { color: #205299; background-color: #fff; }
.nyVideo ul li:hover .nyVideo_text a.nyVideo_btn i svg path { fill: #205299;}

@media (max-width:1440px) {
.nyVideo { padding: 60px 0; }
.nyVideo .nyVideo_Main { width: 100%; }
.nyVideo ul { margin-bottom: 0;}
.nyVideo ul li .nyVideo_img { height: 220px; }
}
@media (max-width:1366px) {
.nyVideo ul li .nyVideo_img { height: 210px; }
}
@media (max-width:1280px) {
.nyVideo ul li .nyVideo_img { height: 200px; }
}
@media (max-width:1200px) {
.nyVideo ul li { margin: 0 2% 25px 0; }
.nyVideo ul li:nth-child(4n+4) { margin: 0 0 25px; }
.nyVideo ul li .nyVideo_img { height: 190px; }
}
@media (max-width:1080px) {
.nyVideo ul li .nyVideo_img { height: 180px; }
.nyVideo ul li .nyVideo_text { padding: 10px; }
.nyVideo ul li .nyVideo_text a.nyVideo_name { font-size: 18px; }
.nyVideo ul li .nyVideo_text p { margin: 10px auto; }
}
@media (max-width:1024px) {
.nyVideo ul li .nyVideo_img { height: 170px; }
}
@media (max-width:920px) {
.nyVideo { padding: 40px 0; }
.nyVideo ul li { width: 31.333333%; margin: 0 3% 20px 0; }
.nyVideo ul li:nth-child(4n+4) { margin: 0 3% 20px 0; }
.nyVideo ul li:nth-child(3n+3) { margin: 0 0 20px; }
.nyVideo ul li .nyVideo_img { height: 170px; }
}
@media (max-width:767px) {
.nyVideo { padding: 20px 0 40px; }
.nyVideo ul li { width: 48.5%; margin: 0 3% 20px 0; }
.nyVideo ul li:nth-child(3n+3), .nyVideo ul li:nth-child(4n+4) { margin: 0 3% 20px 0; }
.nyVideo ul li:nth-child(2n+2) { margin: 0 0 20px; }
.nyVideo ul li .nyVideo_img { height: 140px; }
.nyVideo ul li .nyVideo_img a i { background-size: 40px 40px; }
.nyVideo ul li .nyVideo_text a.nyVideo_name { font-size: 16px; }
}
@media (max-width:375px) {
.nyVideo ul li .nyVideo_img { height: 120px; }
.nyVideo ul li .nyVideo_text a.nyVideo_btn { width: 108px; }
}
@media (max-width:320px) {
.nyVideo ul li { width: 100%; margin: 0 auto 20px; }
.nyVideo ul li:nth-child(2n+2), .nyVideo ul li:nth-child(3n+3), .nyVideo ul li:nth-child(4n+4) { margin: 0 auto 20px; }
.nyVideo ul li .nyVideo_img { height: 200px; }
.nyVideo ul li .nyVideo_text a.nyVideo_btn { width: 120px; }

}