/*------------video -----------------*/
.video-list { width: 100%;  margin: 0 auto; padding:20px; display: flex; flex-wrap: wrap;   }
.video-list li { width:calc(100%/4 - 60px); height: auto; margin:0px 30px 40px 30px; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-self: flex-start; list-style: none; border-radius:15px;   transition: transform 0.5s; }
.video-list li:hover{ transform: scale(.95)}
.video-list li h3{min-height: 110px;}
.video-list li h3 a {font-weight: 500; font-size: 1.5rem; font-size: min(max(3vw, 1rem), 1.5rem); color: #256533; white-space: wrap;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-break:normal; overflow-wrap: break-word;  } 
.video-list li p{font-size: 1rem;font-size: min(max(3vw, .875rem), 1rem); color: #333333; line-height: 1.8; letter-spacing: 0.75px;   margin:5px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word;}

.video-list figure  {width: 100%; padding-bottom:100%; height: 0; overflow: hidden; position: relative;  z-index: 1; border-radius:30px;   transition: all 0.5s ease-in-out; }
.video-list figure img { max-width:100%; height: auto; object-fit: contain; margin: auto; display: block; border-radius:0px;   transition: all 0.5s ease-in-out;}
.video-list figure::before { content: ""; position: absolute; left: 0%; top: 0%; bottom: 0; right: 0; margin: auto; width: 92%; height: 92%; display: block; outline: 20px solid rgba(255, 255, 255, 0.2); -webkit-transition: all 0.7s;transition: all 0.7s;border-radius: 30px;pointer-events: none; z-index:11;}

.news-date { width: 100%; margin:10px 0px;    display: flex;  flex-wrap: wrap; align-items: center;  justify-content: space-between;}
.news-date .date {color: #256533;font-weight: 700;}
.news-date .date .top {font-size:24px; }
.news-date .date .bom {font-size: 12px;margin-left: 10px;}
.news-date .new-tag  {padding: 2px 8px;border-radius: 25px;color: #256533;display: block;	font-size: 13px;border: 1px solid #256533; }
@media (max-width:992px) {
.video-list {  padding:20px 0px;  }     
.video-list li { width:calc(100%/3 - 40px); height: auto; margin:0px 20px 40px 20px;  }    
}
@media (max-width:840px) {
.fancybox-slide--iframe .fancybox-content {width: 100%;}
 }
@media (max-width:767.98px) {
.video-list li { width:calc(100%/2 - 20px); height: auto; margin:0px 10px 40px 10px;  }   
.video-list li h3{min-height:66px;}
.news-date .date {width: 100%;} 
    .fancybox-slide-iframe .fancybox-content {width: 100%!important;height: auto;}
 iframe{width: 100%;height: auto;}

}
@media (max-width:320px) {
.video-list li { width:calc(100% - 20px); height: auto; margin:0px auto 40px auto;  }   
}