@charset "utf-8";


.rtit{text-align:center;}
.rtit h2{font-size:36px;color:#000;line-height:1;font-weight:700;}

.video-nav{margin-top:30px;}
.video-nav h3{height:50px;line-height:50px;padding:0 0 0 20px;background:#0271B7;font-size:18px;color:#fff;font-weight:600;text-transform:uppercase;display:none;position:relative;}
.video-nav h3::after{display:block;font-family:"qico";content: "\e727";position:absolute;top:6px;right:6px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.video-nav h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.video-nav ul{display:flex;justify-content:center;flex-wrap:wrap;}
.video-nav ul li{font-size:20px;color:#7c7c7c;margin:15px 10px 0;width: calc((100% - 180px) / 4);}
.video-nav ul li a{color:#0262b2;display:block;font-weight:600;}
.video-nav ul li.active a{color:var(--active-color);}

.videolist{margin-top:30px}
.videolist ul{display:flex;flex-wrap:wrap;margin:0 -15px;}
.videolist ul li{width:33.333333%;padding:15px;}
.videolist ul li .v{position:relative;width:100%;display:block;overflow:hidden;}
.videolist ul li .v img{width:100%;display:block;transition:all 0.3s ease 0s;}
.videolist ul li .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("../images/video.png") no-repeat center;display:block;}
.videolist ul li .t{padding:15px 10px;background:#F3F4F7;box-sizing:border-box;position:relative;min-height: 82px;}
.videolist ul li .t h5{font-size:17px;color:#333;text-align:center; display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.videolist ul li:hover .v::after{background-color:rgba(0,0,0,0.5);}
.videolist ul li:hover img{transform:scale(1.05);-webkit-transform: scale(1.05);}


@media screen and (max-width:1441px) {

.rtit h2{font-size:34px;}

}

@media screen and (max-width:1367px) {

.rtit h2{font-size:32px;}
.video-nav ul li{font-size:19px;}

}

@media screen and (max-width:1281px){

.rtit h2{font-size:30px;}
.video-nav ul li{font-size:18px;}

}

@media screen and (max-width:1171px){

}

@media screen and (max-width:992px){
.videolist ul li{width:50%;}
.video-nav{margin-top:20px;}

}

@media screen and (max-width:768px){
.rtit h2{font-size:28px;}
.video-nav ul li{font-size:17px;color:#7c7c7c;margin:12px 6px 0;}

.video-nav h3{display:block;}
.video-nav ul{display:none;}
.video-nav ul li{margin:0;width:100%;border:1px solid #EDEDED;border-top:none;}
.video-nav ul li a{padding:10px 20px;}

}

@media screen and (max-width:576px) {
.rtit h2{font-size:26px;}
.videolist ul{margin:0 -10px;}
.videolist ul li{padding:10px;}

}

@media screen and (max-width:480px) {
.rtit h2{font-size:24px;}
.videolist{margin-top:20px}
.videolist ul{margin:-10px 0 0;}
.videolist ul li{width:100%;padding:10px 0;}

}	


@media screen and (max-width:420px) {


}