/* CSS Document */
.ny_video { width: 100%; padding: 100px 0; overflow: hidden; background: #f5f8fb; }
.ny_video ul{min-height: 300px; }
.ny_video ul li { width: 32%; margin: 0 2% 30px 0; float: left; }
.ny_video ul li:nth-child(3n+3) { margin-right: 0; }
.ny_video ul li .nyvideo_top { width: 100%; height: 322px; position: relative; }
.ny_video ul li .nyvideo_top .nyvideo_img { display: block; width: 100%; height: 322px; overflow: hidden; position: relative; }
.ny_video ul li .nyvideo_top .nyvideo_img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; object-fit: cover; }
.ny_video ul li .nyvideo_top .nyvideo_f { width: 100%; height: 64px; line-height: 64px; background: rgba(4,4,6,0.55); position: absolute; bottom: 0; left: 0; }
.ny_video ul li .nyvideo_top .nyvideo_time{width: 70%; float: left; color: #fff; padding:20px 0 0 20px;font-size: 16px; }
.ny_video ul li .nyvideo_top .nyvideo_time span { display: block;  width:28px; height:28px; float:left; margin:-2px 8px 0 0; }
.ny_video ul li .nyvideo_top .nyvideo_time span svg { display: block; width: 100%; height: 100%; margin: 0 auto; }
.ny_video ul li .nyvideo_top .nyvideo_time span svg path { fill: #fff; }
.ny_video ul li .nyvideo_top .nyvideo_jt{ display:block; width:75px; height:64px; background: linear-gradient(to right, #2b32b2, #1488cc); float:right; padding:17px 0 0;}
.ny_video ul li .nyvideo_top .nyvideo_jt span{ display:block; width:28px; height:28px; margin:0 auto;}
.ny_video ul li .nyvideo_top .nyvideo_jt span svg { display: block; width: 100%; height: 100%; margin: 0 auto; }
.ny_video ul li .nyvideo_top .nyvideo_jt span svg path { fill: #fff; }
.ny_video ul li .nyvideo_name{ font-size:18px; color:#222;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; height:70px; line-height:70px; padding:0 20px; display:block;}
.ny_video ul li:hover .nyvideo_top .nyvideo_img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.ny_video ul li:hover .nyvideo_name{ color:#245dbe;}

 @media (max-width:1880px) {
}
@media (max-width:1680px) {
.ny_video { padding: 90px 0; }
}
 @media (max-width:1600px) {
.ny_video ul li .nyvideo_top,.ny_video ul li .nyvideo_top .nyvideo_img{ height:300px;}
.ny_video ul li .nyvideo_top .nyvideo_f{ height:60px; line-height:60px;}
.ny_video ul li .nyvideo_top .nyvideo_time{ padding:18px 0 0 18px; font-size:15px;}
.ny_video ul li .nyvideo_top .nyvideo_time span{ width:26px; height:26px;margin: -1px 8px 0 0;}
.ny_video ul li .nyvideo_top .nyvideo_jt{ height:60px; width:70px; padding:16px 0 0;}
.ny_video ul li .nyvideo_top .nyvideo_jt span{ width:26px; height:26px;}
.ny_video ul li .nyvideo_name{ height:75px; line-height:75px; font-size:16px; padding:0 17px;}
}
 @media (max-width:1560px) {
.ny_video { padding: 80px 0; }
}
 @media (max-width:1440px) {
.ny_video ul li{margin:0 2% 25px 0;}
.ny_video ul li .nyvideo_top,.ny_video ul li .nyvideo_top .nyvideo_img{ height:280px;}
.ny_video ul li .nyvideo_top .nyvideo_f{ height:55px; line-height:55px;}
.ny_video ul li .nyvideo_top .nyvideo_time{ padding:15px 0 0 15px;}
.ny_video ul li .nyvideo_top .nyvideo_time span{ width:24px; height:24px;margin: 0 8px 0 0;}
.ny_video ul li .nyvideo_top .nyvideo_jt{ height:55px; width:65px; padding:13px 0 0;}
.ny_video ul li .nyvideo_name{ height:70px; line-height:70px; font-size:15px; padding:0 15px;}
}
 @media (max-width:1366px) {
.ny_video { padding: 70px 0; }
}
 @media (max-width:1280px) {
}
 @media (max-width:1200px) {
.ny_video { padding: 60px 0; }
.ny_video ul li{margin:0 2% 20px 0;}
.ny_video ul li .nyvideo_top,.ny_video ul li .nyvideo_top .nyvideo_img{ height:260px;}
.ny_video ul li .nyvideo_top .nyvideo_f{ height:50px; line-height:50px;}
.ny_video ul li .nyvideo_top .nyvideo_time{ font-size:14px;}
.ny_video ul li .nyvideo_top .nyvideo_time span{ width:22px; height:22px;margin: 0 6px 0 0;}
.ny_video ul li .nyvideo_top .nyvideo_jt{ height:50px; width:60px; padding:13px 0 0;}
.ny_video ul li .nyvideo_top .nyvideo_jt span{ width:24px; height:24px;}
.ny_video ul li .nyvideo_name{ height:60px; line-height:60px; font-size:14px; padding:0 10px;}
}
 @media (max-width:1080px) {
}
 @media (max-width:1024px) {
.ny_video { padding: 50px 0; }
.ny_video ul li .nyvideo_top,.ny_video ul li .nyvideo_top .nyvideo_img{ height:240px;}
.ny_video ul li .nyvideo_top .nyvideo_f{ height:44px; line-height:44px;}
.ny_video ul li .nyvideo_top .nyvideo_time{ padding:12px 0 0 15px; font-size:14px;}
.ny_video ul li .nyvideo_top .nyvideo_time span{ width:20px; height:20px;margin: 1px 6px 0 0;}
.ny_video ul li .nyvideo_top .nyvideo_jt{ height:44px; width:55px; padding:11px 0 0;}
.ny_video ul li .nyvideo_top .nyvideo_jt span{ width:22px; height:22px;}
.ny_video ul li .nyvideo_name{ height:50px; line-height:50px;}
}
 @media (max-width:920px) {

}
 @media (max-width:820px) {
.ny_video { padding: 40px 0; }
.ny_video ul li{ width:49%; margin:0 2% 15px 0;}
.ny_video ul li:nth-child(2n+2){ margin-right:0;}
.ny_video ul li:nth-child(3n+3){ margin-right:2%;}
.ny_video ul li:nth-child(6n+6){ margin-right:0;}
.ny_video ul li .nyvideo_top,.ny_video ul li .nyvideo_top .nyvideo_img{ height:230px;}
}
 @media (max-width:767px) {

}
 @media (max-width:450px) {
.ny_video ul li{ width:100%; margin:0 0 10px 0;}
.ny_video ul li .nyvideo_top,.ny_video ul li .nyvideo_top .nyvideo_img{ height:200px;}
}
 @media (max-width:320px) {
}