@charset "UTF-8";
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  margin: 0;
  padding: 0; }

html,
body {
  margin: 0vw;
  height: 100%;
  font-family: "思源黑体"; }

.indexPage {
  font-size: 0.83333vw; }
  .indexPage .box1 img, .indexPage .box3 img, .indexPage .box5 img, .indexPage .box6 img {
    width: 100%; }
  .indexPage .box2 {
    padding: 7.29167vw 0;
    text-align: center; }
    .indexPage .box2 img {
      display: inline-block;
      width: 26.04167vw;
      height: 14.427vw;
      margin: 0 auto; }
    .indexPage .box2 .box2-des {
      margin-top: 4.16667vw;
      padding: 0 1.5625vw; }
      .indexPage .box2 .box2-des p {
        font-size: 1.35417vw;
        font-weight: 400;
        color: #5E5E5E;
        line-height: 3.125vw; }
  .indexPage .box-title {
    text-align: center;
    font-size: 3.4375vw;
    font-weight: 400;
    color: #4D4D4D;
    line-height: 3.4375vw; }
  .indexPage .box4 {
    padding: 4.16667vw 0; }
    .indexPage .box4 .box-content {
      margin-top: 7.29167vw;
      display: flex;
      align-items: center;
      position: relative; }
      .indexPage .box4 .box-content img {
        width: 100%; }
      .indexPage .box4 .box-content .box4-item {
        flex: 1; }
        .indexPage .box4 .box-content .box4-item img {
          width: 100%; }
      .indexPage .box4 .box-content .swiper-container {
        padding-bottom: 4.16667vw; }
        .indexPage .box4 .box-content .swiper-container .swiper-scrollbar {
          background: #E5E5E3; }
        .indexPage .box4 .box-content .swiper-container .swiper-scrollbar-drag {
          background: #000000; }
      .indexPage .box4 .box-content .scrollBar {
        position: absolute;
        bottom: 0;
        width: 86%;
        left: 7%; }
  .indexPage .box5 {
    position: relative; }
    .indexPage .box5 .box5Jump {
      display: block;
      position: absolute;
      width: 10.5%;
      height: 5.5%;
      left: 44.75%;
      top: 54.25%; }
  .indexPage .box6 {
    padding-top: 14.58333vw; }
    .indexPage .box6 .box-img {
      margin-top: 9.375vw; }
  .indexPage .box7 {
    width: 86%;
    margin: 0 auto;
    text-align: center;
    padding: 7.29167vw 0;
    border-top: 0.05208vw solid #E6E6E6;
    border-bottom: 0.05208vw solid #E6E6E6;
    margin-top: 7.29167vw; }
    .indexPage .box7 img {
      display: inline-block;
      width: 5.20833vw;
      height: 5.20833vw; }
  .indexPage .c-Footer-sublinks {
    width: 86%;
    margin: 0 auto;
    border-bottom: 0.05208vw solid #E6E6E6;
    padding: 2.08333vw 0;
    font-size: 0.9375vw;
    font-weight: 400;
    color: #4E4F50;
    line-height: 1.30208vw; }
    .indexPage .c-Footer-sublinks a {
      color: #4E4F50;
      margin-right: 30px;
      text-decoration: none; }
      .indexPage .c-Footer-sublinks a:hover {
        text-decoration: underline; }
  .indexPage .box8 {
    width: 86%;
    margin: 0 auto;
    text-align: center;
    border-bottom: 0.05208vw solid #E6E6E6;
    padding: 2.08333vw 0;
    font-size: 0.9375vw;
    font-weight: 400;
    color: #4E4F50;
    line-height: 1.30208vw; }
  .indexPage .footer {
    padding: 2.08333vw 0;
    font-size: 0.9375vw;
    font-weight: 400;
    color: #4E4F50;
    line-height: 0.9375vw;
    padding-left: 6.77083vw; }

.agegate-dialog {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  bottom: 0;
  right: 0;
  z-index: 999;
  height: 100% !important;
  width: 100% !important;
  min-width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  display: flex;
  align-items: baseline;
  justify-content: center; }
  .agegate-dialog .ui-dialog-content {
    width: 50% !important;
    overflow: visible;
    position: relative;
    background: #fff;
    padding: 2.08333vw 7.29167vw;
    min-width: 31.25vw; }
    .agegate-dialog .ui-dialog-content img {
      width: 8.33333vw;
      height: 3.90625vw;
      display: block;
      margin: 0 auto;
      margin-bottom: 1.5625vw; }
    .agegate-dialog .ui-dialog-content .top-tips {
      font-size: 0.83333vw;
      font-weight: 400;
      color: #333333;
      line-height: 1.14583vw;
      text-align: center;
      margin-bottom: 1.5625vw; }
    .agegate-dialog .ui-dialog-content .agegate-form .form-row {
      margin-bottom: 1.30208vw; }
    .agegate-dialog .ui-dialog-content .agegate-form .setMe {
      margin-top: 0.52083vw;
      margin-bottom: 1.5625vw;
      text-align: center;
      font-size: 0.83333vw;
      font-weight: 400;
      color: #333333;
      display: flex;
      align-items: center;
      justify-content: center; }
      .agegate-dialog .ui-dialog-content .agegate-form .setMe input {
        width: 1.04167vw;
        height: 1.04167vw;
        border: 0.05208vw solid #CACACA; }
      .agegate-dialog .ui-dialog-content .agegate-form .setMe span {
        margin-left: 0.78125vw; }
    .agegate-dialog .ui-dialog-content .agegate-form .t-label {
      font-size: 0.72917vw;
      font-weight: 400;
      color: #333333;
      line-height: 0.72917vw;
      margin-bottom: 0.72917vw;
      display: block; }
    .agegate-dialog .ui-dialog-content .agegate-form .select-wrapper {
      width: 100%;
      position: relative; }
      .agegate-dialog .ui-dialog-content .agegate-form .select-wrapper::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1.5625vw;
        margin-top: -0.3125vw;
        border: solid #4d4d4d;
        border-width: 0 0.10417vw 0.10417vw 0;
        display: inline-block;
        padding: 0.15625vw;
        pointer-events: none;
        transform: rotate(45deg); }
      .agegate-dialog .ui-dialog-content .agegate-form .select-wrapper select {
        position: relative;
        color: #4d4d4d;
        border: 0.05208vw solid #4d4d4d;
        border-radius: 0;
        padding-right: 2.60417vw;
        padding-left: 1.5625vw;
        line-height: 3.125vw;
        min-height: 3.125vw;
        display: block;
        width: 100%;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        font-size: 1em; }
    .agegate-dialog .ui-dialog-content .agegate-form .agreement {
      font-size: 0.72917vw;
      font-weight: 400;
      color: #333333;
      line-height: 1.14583vw; }
      .agegate-dialog .ui-dialog-content .agegate-form .agreement a {
        color: #333333;
        text-decoration: underline; }
    .agegate-dialog .ui-dialog-content .agegate-form .bottomBtn {
      margin-top: 1.04167vw; }
      .agegate-dialog .ui-dialog-content .agegate-form .bottomBtn button {
        width: 100%;
        height: 3.22917vw;
        border: 0.05208vw solid #4D4D4D;
        font-size: 0.9375vw;
        font-weight: 400;
        color: #333333;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
        cursor: pointer; }
        .agegate-dialog .ui-dialog-content .agegate-form .bottomBtn button:hover {
          background: #4d4d4d;
          color: white; }
    .agegate-dialog .ui-dialog-content .agegate-form .footer-tips {
      font-size: 0.625vw;
      font-weight: 400;
      color: #333333;
      line-height: 0.9375vw;
      margin-top: 1.5625vw;
      text-align: center; }

.hide-dialog {
  display: none !important; }

@media screen and (max-width: 83.33333vw) {
  .agegate-dialog .ui-dialog-content {
    padding: 2.08333vw 5.20833vw; } }

@media screen and (max-width: 72.91667vw) {
  .agegate-dialog .ui-dialog-content {
    width: 66% !important;
    padding: 2.08333vw 4.16667vw; } }

@media screen and (max-width: 62.5vw) {
  .agegate-dialog .ui-dialog-content {
    padding: 2.08333vw 2.08333vw; } }