<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.video {
  background-image: url("../../img/index/bg-s4-m.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  text-align: center;
  padding: 56px 0 100px;
  margin-top: -140px;
  position: relative;
  z-index: 1; }
  .video .tit {
    width: 259px;
    margin-bottom: 26px; }
  .video .slider-arrs {
    position: absolute;
    top: 40%;
    z-index: 1; }
    .video .slider-arrs .arrs {
      width: 25px;
      position: absolute;
      top: 13px; }
    .video .slider-arrs:focus {
      outline: 0; }
    .video .slider-arrs.prev {
      left: -20px; }
      .video .slider-arrs.prev .arrs {
        left: 7px; }
    .video .slider-arrs.next {
      right: -20px; }
      .video .slider-arrs.next .arrs {
        right: 7px; }
    .video .slider-arrs:hover .anicircle {
      stroke-dashoffset: 0; }
    .video .slider-arrs .anicircle {
      fill: none;
      stroke-width: 1px;
      stroke: #fff;
      stroke-dasharray: 300 300;
      stroke-dashoffset: 300;
      -webkit-transition: stroke-dashoffset 300ms ease;
      -o-transition: stroke-dashoffset 300ms ease;
      transition: stroke-dashoffset 300ms ease; }
  .video .video-slider-wrap {
    position: relative;
    margin: 0 20px; }
    .video .video-slider-wrap .vidFrame {
      margin-bottom: 15px; }
    .video .video-slider-wrap .vidTit {
      width: 90%;
      margin: 15px auto 0;
      font-size: 18px;
      color: #fff; }
  .video .slider-pagination-wrap {
    width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -30px; }
    .video .slider-pagination-wrap span:focus {
      outline: 0; }
    .video .slider-pagination-wrap .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      background-color: #fff;
      margin-right: 7px;
      opacity: .4; }
    .video .slider-pagination-wrap .swiper-pagination-bullet-active {
      opacity: 1; }

@media (min-width: 992px) {
  .video {
    background-image: url("../../img/index/bg-s4-d.png");
    margin-top: -551px;
    padding-top: 300px;
    height: 1287px; }
    .video .desktopArrsCircle {
      position: absolute;
      top: 37%;
      cursor: pointer;
      z-index: 1;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .video .desktopArrsCircle:focus {
        outline: 0; }
      .video .desktopArrsCircle .arrs {
        width: 71px;
        position: absolute;
        left: 24px;
        top: 45px; }
      .video .desktopArrsCircle.prev {
        left: 20px; }
      .video .desktopArrsCircle.next {
        right: 20px; }
      .video .desktopArrsCircle:hover .anicircle {
        stroke-dashoffset: 0; }
      .video .desktopArrsCircle .anicircle {
        fill: none;
        stroke-width: 1px;
        stroke: #fff;
        stroke-dasharray: 300 300;
        stroke-dashoffset: 300;
        -webkit-transition: stroke-dashoffset 300ms ease;
        -o-transition: stroke-dashoffset 300ms ease;
        transition: stroke-dashoffset 300ms ease; }
    .video .container {
      position: relative; }
    .video .tit {
      width: auto;
      margin-left: -40px; }
    .video .desktopArrsCircle {
      z-index: 2; }
      .video .desktopArrsCircle.prev {
        left: 80px; }
      .video .desktopArrsCircle.next {
        right: 80px; }
    .video .video-slider-wrap {
      margin: 0 auto; }
    .video .single-slider {
      width: 660px;
      opacity: .6; }
      .video .single-slider .vidTit {
        display: none; }
      .video .single-slider .mask {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
    .video .swiper-slide-active {
      position: relative;
      z-index: 1;
      opacity: 1; }
      .video .swiper-slide-active .mask {
        background-color: rgba(0, 0, 0, 0);
        z-index: 0; }
      .video .swiper-slide-active .vidTit {
        display: block;
        text-align: left;
        font-size: 20px;
        line-height: 1.3; }
    .video .slider-pagination-wrap {
      bottom: -50px; }
      .video .slider-pagination-wrap .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #fff;
        margin-right: 15px;
        opacity: .4; }
      .video .slider-pagination-wrap .swiper-pagination-bullet-active {
        opacity: 1; } }
</pre></body></html>