/*advantage_video*/
.advantage_video {
  background: url("/assets/images/gjjl/parallex.jpg") top center no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.advantage_video .title-block h2, .advantage .title-block .h2 {
  color: #fff;
}
.advantage_video .title-block h2::before, .advantage .title-block .h2::before, .advantage .title-block h2::after, .advantage .title-block .h2::after {
  border-bottom-color: #fff;
}
.advantage_video .advantage-item {
  height: 100%;
  background: #eef1f6;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.advantage_video .advantage-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #727fb6;
  transition: all 0.3s ease-in;
  z-index: 1;
}
.advantage_video .advantage-item > * {
  position: relative;
  z-index: 1;
}
.advantage_video .advantage-item i {
  font-size: 30px;
  color: #6c727f;
  margin: 30px 0 20px;
  transition: all 0.3s ease-in;
}
.advantage_video .advantage-item .desc {
  margin-bottom: 30px;
}
.advantage_video .advantage-item .desc p {
  font-size: 10px;
  font-weight: 600;
  color: #333d4c;
  margin-bottom: 0;
  transition: all 0.3s ease-in;
}
.advantage_video .advantage-item:hover::before {
  width: 100%;
}
.advantage_video .advantage-item:hover i {
  color: #fff;
}
.advantage_video .advantage-item:hover p {
  color: #fff;
}
/*slider-element*/
.slider-element {
  --nvm-swiper-dots-position-bottom: 16px;
  --nvm-novem-slider-dots-size: 16px;
  --nvm-slider-pagination-gutters: 4px;
  --nvm-slider-arrow-color: #9ca3af;
  --nvm-slider-pagination-rounded: 50%;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.full-screen .slider-element {
  height: auto;
}
.slider-element .swiper {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}
.slider-element .swiper-slide {
  position: relative;
  margin: 0;
  height: 100%;
  overflow: hidden;
}
.slider-element .swiper-slide [data-caption-animate] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-slide-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider-element .video-wrap,
.section .video-wrap,
.swiper-slide-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slider-element .container,
.slider-element .container-fluid,
.slider-element .container-sm,
.slider-element .container-md,
.slider-element .container-lg,
.slider-element .container-xl,
.slider-element .container-xxl {
  position: relative;
  height: 100%;
}
.slider-element.novem-slider .swiper-slide img {
  width: 100%;
}
.slider-element.novem-slider a {
  display: block;
  height: 100%;
}
.swiper-pagination {
  position: absolute;
  width: 100%;
  z-index: 20;
  margin: 0;
  top: auto;
  bottom: var(--nvm-swiper-dots-position-bottom) !important;
  text-align: center;
  line-height: 1;
}
.swiper-pagination span {
  display: inline-block;
  cursor: pointer;
  width: var(--nvm-novem-slider-dots-size);
  height: var(--nvm-novem-slider-dots-size);
  margin: 0 var(--nvm-slider-pagination-gutters);
  opacity: 1;
  background-color: transparent;
  border: 1px solid var(--nvm-slider-arrow-color);
  border-radius: var(--nvm-slider-pagination-rounded);
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .swiper-pagination span {
    transition: none;
  }
}
.swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: var(--nvm-slider-arrow-color) !important;
}
/* Video Overlay
-----------------------------------------------------------------*/
.video-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.video-wrap video {
  position: relative;
  z-index: 1;
  opacity: 1;
  object-fit: cover;
  transition: opacity 0.3s 1s ease;
}
@media (prefers-reduced-motion: reduce) {
  .video-wrap video {
    transition: none;
  }
}
body:not(.has-plugin-html5video) .video-wrap video {
  opacity: 0;
}
.video-overlay,
.video-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.video-placeholder {
  z-index: 4;
  background-repeat: no-repeat !important;
}
}
/*media-wrap*/
.media-wrap .video-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.media-wrap .video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrap .media-trigger-playback {
  position: absolute;
  width: 56px;
  height: 56px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background: rgba(11, 49, 143, 0.65);
  border-radius: 50%;
  z-index: 2;
}
.media-wrap .media-trigger-playback::before {
  content: "";
  background: rgba(11, 49, 143, 0.65);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  animation: warn 1.8s ease-out infinite;
  z-index: 0;
}
.media-wrap .media-trigger-playback i {
  border: 12px solid transparent;
  border-left: 18px solid #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -6px;
}
.media-wrap.media-is-playing .media-trigger-playback {
  opacity: 0;
}
/**/
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
#video-thumb .swiper-wrapper .swiper-slide .thumb img{max-width:15%;height:auto;}
/*20250324新增样式*/
.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.rounded-top {
  border-top-left-radius: var(--nvm-border-radius) !important;
  border-top-right-radius: var(--nvm-border-radius) !important;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
img, figure {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}