html {
  width: 100%;
  width: 100%; }

body {
  overflow: visible;
  width: 100%;
  height: 100%; }

.wrapper {
  width: 100%;
  height: 100%;
  min-width: 25.6rem;
  padding-bottom: 0 !important; }

.swiper-slide {
  cursor: pointer; }

.vjs-control-bar {
  z-index: 3000; }

.brow__old .content {
  opacity: 1 !important; }

.content__hover {
  padding-top: 0;
  width: 100%;
  height: 100%; }
  .content__hover .index__a {
    width: 100%;
    height: 100%; }
    .content__hover .index__a .swiper-container {
      width: 100%;
      height: 100%; }
      .content__hover .index__a .swiper-container .swiper-wrapper .section__one {
        width: 100%;
        height: 100%;
        position: relative; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__one .prev {
          position: absolute;
          left: 1.25rem;
          top: 50%;
          margin-top: -0.525rem;
          cursor: pointer; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__one .prev img {
            display: block;
            width: 1.45rem;
            height: auto; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__one .next {
          position: absolute;
          right: 1.25rem;
          top: 50%;
          margin-top: -0.525rem;
          cursor: pointer; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__one .next img {
            display: block;
            width: 1.45rem;
            height: auto; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__one .icon__group {
          height: 2.35rem;
          width: 100%;
          text-align: center;
          position: absolute;
          bottom: 0;
          left: 0;
          padding-top: 0.6rem; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__one .icon__group .icon ul {
            display: block;
            width: 100%;
            height: auto;
            text-align: center; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__one .icon__group .icon ul li {
              display: inline-block; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__one .icon__group .icon ul li img {
                display: block;
                height: 1.1rem;
                width: auto;
                padding: 0 0.7rem; }
                .content__hover .index__a .swiper-container .swiper-wrapper .section__one .icon__group .icon ul li img.press__logo--hover {
                  display: none;
                  position: absolute;
                  top: 0.6rem; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__one .icon__group .icon ul li a:hover img.press__logo--hover {
                display: block; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text {
          width: 12.5rem;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -2.575rem;
          margin-left: -14rem;
          height: auto;
          text-align: center; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .slogan {
            width: 100%; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .slogan p {
              font-weight: 100;
              color: #000000;
              text-align: center; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .slogan p.main {
                font-size: 1rem;
                line-height: 1.45rem; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .slogan p.sub {
                font-size: 0.4rem;
                line-height: 0.5rem;
                margin: 0.225rem auto 0.7rem;
                padding-top: 0.1rem; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .video__btn {
            width: 100%;
            margin: 0 auto; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .video__btn--content {
              width: 5.85rem;
              height: 3.35rem;
              margin: 0 auto;
              position: relative; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .video__btn p {
              font-size: Px(16);
              color: #ffffff;
              line-height: 0.4rem;
              font-weight: 100; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .video__btn a {
              display: block;
              width: 5.75rem;
              height: 3.25rem;
              margin-top: 0.05rem;
              margin-left: 0.05rem;
              border: 1px solid #C4C4C4;
              overflow: hidden; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .video__btn a img {
                width: 100%;
                height: 100%;
                display: block;
                margin: 0; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .video__btn a i {
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -0.55rem;
                margin-left: -0.4rem;
                width: 1.1rem;
                height: auto; }
                .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .video__btn a i img {
                  display: block;
                  width: 1.1rem;
                  height: auto; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__text .video__btn a:hover {
                width: 5.85rem;
                height: 3.35rem;
                margin-top: 0;
                margin-left: 0; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__apple i {
          color: #DBDBDB;
          display: block;
          font-size: 0.7rem;
          margin: 0 auto 0.225rem; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__one .banner__apple p.sub {
          color: #9B9B9B; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__one .new__ui .content {
          background-size: auto 20.35rem;
          background-position: bottom center;
          position: relative; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__one .container {
          width: 100%;
          height: 100%; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__one .container .my-wrapper {
            width: 100%;
            height: 100%;
            box-sizing: content-box; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__one .container .my-wrapper .page__one {
              height: 100%;
              width: 100%; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__one .container .my-wrapper .page__one .item_one {
                height: 100%;
                padding-bottom: 2.35rem; }
                .content__hover .index__a .swiper-container .swiper-wrapper .section__one .container .my-wrapper .page__one .item_one .content {
                  width: 100%;
                  height: 100%;
                  text-align: center;
                  background-size: auto 100%;
                  background-position: center;
                  position: relative; }
      .content__hover .index__a .swiper-container .swiper-wrapper .section__two {
        height: 100%;
        width: 100%; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__prev {
          position: absolute;
          left: 1.25rem;
          top: 50%;
          margin-top: -0.525rem;
          z-index: 3;
          cursor: pointer; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__prev img {
            display: block;
            width: 1.45rem;
            height: auto; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__next {
          position: absolute;
          right: 1.25rem;
          top: 50%;
          margin-top: -0.525rem;
          z-index: 3;
          cursor: pointer; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__next img {
            display: block;
            width: 1.45rem;
            height: auto; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__text {
          height: 100%;
          width: 100%;
          margin: 0 auto;
          position: absolute;
          top: 0;
          left: 0;
          background: url("https://static.gethover.com/build/images/bg/bg_mask-ac3aa7d4d2.png") no-repeat center top;
          background-size: 100% auto;
          z-index: 2; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__text .content {
            padding-top: 2.5rem;
            opacity: 0;
            -webkit-transform: scale3d(0.95, 0.95, 0.95);
            transform: scale3d(0.95, 0.95, 0.95); }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__text .content .title {
              font-size: 1rem;
              color: white;
              text-align: center;
              font-weight: 100;
              text-transform: capitalize; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__text .content .show {
              font-size: 0.35rem;
              color: white;
              width: 16.25rem;
              margin: 0.425rem auto 0;
              text-align: center;
              line-height: 0.425rem; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__text .content ul {
              margin-top: 0.6rem;
              text-align: center;
              list-style-type: none; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__text .content ul li {
                display: inline; }
                .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__text .content ul li a:hover span {
                  color: rgba(255, 255, 255, 0.7); }
                .content__hover .index__a .swiper-container .swiper-wrapper .section__two .showcase__text .content ul li span {
                  cursor: pointer;
                  font-size: 0.6rem;
                  width: 1.05rem;
                  color: white;
                  display: inline-block; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .container__two {
          width: 100%;
          height: 100%;
          position: relative; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__two .container__two .wrapper__two {
            width: 100%;
            height: 100%; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__two .container__two .swiper-slide img {
            width: 100%;
            height: auto; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .myPage__one {
          height: 100%;
          width: 100%;
          background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-user-ugc-photo-17406c0cc1.jpg") no-repeat center center;
          background-size: auto 100%; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .myPage__two {
          height: 100%;
          width: 100%;
          background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-user-ugc-picture-6861ba2abb.jpg") no-repeat center center;
          background-size: auto 100%; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .myPage__three {
          height: 100%;
          width: 100%;
          background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-user-ugc-pic-40b26e8acc.jpg") no-repeat center center;
          background-size: auto 100%; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .myPage__four {
          height: 100%;
          width: 100%;
          background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-user-ugc-photos-7ff1393d01.jpg") no-repeat center center;
          background-size: auto 100%; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__two .myPage__five {
          height: 100%;
          width: 100%;
          background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-user-ugc-pictures-725b6e2c60.jpg") no-repeat center center;
          background-size: auto 100%; }
      .content__hover .index__a .swiper-container .swiper-wrapper .section__three {
        width: 100%;
        height: 100%; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__three .prev {
          position: absolute;
          left: 1.25rem;
          top: 50%;
          margin-top: -0.525rem;
          cursor: pointer; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__three .prev img {
            display: block;
            width: 1.45rem;
            height: auto; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__three .next {
          position: absolute;
          right: 1.25rem;
          top: 50%;
          margin-top: -0.525rem;
          cursor: pointer; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__three .next img {
            display: block;
            width: 1.45rem;
            height: auto; }
        .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third {
          width: 100%;
          height: 100%;
          position: relative; }
          .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third {
            width: 100%;
            height: 100%; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third .item_one {
              height: 100%;
              height: 100%;
              background: url("https://static.gethover.com/build/images/bg/bg_mask-ac3aa7d4d2.png") no-repeat center top;
              background-size: 100% auto; }
              .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third .item_one .content {
                padding-top: 2.5rem;
                opacity: 0;
                -webkit-transform: scale3d(0.95, 0.95, 0.95);
                transform: scale3d(0.95, 0.95, 0.95); }
                .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third .item_one .content .title {
                  font-size: 1.1rem;
                  text-align: center;
                  font-weight: 100;
                  color: #ffffff; }
                .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third .item_one .content .show {
                  font-size: 0.35rem;
                  text-align: center;
                  margin-top: 0.425rem;
                  line-height: 0.425rem;
                  color: #ffffff; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third .myPage__one {
              height: 100%;
              width: 100%;
              background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-drone-auto-follow-4156f6c3dc.jpg") no-repeat center center;
              background-size: auto 100%; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third .myPage__two {
              height: 100%;
              width: 100%;
              background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-drone-portable-de9fac36ae.jpg") no-repeat center center;
              background-size: auto 100%; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third .myPage__three {
              height: 100%;
              width: 100%;
              background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-safe-drone-9d7e78e720.jpg") no-repeat center center;
              background-size: auto 100%; }
            .content__hover .index__a .swiper-container .swiper-wrapper .section__three .container__third .wrapper__third .myPage__four {
              height: 100%;
              width: 100%;
              background: url("https://static.gethover.com/build/images/bg/hover-camera-passport-drone-4K-1f49d5bebd.jpg") no-repeat center center;
              background-size: auto 100%; }
      .content__hover .index__a .swiper-container .swiper-wrapper .footer {
        font-size: 1rem; }

.video--wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000; }
  .video--wrapper .source--load {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000; }
    .video--wrapper .source--load img {
      width: 1.5rem;
      height: 1.5rem;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -0.75rem;
      margin-left: -0.75rem; }
  .video--wrapper .video--banner {
    width: 800px;
    height: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -225px;
    margin-left: -400px;
    background: #000000; }
    .video--wrapper .video--banner video,
    .video--wrapper .video--banner iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2000; }
  .video--wrapper a {
    position: absolute;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    right: -1.35rem;
    padding: 0.35rem;
    background: #000000; }
    .video--wrapper a img {
      width: 0.4rem;
      height: 0.4rem; }

@media screen and (min-width: 901px) {
  .video-js .vjs-control:before {
    line-height: 1rem !important; }
  .vjs-resolution-button .vjs-resolution-button-staticlabel:before {
    line-height: 1rem !important; } }

@media screen and (min-width: 769px) {
  .caseVideos .vjs-fullscreen-control {
    display: none !important; } }

@media screen and (max-width: 900px) {
  /* video */
  .video--wrapper .video--banner {
    width: 13.1rem;
    height: 7.35rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3.675rem;
    margin-left: -6.55rem; }
  .video-js .vjs-control:before {
    line-height: 36px !important; }
  .vjs-resolution-button .vjs-resolution-button-staticlabel:before {
    line-height: 36px !important; } }

@media screen and (max-width: 1024px) {
  .header__a--content {
    padding: 0 1.25rem; }
  .footer__a {
    padding: 0 1.25rem; }
  .banner__text {
    margin-left: -12.5rem !important; } }