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

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

.wrapper {
  padding-bottom: 4rem; }

.content__hover {
  padding-top: 0; }
  .content__hover .fc_index_content {
    width: 100%;
    min-width: 25.6rem;
    height: auto; }
    .content__hover .fc_index_content .swiper-container {
      background: black;
      margin-top: 1.5rem;
      width: 100%;
      height: 47vw;
      position: relative;
      text-align: center; }
      .content__hover .fc_index_content .swiper-container .swiper-slide .section__head__screen {
        width: 100%;
        height: 100%;
        background: black;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 25.6rem; }
        .content__hover .fc_index_content .swiper-container .swiper-slide .section__head__screen img {
          width: 100%; }
        .content__hover .fc_index_content .swiper-container .swiper-slide .section__head__screen .play__button {
          border: 3px solid #fff;
          border-radius: 1rem;
          height: 2rem;
          width: 2rem;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -1rem;
          margin-left: -1rem;
          cursor: pointer; }
          .content__hover .fc_index_content .swiper-container .swiper-slide .section__head__screen .play__button .icon__play {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.3rem 0 0.3rem 0.5rem;
            border-color: transparent transparent transparent #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -0.28rem 0 0 -0.14rem; }
        .content__hover .fc_index_content .swiper-container .swiper-slide .section__head__screen .slogan {
          position: absolute;
          width: 31rem;
          top: 12vw;
          z-index: 999;
          text-align: center; }
          .content__hover .fc_index_content .swiper-container .swiper-slide .section__head__screen .slogan span {
            font-size: 1.5rem;
            color: white;
            height: 0;
            line-height: 0; }
          .content__hover .fc_index_content .swiper-container .swiper-slide .section__head__screen .slogan h1 {
            font-size: 1.2rem;
            height: 1.425rem;
            line-height: 1.425rem;
            color: white;
            font-weight: 200;
            margin-top: 0.7rem;
            text-transform: unset; }
      .content__hover .fc_index_content .swiper-container .icon-mouse {
        color: #fff;
        font-size: 0.6rem;
        position: absolute;
        bottom: 0px; }
    .content__hover .fc_index_content .section__feature__introduce {
      width: 100%;
      height: 10rem;
      background-color: #0C0C0D; }
      .content__hover .fc_index_content .section__feature__introduce .feature__list {
        max-width: 31rem;
        min-width: 25.6rem;
        width: 55%;
        height: 100%;
        color: #fff;
        margin: 0px auto; }
        .content__hover .fc_index_content .section__feature__introduce .feature__list ul {
          width: 100%;
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          list-style: none; }
          .content__hover .fc_index_content .section__feature__introduce .feature__list ul li {
            margin-top: 1.5rem;
            width: 24.99%;
            text-align: center;
            list-style: none; }
            .content__hover .fc_index_content .section__feature__introduce .feature__list ul li span {
              display: block;
              width: 2.6rem;
              height: 2.6rem;
              margin: 0px auto;
              font-size: 2.6rem; }
            .content__hover .fc_index_content .section__feature__introduce .feature__list ul li p {
              font-size: 0.325rem;
              line-height: 0.4rem;
              margin-top: -0.4rem; }
    .content__hover .fc_index_content .section__fly_longer {
      width: 100%;
      background-color: #000;
      background-image: url("https://static.gethover.com/build/images/falcon/index/fly_long_bg-615e214ebb.png");
      color: #fff;
      background-position: top;
      padding-bottom: 3.45rem;
      padding-top: 3rem; }
      .content__hover .fc_index_content .section__fly_longer .jb {
        height: 2.9rem;
        width: 100%; }
      .content__hover .fc_index_content .section__fly_longer .tx .intro {
        width: 16.65rem;
        margin: 0px auto;
        text-align: center;
        margin-bottom: -4rem; }
        .content__hover .fc_index_content .section__fly_longer .tx .intro .title {
          font-size: 0.9rem;
          font-weight: 500;
          line-height: 1.1rem; }
        .content__hover .fc_index_content .section__fly_longer .tx .intro .content {
          font-size: 0.35rem;
          line-height: 0.6rem;
          font-weight: 100;
          color: #9f9f99;
          margin-top: 0.5rem; }
      .content__hover .fc_index_content .section__fly_longer .tx .images {
        width: 88%;
        margin: 0px auto;
        max-width: 37rem;
        min-width: 25.6rem;
        margin-top: 4.5rem; }
        .content__hover .fc_index_content .section__fly_longer .tx .images img {
          width: 100%; }
      .content__hover .fc_index_content .section__fly_longer .list {
        width: 24rem;
        margin: 0px auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: -0.5rem; }
        .content__hover .fc_index_content .section__fly_longer .list .item {
          margin-top: 2rem; }
          .content__hover .fc_index_content .section__fly_longer .list .item .tp {
            width: 11.125rem;
            height: 13.125rem;
            position: relative; }
            .content__hover .fc_index_content .section__fly_longer .list .item .tp .play__button {
              border: 3px solid #fff;
              border-radius: 1rem;
              height: 2rem;
              width: 2rem;
              position: absolute;
              top: 50%;
              left: 50%;
              margin-top: -1rem;
              margin-left: -1rem;
              cursor: pointer; }
              .content__hover .fc_index_content .section__fly_longer .list .item .tp .play__button .icon__play {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0.3rem 0 0.3rem 0.5rem;
                border-color: transparent transparent transparent #fff;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -0.28rem 0 0 -0.14rem; }
          .content__hover .fc_index_content .section__fly_longer .list .item .js {
            width: 10rem;
            margin: 0.75rem auto 0px;
            color: #fff; }
            .content__hover .fc_index_content .section__fly_longer .list .item .js .title {
              font-size: 0.6rem;
              line-height: 0.6rem;
              font-weight: 500;
              margin-bottom: 0.2rem; }
            .content__hover .fc_index_content .section__fly_longer .list .item .js .content {
              font-size: 0.375rem;
              line-height: 0.55rem;
              font-weight: 100;
              opacity: 0.6; }
    .content__hover .fc_index_content .section__feature__details {
      width: 100%;
      background: #fff;
      color: #000000; }
      .content__hover .fc_index_content .section__feature__details .content {
        width: 27rem;
        margin: 3rem auto; }
        .content__hover .fc_index_content .section__feature__details .content .item {
          width: 100%;
          height: 13.5rem;
          margin-bottom: 2rem; }
        .content__hover .fc_index_content .section__feature__details .content .cq4k, .content__hover .fc_index_content .section__feature__details .content .tc7k {
          color: #ffffff;
          position: relative; }
          .content__hover .fc_index_content .section__feature__details .content .cq4k .tp, .content__hover .fc_index_content .section__feature__details .content .tc7k .tp {
            width: 100%; }
            .content__hover .fc_index_content .section__feature__details .content .cq4k .tp .play__button, .content__hover .fc_index_content .section__feature__details .content .tc7k .tp .play__button {
              border: 3px solid #fff;
              border-radius: 1rem;
              height: 2rem;
              width: 2rem;
              position: absolute;
              top: 50%;
              left: 50%;
              margin-top: -1rem;
              margin-left: -1rem;
              cursor: pointer; }
              .content__hover .fc_index_content .section__feature__details .content .cq4k .tp .play__button .icon__play, .content__hover .fc_index_content .section__feature__details .content .tc7k .tp .play__button .icon__play {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0.3rem 0 0.3rem 0.5rem;
                border-color: transparent transparent transparent #fff;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -0.28rem 0 0 -0.14rem; }
          .content__hover .fc_index_content .section__feature__details .content .cq4k .js, .content__hover .fc_index_content .section__feature__details .content .tc7k .js {
            position: absolute;
            top: 5.5rem;
            left: 3rem; }
            .content__hover .fc_index_content .section__feature__details .content .cq4k .js .title, .content__hover .fc_index_content .section__feature__details .content .tc7k .js .title {
              font-size: 0.9rem;
              line-height: 1.075rem;
              margin-bottom: 0.5rem;
              font-weight: 500; }
            .content__hover .fc_index_content .section__feature__details .content .cq4k .js .xq, .content__hover .fc_index_content .section__feature__details .content .tc7k .js .xq {
              font-size: 0.35rem;
              line-height: 0.65rem;
              font-weight: 200; }
        .content__hover .fc_index_content .section__feature__details .content .zngp .tp, .content__hover .fc_index_content .section__feature__details .content .sjbz .tp, .content__hover .fc_index_content .section__feature__details .content .yjdp .tp {
          float: left;
          width: 50%;
          height: 100%;
          position: relative; }
          .content__hover .fc_index_content .section__feature__details .content .zngp .tp img, .content__hover .fc_index_content .section__feature__details .content .sjbz .tp img, .content__hover .fc_index_content .section__feature__details .content .yjdp .tp img {
            width: 100%; }
          .content__hover .fc_index_content .section__feature__details .content .zngp .tp .play__button, .content__hover .fc_index_content .section__feature__details .content .sjbz .tp .play__button, .content__hover .fc_index_content .section__feature__details .content .yjdp .tp .play__button {
            border: 3px solid #fff;
            border-radius: 1rem;
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -1rem;
            margin-left: -1rem; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .tp .play__button .icon__play, .content__hover .fc_index_content .section__feature__details .content .sjbz .tp .play__button .icon__play, .content__hover .fc_index_content .section__feature__details .content .yjdp .tp .play__button .icon__play {
              content: "";
              display: block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0.3rem 0 0.3rem 0.5rem;
              border-color: transparent transparent transparent #fff;
              position: absolute;
              top: 50%;
              left: 50%;
              margin: -0.28rem 0 0 -0.14rem; }
        .content__hover .fc_index_content .section__feature__details .content .zngp .js, .content__hover .fc_index_content .section__feature__details .content .sjbz .js, .content__hover .fc_index_content .section__feature__details .content .yjdp .js {
          float: left;
          width: 50%;
          height: 100%;
          background-color: #F7F7F7; }
          .content__hover .fc_index_content .section__feature__details .content .zngp .js .wz, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .wz, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .wz {
            width: 7.5rem;
            margin: 4.25rem auto 0px; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .js .wz .title, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .wz .title, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .wz .title {
              font-size: 0.9rem;
              line-height: 1.075rem;
              font-weight: 500;
              margin: 3.75rem auto 0px; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .js .wz .xq, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .wz .xq, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .wz .xq {
              margin-top: 0.5rem;
              font-size: 0.35rem;
              line-height: 0.55rem;
              color: #979797;
              font-weight: 200; }
          .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger {
            width: 7.5rem;
            margin: 0.9rem auto 0px;
            display: flex; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger .icon, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger .icon, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger .icon {
              font-size: 0.6rem; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger .active, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger .active, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger .active {
              color: #000000;
              height: 0.5rem;
              border-left: 0.075rem solid #000000;
              padding-left: 0.375rem; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger .inactive, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger .inactive, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger .inactive {
              color: #9f9f99;
              height: 0.95rem;
              border-left: 0.075rem solid #9f9f9f;
              padding-left: 0.375rem; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger .top, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger .top, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger .top {
              display: flex;
              align-items: flex-start; }
              .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger .top span, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger .top span, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger .top span {
                margin-right: 0.2rem;
                cursor: pointer; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger .bottom, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger .bottom, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger .bottom {
              display: flex;
              align-items: flex-end; }
              .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger .bottom span, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger .bottom span, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger .bottom span {
                margin-right: 0.2rem;
                cursor: pointer; }
            .content__hover .fc_index_content .section__feature__details .content .zngp .js .change_trigger .center, .content__hover .fc_index_content .section__feature__details .content .sjbz .js .change_trigger .center, .content__hover .fc_index_content .section__feature__details .content .yjdp .js .change_trigger .center {
              margin: 0px 0.5rem; }
        .content__hover .fc_index_content .section__feature__details .content .tc7k .js {
          top: 2.5rem;
          left: unset;
          text-align: center;
          width: 100%; }
    .content__hover .fc_index_content .section__bottom {
      width: 100%;
      background-color: #000000;
      position: relative; }
      .content__hover .fc_index_content .section__bottom .v-coprt_logo {
        position: absolute;
        width: 3.7rem;
        right: 27%;
        top: 25%; }
      .content__hover .fc_index_content .section__bottom .image {
        max-width: 48rem;
        margin: 0px auto; }
        .content__hover .fc_index_content .section__bottom .image img {
          height: 100%;
          max-height: 23rem; }