.nans_videos {padding:80px 0 30px;}
.nans_videos h2{font-size:34px;line-height:1;text-align:center;}
.nans_videos .list {margin:40px 0 0;position:relative;}
.nans_videos .list .swiper{margin:0 -10px;}
.nans_videos .swiper-slide{padding:10px;}
.nans_videos .swiper-slide .v {position:relative;display:block;height:0;padding-bottom:60%;overflow:hidden;box-shadow: 0 0 10px rgba(63,62,62,0.1);}
.nans_videos .swiper-slide .v img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.nans_videos .swiper-slide .v::after {content:"\e6fd";font-family:"qico";position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:70px;color:white;}
.nans_videos .swiper-slide p {position:absolute;bottom:0;left:0;right:0;font-size:18px;color:#fff;text-align:center;height:50px;line-height:50px;padding:0 5px;z-index:20;background:rgba(0,0,0,.5);text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nans_videos .swiper-slide:hover img {transform:scale(1.05);-webkit-transform:scale(1.05)}


.nans_videos .page {text-align:right;margin-top:20px;}
.nans_videos .page .swiper-button {position:static;color:var(--color-primary);overflow:hidden;display:inline-block;width:43px;height:43px;border:1px solid var(--color-primary);background:0 0;border-radius:0;margin-top:0;text-align:center;vertical-align:top;}
.nans_videos .page .swiper-button-next {margin-left:13px;}
.nans_videos .page .swiper-button i {color:inherit;font-size:22px;line-height:41px;}
.nans_videos .page .swiper-button:hover {background:var(--color-primary);border-color:var(--color-primary);color:#fff;}


@media screen and (max-width:1440px) {
.nans_videos {padding:70px 0 25px;}
.nans_videos h2 {font-size:32px;}
}

@media screen and (max-width:1280px) {
.nans_videos {padding:60px 0 20px;}
.nans_videos h2 {font-size:30px;}
}

@media screen and (max-width:992px) {
.nans_videos h2 {font-size:29px;}
.nans_videos .swiper-slide .v::after {font-size:60px;}
}

@media screen and (max-width:768px) {
.nans_videos {padding:30px 0 10px;}
.nans_videos h2 {font-size:28px;}
.nans_videos .list {margin:20px -10px 0;}
.nans_videos .swiper-slide p {font-size:14px;}

.nans_videos .page {margin-top:10px;text-align:center;}
.nans_videos .page .swiper-button {width:36px;height:36px;}
.nans_videos .page .swiper-button i {font-size:18px;line-height:34px;}
}

@media screen and (max-width:576px) {
.nans_videos h2 {font-size:26px;}
.nans_videos .swiper-slide .v::after {font-size:50px;}
.nans_videos .swiper-slide p {font-size:13px;}
}

@media screen and (max-width:480px) {
.nans_videos h2 {font-size:24px;}
.nans_videos .list{margin:20px 0 0;}

}

@media screen and (max-width:420px) {
.nans_videos h2 {font-size:22px;}
}