.nyVideo { padding: 100px 0;}
.nyVideo_list { margin-bottom: 50px;}
.nyVideo_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -12px -24px;}
.nyVideo_list ul li { width: 25%; margin-bottom: 24px; padding: 0 12px;}
.nyVideo_list ul li a.nyVideo_img { display: block; width: 100%; height: 280px; overflow: hidden; background-color: #fff; border-radius: 12px; position: relative;}
.nyVideo_list ul li a.nyVideo_img::after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(15, 16, 17, .25); position: absolute; left: 0; top: 0; z-index: 1; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyVideo_list ul li:hover a.nyVideo_img::after { background-color: rgba(15, 16, 17, .65);}
.nyVideo_list ul li a.nyVideo_img i { display: block; width: 52px; height: 52px; overflow: hidden; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.nyVideo_list ul li:hover a.nyVideo_img i svg path { fill: #eb633b;}
.nyVideo_list ul li:hover a.nyVideo_img img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyVideo_list ul li a.nyVideo_name { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #2e3033; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; margin-top: 12px; padding-left: 16px; position: relative;}
.nyVideo_list ul li a.nyVideo_name::before { content: ''; display: block; width: 6px; height: 6px; margin-top: -3px; background-color: #eb633b; border-radius: 50%; position: absolute; left: 0; top: 50%;}
.nyVideo_list ul li:hover a.nyVideo_name { color: #eb633b;}

@media (max-width:1680px) {
  .nyVideo { padding: 80px 0;}
  .nyVideo_list { margin-bottom: 40px;}
}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyVideo_list ul li a.nyVideo_name { height: 30px; line-height: 30px; font-size: 16px;}
}

@media (max-width:1366px) {}

@media (max-width:1280px) {
  .nyVideo { padding: 60px 0;}
  .nyVideo_list { margin-bottom: 30px;}
}

@media (max-width:1200px) {
  .nyVideo_list ul { margin: 0 -10px -20px;}
  .nyVideo_list ul li { margin-bottom: 20px; padding: 0 10px;}
  .nyVideo_list ul li a.nyVideo_img { height: 260px;}
}

@media (max-width:1080px) {
  .nyVideo_list ul li a.nyVideo_img { height: 220px;}
  .nyVideo_list ul li a.nyVideo_img i { width: 48px; height: 48px;}
}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyVideo { padding: 40px 0;}
  .nyVideo_list { margin-bottom: 20px;}
  .nyVideo_list ul li { width: 33.333333%;}
}

@media (max-width:820px) {
  .nyVideo_list ul li a.nyVideo_img { height: 200px;}
}

@media (max-width:767px) {
  .nyVideo_list ul { margin: 0 0 -20px;}
  .nyVideo_list ul li { width: 100%; padding: 0;}
  .nyVideo_list ul li a.nyVideo_img { height: 280px;}
  .nyVideo_list ul li a.nyVideo_img i { width: 60px; height: 60px;}
  .nyVideo_list ul li a.nyVideo_name { height: 36px; line-height: 36px; font-size: 18px;}
}

@media (max-width:390px) {}

@media (max-width:320px) {
  .nyVideo_list ul li a.nyVideo_img { height: 240px;}
}