@charset "utf-8";
/* CSS Document */

.videopage .lmt { font-size: 20px; color: #3d3d3d; padding-bottom: 10px; cursor: pointer; }
.videopage .lmt a { color: #3d3d3d; }
.videopage .lmt i { font-size: 14px; text-transform: uppercase; padding-left: 10px; color: #958d8e; }
.video_nav { width: 1200px; margin: 20px auto 0; }
.video_nav a { display: block; float: left; padding-left: 22px; margin-top: 33px; margin-left: 31px; position: relative; font-size: 18px; color: #185ba9; }
.video_nav .logo { padding: 0; margin: 0; }
.video_part01 { width: 1200px; margin: 20px auto 0; }
.video_part01_left { width: 912px; float: left; }
.mod-carousel { position: relative; width: 910px; border-radius: 6px; overflow: hidden; }
/* 文字截取 */
.mod-carousel .m-text-cut { overflow: hidden;/*white-space: nowrap; text-overflow: ellipsis;*/ }
/* 内容区域 */
.mod-carousel .swiper-slide, .mod-carousel .swiper-slide img { border-radius: 6px; object-fit: cover; }
.mod-carousel .swiper-slide img { height: 400px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.mod-carousel .swiper-slide:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.mod-carousel .swiper-slide .thumbnail { position: relative; width: 250px; height: 140px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; overflow: hidden; }
.mod-carousel .swiper-slide .mod-tit { position: absolute; bottom: 0px; left: 0px; width: 90%; padding: 20px 5% 10px 5%; font-size: 16px; color: #fff; line-height: 22px; overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%); ; }
.mod-carousel .swiper-slide .mod-tit a, .mod-carousel .swiper-slide .mod-tit a:hover { color: #fff !important; }
.mod-carousel .swiper-slide .mod-txt { position: absolute; bottom: 6px; left: 25px; max-width: 90%; font-size: 14px; color: rgba(255, 255, 255, 0.49); }
/* 轮播大图 */
.mod-carousel .gallery-top { height: 400px; width: 100%; margin: 0 !important; padding: 0 !important; }
.mod-carousel .gallery-top .swiper-pagination-bullet { background: none !important; border: 1px solid #00A9A2 !important; opacity: 0.9; }
.mod-carousel .gallery-top .swiper-pagination-bullet-active { background: #00A9A2 !important; }
.mod-carousel .gallery-top::after { content: ""; width: 400px; height: 400px; position: absolute; right: 0; top: 0; background: -moz-linear-gradient(left, #091010 0%, #091010 18%, #0c0c0c 100%); background: -webkit-linear-gradient(left, #091010 0%, #091010 18%, #0c0c0c 100%); background: linear-gradient(to right, rgba(29,35,50,0) 0%, #091010 18%, #0c0c0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001d2332', endColorstr='#1d2332', GradientType=1 );
z-index: 2; }
/* 轮播缩略图 */
.mod-carousel .gallery-thumbs { position: absolute; top: 0; right: 40px; height: 100%; width: 250px; overflow: visible; }
.mod-carousel .gallery-thumbs .swiper-slide { width: 250px; height: 140px; opacity: 0.2; overflow: hidden; }
.mod-carousel .gallery-thumbs .swiper-slide-active { opacity: 1; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.mod-carousel .gallery-thumbs .swiper-slide.swiper-slide-active { right: 20px; border: 1px solid #00A9A2; border-radius: 10px; }
/* 轮播圆点 */
.mod-carousel .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px 0; }
.mod-carousel .swiper-container-vertical>.swiper-pagination-bullets { right: 11px; }
/* 轮播箭头 */
.mod-carousel .mod-arrow { position: absolute; right: 0; top: 0; width: 30px; height: 100%; }
.mod-carousel .mod-arrow .swiper-button-next, .mod-carousel .mod-arrow .swiper-container-rtl .swiper-button-prev, .mod-carousel .mod-arrow .swiper-button-prev, .mod-carousel .mod-arrow .swiper-container-rtl .swiper-button-next { display: block; top: auto; width: 15px; height: 10px; right: 10px; margin-top: 0; }
.mod-carousel .mod-arrow .swiper-button-next, .mod-carousel .mod-arrow .swiper-container-rtl .swiper-button-prev { background-position: 0 -11px; bottom: 115px;background-image: none;color: #00A9A2;font-size: 20px;}
.mod-carousel .mod-arrow .swiper-button-prev, .mod-carousel .mod-arrow .swiper-container-rtl .swiper-button-next { background-position: 0 0; top: 106px; left: auto;background-image: none;color: #00A9A2;font-size: 20px;}