/*bootstrap样式*/
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    float: left;
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-11 {
    width: 91.66666667%;
  }

  .col-xs-10 {
    width: 83.33333333%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-8 {
    width: 66.66666667%;
  }

  .col-xs-7 {
    width: 58.33333333%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-5 {
    width: 41.66666667%;
  }

  .col-xs-4 {
    width: 33.33333333%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-2 {
    width: 16.66666667%;
  }

  .col-xs-1 {
    width: 8.33333333%;
  }

  .col-xs-pull-12 {
    right: 100%;
  }

  .col-xs-pull-11 {
    right: 91.66666667%;
  }

  .col-xs-pull-10 {
    right: 83.33333333%;
  }

  .col-xs-pull-9 {
    right: 75%;
  }

  .col-xs-pull-8 {
    right: 66.66666667%;
  }

  .col-xs-pull-7 {
    right: 58.33333333%;
  }

  .col-xs-pull-6 {
    right: 50%;
  }

  .col-xs-pull-5 {
    right: 41.66666667%;
  }

  .col-xs-pull-4 {
    right: 33.33333333%;
  }

  .col-xs-pull-3 {
    right: 25%;
  }

  .col-xs-pull-2 {
    right: 16.66666667%;
  }

  .col-xs-pull-1 {
    right: 8.33333333%;
  }

  .col-xs-pull-0 {
    right: auto;
  }

  .col-xs-push-12 {
    left: 100%;
  }

  .col-xs-push-11 {
    left: 91.66666667%;
  }

  .col-xs-push-10 {
    left: 83.33333333%;
  }

  .col-xs-push-9 {
    left: 75%;
  }

  .col-xs-push-8 {
    left: 66.66666667%;
  }

  .col-xs-push-7 {
    left: 58.33333333%;
  }

  .col-xs-push-6 {
    left: 50%;
  }

  .col-xs-push-5 {
    left: 41.66666667%;
  }

  .col-xs-push-4 {
    left: 33.33333333%;
  }

  .col-xs-push-3 {
    left: 25%;
  }

  .col-xs-push-2 {
    left: 16.66666667%;
  }

  .col-xs-push-1 {
    left: 8.33333333%;
  }

  .col-xs-push-0 {
    left: auto;
  }

  .col-xs-offset-12 {
    margin-left: 100%;
  }

  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-xs-offset-9 {
    margin-left: 75%;
  }

  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-xs-offset-6 {
    margin-left: 50%;
  }

  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-xs-offset-3 {
    margin-left: 25%;
  }

  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-xs-offset-0 {
    margin-left: 0;
  }

  @media (min-width: 768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
      float: left;
    }

    .col-sm-12 {
      width: 100%;
    }

    .col-sm-11 {
      width: 91.66666667%;
    }

    .col-sm-10 {
      width: 83.33333333%;
    }

    .col-sm-9 {
      width: 75%;
    }

    .col-sm-8 {
      width: 66.66666667%;
    }

    .col-sm-7 {
      width: 58.33333333%;
    }

    .col-sm-6 {
      width: 50%;
    }

    .col-sm-5 {
      width: 41.66666667%;
    }

    .col-sm-4 {
      width: 33.33333333%;
    }

    .col-sm-3 {
      width: 25%;
    }

    .col-sm-2 {
      width: 16.66666667%;
    }

    .col-sm-1 {
      width: 8.33333333%;
    }

    .col-sm-pull-12 {
      right: 100%;
    }

    .col-sm-pull-11 {
      right: 91.66666667%;
    }

    .col-sm-pull-10 {
      right: 83.33333333%;
    }

    .col-sm-pull-9 {
      right: 75%;
    }

    .col-sm-pull-8 {
      right: 66.66666667%;
    }

    .col-sm-pull-7 {
      right: 58.33333333%;
    }

    .col-sm-pull-6 {
      right: 50%;
    }

    .col-sm-pull-5 {
      right: 41.66666667%;
    }

    .col-sm-pull-4 {
      right: 33.33333333%;
    }

    .col-sm-pull-3 {
      right: 25%;
    }

    .col-sm-pull-2 {
      right: 16.66666667%;
    }

    .col-sm-pull-1 {
      right: 8.33333333%;
    }

    .col-sm-pull-0 {
      right: auto;
    }

    .col-sm-push-12 {
      left: 100%;
    }

    .col-sm-push-11 {
      left: 91.66666667%;
    }

    .col-sm-push-10 {
      left: 83.33333333%;
    }

    .col-sm-push-9 {
      left: 75%;
    }

    .col-sm-push-8 {
      left: 66.66666667%;
    }

    .col-sm-push-7 {
      left: 58.33333333%;
    }

    .col-sm-push-6 {
      left: 50%;
    }

    .col-sm-push-5 {
      left: 41.66666667%;
    }

    .col-sm-push-4 {
      left: 33.33333333%;
    }

    .col-sm-push-3 {
      left: 25%;
    }

    .col-sm-push-2 {
      left: 16.66666667%;
    }

    .col-sm-push-1 {
      left: 8.33333333%;
    }

    .col-sm-push-0 {
      left: auto;
    }

    .col-sm-offset-12 {
      margin-left: 100%;
    }

    .col-sm-offset-11 {
      margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
      margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
      margin-left: 75%;
    }

    .col-sm-offset-8 {
      margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
      margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
      margin-left: 50%;
    }

    .col-sm-offset-5 {
      margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
      margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
      margin-left: 25%;
    }

    .col-sm-offset-2 {
      margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
      margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
      margin-left: 0;
    }
  }
  @media (min-width: 992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
      float: left;
    }

    .col-md-12 {
      width: 100%;
    }

    .col-md-11 {
      width: 91.66666667%;
    }

    .col-md-10 {
      width: 83.33333333%;
    }

    .col-md-9 {
      width: 75%;
    }

    .col-md-8 {
      width: 66.66666667%;
    }

    .col-md-7 {
      width: 58.33333333%;
    }

    .col-md-6 {
      width: 50%;
    }

    .col-md-5 {
      width: 41.66666667%;
    }

    .col-md-4 {
      width: 33.33333333%;
    }

    .col-md-3 {
      width: 25%;
    }

    .col-md-2 {
      width: 16.66666667%;
    }

    .col-md-1 {
      width: 8.33333333%;
    }

    .col-md-pull-12 {
      right: 100%;
    }

    .col-md-pull-11 {
      right: 91.66666667%;
    }

    .col-md-pull-10 {
      right: 83.33333333%;
    }

    .col-md-pull-9 {
      right: 75%;
    }

    .col-md-pull-8 {
      right: 66.66666667%;
    }

    .col-md-pull-7 {
      right: 58.33333333%;
    }

    .col-md-pull-6 {
      right: 50%;
    }

    .col-md-pull-5 {
      right: 41.66666667%;
    }

    .col-md-pull-4 {
      right: 33.33333333%;
    }

    .col-md-pull-3 {
      right: 25%;
    }

    .col-md-pull-2 {
      right: 16.66666667%;
    }

    .col-md-pull-1 {
      right: 8.33333333%;
    }

    .col-md-pull-0 {
      right: auto;
    }

    .col-md-push-12 {
      left: 100%;
    }

    .col-md-push-11 {
      left: 91.66666667%;
    }

    .col-md-push-10 {
      left: 83.33333333%;
    }

    .col-md-push-9 {
      left: 75%;
    }

    .col-md-push-8 {
      left: 66.66666667%;
    }

    .col-md-push-7 {
      left: 58.33333333%;
    }

    .col-md-push-6 {
      left: 50%;
    }

    .col-md-push-5 {
      left: 41.66666667%;
    }

    .col-md-push-4 {
      left: 33.33333333%;
    }

    .col-md-push-3 {
      left: 25%;
    }

    .col-md-push-2 {
      left: 16.66666667%;
    }

    .col-md-push-1 {
      left: 8.33333333%;
    }

    .col-md-push-0 {
      left: auto;
    }

    .col-md-offset-12 {
      margin-left: 100%;
    }

    .col-md-offset-11 {
      margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
      margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
      margin-left: 75%;
    }

    .col-md-offset-8 {
      margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
      margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
      margin-left: 50%;
    }

    .col-md-offset-5 {
      margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
      margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
      margin-left: 25%;
    }

    .col-md-offset-2 {
      margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
      margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
      margin-left: 0;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
      float: left;
    }

    .col-lg-12 {
      width: 100%;
    }

    .col-lg-11 {
      width: 91.66666667%;
    }

    .col-lg-10 {
      width: 83.33333333%;
    }

    .col-lg-9 {
      width: 75%;
    }

    .col-lg-8 {
      width: 66.66666667%;
    }

    .col-lg-7 {
      width: 58.33333333%;
    }

    .col-lg-6 {
      width: 50%;
    }

    .col-lg-5 {
      width: 41.66666667%;
    }

    .col-lg-4 {
      width: 33.33333333%;
    }

    .col-lg-3 {
      width: 25%;
    }

    .col-lg-2 {
      width: 16.66666667%;
    }

    .col-lg-1 {
      width: 8.33333333%;
    }

    .col-lg-pull-12 {
      right: 100%;
    }

    .col-lg-pull-11 {
      right: 91.66666667%;
    }

    .col-lg-pull-10 {
      right: 83.33333333%;
    }

    .col-lg-pull-9 {
      right: 75%;
    }

    .col-lg-pull-8 {
      right: 66.66666667%;
    }

    .col-lg-pull-7 {
      right: 58.33333333%;
    }

    .col-lg-pull-6 {
      right: 50%;
    }

    .col-lg-pull-5 {
      right: 41.66666667%;
    }

    .col-lg-pull-4 {
      right: 33.33333333%;
    }

    .col-lg-pull-3 {
      right: 25%;
    }

    .col-lg-pull-2 {
      right: 16.66666667%;
    }

    .col-lg-pull-1 {
      right: 8.33333333%;
    }

    .col-lg-pull-0 {
      right: auto;
    }

    .col-lg-push-12 {
      left: 100%;
    }

    .col-lg-push-11 {
      left: 91.66666667%;
    }

    .col-lg-push-10 {
      left: 83.33333333%;
    }

    .col-lg-push-9 {
      left: 75%;
    }

    .col-lg-push-8 {
      left: 66.66666667%;
    }

    .col-lg-push-7 {
      left: 58.33333333%;
    }

    .col-lg-push-6 {
      left: 50%;
    }

    .col-lg-push-5 {
      left: 41.66666667%;
    }

    .col-lg-push-4 {
      left: 33.33333333%;
    }

    .col-lg-push-3 {
      left: 25%;
    }

    .col-lg-push-2 {
      left: 16.66666667%;
    }

    .col-lg-push-1 {
      left: 8.33333333%;
    }

    .col-lg-push-0 {
      left: auto;
    }

    .col-lg-offset-12 {
      margin-left: 100%;
    }

    .col-lg-offset-11 {
      margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
      margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
      margin-left: 75%;
    }

    .col-lg-offset-8 {
      margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
      margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
      margin-left: 50%;
    }

    .col-lg-offset-5 {
      margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
      margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
      margin-left: 25%;
    }

    .col-lg-offset-2 {
      margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
      margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
      margin-left: 0;
    }
  }

  .visible-lg,
  .visible-md,
  .visible-sm,
  .visible-xs {
    display: none !important;
  }

  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block {
    display: none !important;
  }

  @media (max-width: 767px) {
    .visible-xs {
      display: block !important;
    }

    table.visible-xs {
      display: table !important;
    }

    tr.visible-xs {
      display: table-row !important;
    }

    td.visible-xs,
    th.visible-xs {
      display: table-cell !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-block {
      display: block !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-inline {
      display: inline !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
      display: block !important;
    }

    table.visible-sm {
      display: table !important;
    }

    tr.visible-sm {
      display: table-row !important;
    }

    td.visible-sm,
    th.visible-sm {
      display: table-cell !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
      display: block !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
      display: inline !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
      display: block !important;
    }

    table.visible-md {
      display: table !important;
    }

    tr.visible-md {
      display: table-row !important;
    }

    td.visible-md,
    th.visible-md {
      display: table-cell !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
      display: block !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
      display: inline !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg {
      display: block !important;
    }

    table.visible-lg {
      display: table !important;
    }

    tr.visible-lg {
      display: table-row !important;
    }

    td.visible-lg,
    th.visible-lg {
      display: table-cell !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-block {
      display: block !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-inline {
      display: inline !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-inline-block {
      display: inline-block !important;
    }
  }
  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
  }
  @font-face {
    font-family: "wbzt1";
    src: url("wbzt1.otf");
  }
  .colorR {
    color: var(--colorR);
  }

  .colorW {
    color: #fff;
  }

  .flex-row {
    display: flex;
  }

  .flex-column {
    display: flex;
    flex-direction: column;
  }

  .padding {
    padding: 6.5vw 16.5vw;
    box-sizing: border-box;
  }

  .padding2 {
    padding: 8% 0;
    box-sizing: border-box;
  }

  .out {
    width: 100%;
  }

  .head {
    height: 60px;
    /* height: 70px; */
    width: 80vw;
    left: 10vw;
    position: fixed;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: 1px solid #fff; */
    box-sizing: border-box;
    top: 0;
    transition: 0.5s;
  }

  .head-active {
    background-color: #e01737;
    width: 100%;
    left: 0;
    padding: 0 5%;
    border-bottom: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .head .logo {
    display: flex;
    width: 8%;
    align-items: center;
  }

  .head .logo img {
    width: 100%;
  }

  .input-box {
    width: 8%;
  }

  .input-box form {
    width: 100%;
    position: relative;
  }

  .input-border {
    border: none;
    width: 100%;
    height: 30px;
    border-radius: 15px;
    padding: 0 35px;
    box-sizing: border-box;
    font-size: 0.62rem;
  }

  .input-box form .submit {
    position: absolute;
    left: 10px;
    top: 50%;
    background-image: url("../img2/search.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(0, -50%);
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: none;
  }

  .head ul {
    display: flex;
    width: 65%;
    justify-content: flex-end;
  }

  .head ul li {
    display: flex;
    align-items: center;
  }

  .head ul a {
    font-size: 0.62rem;
    color: #fff;
    margin: 0 20px;
  }

  .nav-btn {
    width: 30px;
    height: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
  }

  .nav-btn span {
    height: 2px;
    width: 100%;
    background-color: #fff;
    display: flex;
    position: absolute;
    transition: 0.5s;
  }

  .nav-btn span:nth-child(1) {
    top: 0;
    left: 0;
  }

  .nav-btn span:nth-child(2) {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }

  .nav-btn span:nth-child(3) {
    bottom: 0;
    left: 0;
  }

  .nav-btn-active span:nth-child(1) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .nav-btn-active span:nth-child(2) {
    opacity: 0;
  }

  .nav-btn-active span:nth-child(3) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .head-right {
    display: flex;
    justify-content: space-between;
    width: 10%;
    position: relative;
    align-items: center;
  }

  .head-right::after {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    background-color: #fff;
    left: 52%;
    top: 10%;
  }

  .head .en {
    text-transform: capitalize;
    color: #fff;
    font-size: 0.62rem;
  }

  .head a {
    transition: 0.5s;
  }
  .pageSwier {
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }

  .pageSwier-inner {
    position: relative;
    height: 100vh !important;
  }

  .bannerSwiper {
    height: 100vh !important;
  }

  .bannerSwiper img {
    width: 100%;
  }

  .bannerSwiper .swiper-slide {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .mobile-text {
    display: none;
  }

  .bannerSwiper .swiper-slide span {
    font-size: 24px;
    color: #fff;
    letter-spacing: 80px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    padding-left: 80px;
    white-space: nowrap;
  }

  .mobile-jt {
    display: none;
  }

  .page-title {
    font-size: 1.4rem;
    letter-spacing: 2px;
    color: #333;
  }

  .page-title p {
    font-size: 0.55rem;
    margin-bottom: 10vh;
    margin-top: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e01837;
  }

  .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #b5b5b5;
  }

  .mCSB_scrollTools {
    position: absolute;
    left: -8.25vw;
    top: 0;
  }

  .mCustomScrollBox {
    overflow: visible;
  }

  .page3 {
    width: 100%;
    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page3-inner .page3-swpier-pagination,
  .page5 .page5-swpier-pagination {
    width: 100%;
    margin-top: 50px;
  }

  .page3-swpier-pagination .swiper-pagination-bullet,
  .page5-swpier-pagination .swiper-pagination-bullet {
    width: 80px;
    background-color: #fff;
    height: 3px;
    margin: 0 3px;
    border-radius: 0;
    opacity: 1;
  }

  .page3-swpier-pagination .swiper-pagination-bullet-active,
  .page5-swpier-pagination .swiper-pagination-bullet-active {
    background-color: var(--colorR) !important;
    height: 3px;
  }

  .page3-swpier .swiper-slide-active .swiper-inner {
    opacity: 1;
  }

  .page3-swpier .swiper-slide .swiper-inner:hover::after {
    right: 10px;
  }

  .background-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .background-item2 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .background-item3 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .page4 {
    background-image: url("../img2/p4-b2.jpg");
  }

  .logo-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .logo-item {
    display: flex;
    width: calc(25% - 8px);
    margin-right: 10px;
    padding-bottom: 16%;
    border-radius: 15px;
    margin-top: 20px;
    box-shadow: 11px 16px 32px rgba(0, 0, 0, 0.1);
    opacity: 1;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    align-items: flex-start;
    transition: 0.5s;
  }

  .logo-item:hover img:nth-child(1) {
    opacity: 0;
  }

  .logo-item:hover img:nth-child(2) {
    opacity: 1;
  }

  .logo-item img {
    width: 75%;
    display: inline-block;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    transition: 0.5s;
  }

  .logo-item img:nth-child(2) {
    opacity: 0;
  }

  .logo-item:nth-child(4n) {
    margin-right: 0;
  }

  .page5 {
  }

  .page5-swpier {
    width: 100%;
    overflow: visible;
  }

  .page5-inner {
    overflow: hidden;
    width: 70%;
    position: absolute;
    left: 15%;
    padding: 50px 0;
    margin-top: -50px;
    transition: 0.5s;
  }

  .page5-swpier .swiper-slide {
    padding-bottom: 35%;
    position: relative;
    transition: transform 0.5s;
  }

  .page5-swpier .swiper-slide h2 {
    position: absolute;
    font-size: 0.65rem;
    left: 30px;
    top: 30px;
  }

  .page5-swpier-pagination {
    position: absolute;
    bottom: 5vw;
    width: 100% !important;
    left: 0;
  }

  .page5-swpier .swiper-slide:hover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    z-index: 5;
    transform: translate(-5%, 0) scale(1.1);
  }

  .page5-swpier .swiper-slide-active:hover {
    transform: translate(10%, 0) scale(1.1) !important;
  }

  .page5-inner:hover {
    box-sizing: unset;
  }

  .page5 .page-title {
    color: #333;
  }

  .page5-swpier-pagination span {
  }

  .page6-tab {
    position: absolute;
    left: 46.5vw;
    top: 6.5vw;
    transform: translate(0, 50%);
    display: flex;
  }

  .page6-tab span {
    cursor: pointer;
    font-size: 0.65rem;
    padding: 10px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    margin: 0 5px;
  }

  .page6-tab .active {
    background-color: var(--colorR);
    color: #fff;
  }

  .page6-tab span:hover {
    background-color: var(--colorR);
    color: #fff;
  }

  .page6-box {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 90%;
    height: 55vh;
    left: 0;
    overflow: hidden;
  }

  .page6-left {
    width: 48%;
    background-color: #f6f6f6;
    /* height: 100%; */
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
  }

  .page6-left .mCustomScrollBox {
    padding-left: calc(16.5vw - 30px);
    overflow: hidden;
  }

  .page6-left .mCSB_scrollTools {
    left: 8.25vw;
    display: none !important;
  }

  .page6-left-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }

  .page6-left-inner img {
    width: 100%;
  }

  .page6-left h2 {
    text-align: right;
    font-size: 0.8rem;
    color: #989898;
  }

  .page6-left h1 {
    font-size: 0.75rem;
    line-height: 1.2rem;
  }

  .page6-left p {
    font-size: 0.6rem;
    color: #989898;
    line-height: 1.2rem;
    margin-bottom: 15px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .page6-left p:nth-child(-n + 3) {
    margin-top: 15px;
  }

  .page6-left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colorR);
  }

  .page6-right {
    width: 48%;
    height: 100%;
  }

  .page6-right a {
    display: flex;
    width: 100%;
    height: 33.3%;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
    padding: 38px 20px;
    position: relative;
    transition: 0.5s;
  }

  .page6-right a:nth-child(1) {
    border-top: 1px solid #ccc;
  }

  .page6-right a h1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.8rem;
    position: relative;
  }

  .page6-right a h1 span {
    color: #989898;
    font-size: 0.8rem;
  }

  .page6-right a p {
    font-size: 0.65rem;
    color: #989898;
    line-height: 1.2rem;
    width: 80%;
  }

  .page6-right a h1::before {
    content: "";
    left: -10px;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #000;
  }

  .page6-right a::after {
    width: 56px;
    height: 13px;
    content: "";
    position: absolute;
    bottom: 30px;
    right: 20px;
    background-image: url("../img2/jt-p6.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0;
    transition: 0.5s;
  }

  .page6-right a:hover::after {
    opacity: 1;
  }

  .page6-box {
    left: -100%;
    opacity: 0;
    transition: 0.8s;
  }

  .page6-left .mCustomScrollBox {
    position: relative;
  }

  .page6-left .mCustomScrollBox::after {
    position: absolute;
    content: "";
    left: calc(8.25vw - 30px);
    top: 0;
    width: 3px;
    height: 100%;
    background-position: center;
    background-image: url("../img2/zsx.png");
    background-repeat: no-repeat;
    background-size: contain;
  }

  .page6-box-active {
    left: 0;
    opacity: 1;
  }

  .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    height: 100%;
  }

  .page6-left-inner {
    justify-content: space-between;
  }

  .foot-out {
    height: auto !important;
  }

  .foot {
    height: auto;
    background-color: #898989;
    padding: 4.5vh 16.5vw;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .foot-left {
    width: 70%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
  }

  .foot-left ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #fff;
  }

  .foot-left ul li {
    display: flex;
    flex-direction: column;
  }

  .foot-left ul a {
    font-size: 0.6rem;
    margin-bottom: 13px;
    color: #cccccc;
    transition: 0.5s;
  }

  .foot-left ul a:nth-last-child(1) {
    margin-bottom: 0;
  }

  .foot-left ul a:hover {
    color: #fff;
  }

  .foot-left ul li a:nth-child(1) {
    margin-bottom: 25px;
    color: #fff;
    font-weight: 500;
  }

  .foot-left-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .foot-left-bottom-left h1 {
    font-size: 0.62rem;
    color: #fff;
    margin-bottom: 25px;
  }

  .foot-left-bottom-left p {
    font-size: 0.6rem;
    color: #ccc;
    margin-bottom: 15px;
  }

  .foot-left-bottom-left p:nth-last-child(1) {
    margin-bottom: 0;
  }

  .foot-h6 {
    display: none;
    line-height: 20px;
    font-size: 12px;
    color: #bfbfbf;
    margin-top: 20px;
  }

  .foot-h6 a {
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #bfbfbf;
  }

  .share {
    display: flex;
    align-items: flex-end;
  }

  .share a {
    width: 30px !important;
    height: 30px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    margin-bottom: 0 !important;
    margin-right: 30px;
  }

  .foot-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .ewm {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .ewm p {
    font-size: 0.62rem;
    color: #fff;
    margin-top: 20px;
  }

  .foot-right input {
    border: none;
    height: 35px;
    border-radius: 17.5px;
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 0.62rem;
    width: 200px;
    line-height: 35px;
  }

  .search {
    position: relative;
    width: 200px;
  }

  .search p {
    border: none;
    height: 35px;
    border-radius: 17.5px;
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 15px;
    width: 100%;
    line-height: 35px;
    background-color: #fff;
    color: #666;
    display: flex;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
  }

  .search-active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .search p::after {
    position: absolute;
    content: "";
    right: 15px;
    background-image: url("../img2/xl-yl.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    top: 50%;
    transform: translate(0, -50%);
  }

  .yqlj-more {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    transform: translate(0, 100%);
    border-radius: 17.5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
  }

  .yqlj-more a {
    font-size: 15px;
    height: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 0 30px;
    color: #666;
    box-sizing: border-box;
  }

  .foot-more {
    height: 30px !important;
    background-color: var(--colorR);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
  }

  .head-mc {
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: #282828;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 0 10vw;
    padding-top: 20vh;
    box-sizing: border-box;
    display: none;
  }

  .head-mc ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .head-mc ul li {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .head-mc ul .checkout_l {
    display: none;
  }

  .head-mc ul li a {
    font-size: 0.65rem;
    color: #ccc;
    margin-bottom: 25px;
    display: flex;
  }

  .head-mc ul li a:nth-child(1) {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 35px;
  }

  .head-mc ul li a:nth-last-child(1) {
    margin-bottom: 0;
  }

  .head-mc ul li {
    margin-top: 80px;
  }

  .head-mc ul li:nth-child(-n + 5) {
    margin-top: 0;
  }

  .head-mc ul li span {
    font-size: 0.65rem;
    color: #ccc;
    margin-top: 20px;
  }

  .page3-mobile-swiper {
    display: none;
  }

  .mobile-title-page5 {
    display: none;
  }

  .page5-mobile-swiper {
    display: none;
  }

  .page6-mobile {
    display: none;
  }

  .mobile-p {
    display: none;
  }

  .mobile-video-mc {
    display: none;
  }

  .mobile-page {
    display: none;
  }

  .box-page {
    min-height: 60vh;
    width: 100%;
    margin-top: 8vh;
    box-sizing: border-box;
  }

  .title-page {
    font-size: 1.2rem;
    color: #333;
    position: relative;
    margin-bottom: 80px;
  }

  .title-page::after {
    position: absolute;
    content: "";
    right: 0;
    width: 80%;
    height: 1px;
    background-color: rgba(125, 125, 125, 1);
    top: 50%;
    transform: translate(0, -50%);
  }

  .cp-box {
    display: flex;
    justify-content: space-between;
    width: 1285px;
    height: 556px;
    zoom: 0.99;
  }

  .ceter-cp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    align-content: space-between;
  }

  .cp-box a {
    display: flex;
  }

  .left-cp {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .cp-box a {
    position: relative;
    transition: 0.5s;
  }

  .ceter-cp a {
    margin-right: 1.2%;
    display: flex;
  }

  .ceter-cp a:nth-child(2n) {
    margin-right: 0;
  }

  .cp-box span {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    color: #fff;
    letter-spacing: 1px;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: 0.5s;
  }

  .cp-box a:hover span {
    opacity: 1;
  }

  .mobile-box-cp {
    display: none;
  }

  .cplb-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .cplb-left {
    width: 23%;
    background-color: #fff;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .cplb-right {
    width: 75%;
  }

  .cplb-left a {
    height: 80px;
    display: flex;
    width: 100%;
    font-size: 0.65rem;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    position: relative;
  }

  .cplb-left li:nth-last-child(1) a {
    border: none;
  }

  .cplb-left a::after {
    position: absolute;
    content: "";
    right: 0;
    height: 16px;
    width: 20px;
    background-image: url("../img2/cp-xy.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0;
    transition: 0.5s;
  }

  .cplb-left a:hover,
  .cplb-left .active {
    color: #e01737;
  }

  .cplb-left a:hover::after,
  .cplb-left .active::after {
    opacity: 1;
  }

  .cplb-right video {
    width: 100%;
    margin-bottom: 30px;
  }

  .cplb-item-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .cplb-item {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 30px;
    padding-bottom: 34%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .cplb-item:nth-child(3n) {
    margin-right: 0;
  }

  .cplb-item span {
    position: absolute;
    bottom: 5%;
    font-size: 0.65rem;
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
  }

  .pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 35px;
  }

  .pagination a {
    height: 35px !important;
    width: 35px !important;
    background-color: #cccccc;
    color: #fff;
    font-size: 0.6rem;
    line-height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: 0.5s;
  }

  .pagination .prev,
  .pagination .next {
    /* width: 90px; */
    height: 35px !important;
    border-radius: 50% !important;
    display: none;
  }

  .pagination .next {
    background-image: url("../img2/p-jt1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
  }

  .pagination .prev {
    background-image: url("../img2/p-jt1.png");
    transform: rotate(180deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
  }

  .pagination .next:hover,
  .pagination .prev:hover {
    background-image: url("../img2/p-jt2.png");
  }

  /* .pagination .last,
.pagination .first {
width: 60px;
height: 35px;
border-radius: 5px;
} */

  .pagination a:hover {
    background-color: #e01837;
  }

  .pagination .active {
    background-color: #e01837;
  }

  .cplb-item-list a:hover span {
    color: #e01737;
  }

  .title-page-box {
    display: flex;
    justify-content: space-between;
  }

  .title-page-box .title-page {
    width: 80%;
  }

  .title-page-box .title-page::after {
    width: 85%;
  }

  .tab-box {
    display: flex;
  }

  .tab-box span {
    font-size: 0.6rem;
    height: 30px;
    border-radius: 17.5px;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 20px;
    cursor: pointer;
    transition: 0.5s;
  }

  .tab-box span:nth-last-child(1) {
    margin-right: 0;
  }

  .tab-box span:hover,
  .tab-box .active {
    background-color: var(--colorR);
    color: #fff;
    border: 1px solid var(--colorR);
  }

  .video-box {
    display: none;
    flex-wrap: wrap;
  }

  .active-v-box {
    display: flex;
  }

  .video-item {
    width: 32%;
    margin-right: 2%;
    margin-top: 35px;
  }

  .video-item:nth-child(3n) {
    margin-right: 0;
  }

  .video-item:nth-child(-n + 3) {
    margin-top: 0;
  }

  .video-item p {
    padding-bottom: 56%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
    position: relative;
  }

  .video-item span {
    font-size: 0.6rem;
    color: #333;
    text-align: center;
    display: inline-block;
    width: 100%;
  }

  .video-item p::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img2/v-play2.png");
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }

  .video-mc {
    width: 50%;
    padding: 35px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 5;
    display: none;
  }

  .video-mc video {
    width: 100%;
  }

  .video-mc img {
    right: 10px;
    top: 5px;
    position: absolute;
    cursor: pointer;
  }

  .page-box {
    width: 100%;
    margin-top: 30px;
  }

  .page-box a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: #808080;
    background-color: transparent;
    box-sizing: border-box;
  }

  .page-box .prev,
  .page-box .next {
    border-radius: 5px;
  }

  .page-box .active {
    color: #fff;
    border: none;
  }

  .page-box a:hover {
    color: #fff;
    border: 1px solid transparent;
  }

  .title-page2::after {
    width: 85%;
  }

  .news-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
  }

  .news-item {
    display: flex;
    flex-direction: column;
    width: 32.5%;
    margin-right: 1.25%;
    box-shadow: 7px 0px 20px rgba(15, 5, 10, 0.08);
    margin-top: 30px;
    box-sizing: border-box;
    position: relative;
  }

  .news-item:nth-child(3n) {
    margin-right: 0;
  }

  .news-item:nth-child(-n + 3) {
    margin-top: 0;
  }

  .news-img {
    padding-bottom: 61%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .news-info {
    padding: 42.5px 20px;
    box-sizing: border-box;
  }

  .news-info p {
    font-size: 0.6rem;
    color: #808080;
    margin-bottom: 20px;
  }

  .news-info h1 {
    font-size: 0.75rem;
    line-height: 1.2rem;
    margin-bottom: 20px;
    font-weight: 500;
  }

  .news-info span {
    text-align: right;
    font-size: 0.6rem;
    color: var(--colorR);
    display: flex;
    width: 100%;
    justify-content: flex-end;
    position: absolute;
    bottom: 30px;
    right: 20px;
  }

  .mobile-news-box {
    display: none;
  }

  /* 鍔ㄧ敾 */
  .mo-bottom {
    transform: translate(0, 5vh);
    opacity: 0;
  }

  .mo-opt::after {
    opacity: 0;
    transform: translate(0, 5vh);
  }

  .bannerSwiper .swiper-slide span {
    transition: 1.5s;
  }

  .page-title {
    transition: 0.5s 0.5s;
  }

  .page3-inner {
    transition: 0.5s 1s;
  }

  .logo-list {
    transition: 0.5s 1s;
  }

  .page5-swpier {
    transition: 0.5s 1s;
  }

  .page5-swpier-pagination {
    transition: 0.5s 1.5s;
  }

  .page6-tab {
    transition: 0.5s 1s;
  }

  .page6-left,
  .page6-right {
    transition: 0.5s 1.5s;
  }

  .title-page {
    transition: 0.5s;
  }

  .cp-box {
    transition: 0.5s 0.5s;
  }

  .video-box {
    transition: 0.5s 0.5s;
  }

  .title-page-box {
    transition: 0.5s;
  }

  .news-box {
    transition: 0.5s 0.5s;
  }

  .page-box {
    transition: 0.5s 1s;
  }

  .foot-left-bottom-left .pc-p {
    margin-bottom: 0;
  }

  .tab-box a {
    margin-right: 20px;
  }

  .tab-box a:nth-last-child(1) {
    margin-right: 0;
  }

  .foot-more p {
    font-size: 11px;
  }
  .foot-more p span {
    font-size: 11px;
  }
  .foot-more p a {
    color: #fff;
    font-size: 11px;
  }
  .foot-more p a img {
    width: 14px;
    vertical-align: middle;
  }

  .mobile-fz-swiper-out {
    display: none;
  }

  .ewm p {
    font-size: 13px;
  }

  .mCSB_scrollTools {
    display: none !important;
  }

  .bdshare-button-style0-16 a,
  .bdshare-button-style0-16 .bds_more {
    padding: 0 !important;
    margin: 0 10px !important;
  }

  .banner-video {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: fill;
  }

  .bannerSwiper .swiper-slide span {
    z-index: 6;
  }

  .v-mobile {
    display: none;
  }

  /* 20201130 */
  /* 澧炲姞浜т笟鏉垮潡椤甸潰 */
  .auto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .cybk-item {
    width: 29%;
    margin-right: 6.5%;
  }

  .cybk-item:nth-child(3n) {
    margin-right: 0;
  }

  .cybk-item-img {
    padding-bottom: 69%;
  }

  .cybk-item-logo {
    padding-bottom: 35%;
    background-size: 50%;
  }

  .cybk-item-info {
    font-size: 16px;
    line-height: 30px;
    color: #333;
  }

  .page-title {
    margin: 30px 0 50px 0;
  }

  .page-title p {
    margin-bottom: 0;
  }

  .page4 .page-title {
    margin-bottom: 120px;
  }

  .logo-item {
    margin-top: 9px;
  }

  .logo-item:nth-child(-n + 4) {
    margin-top: 0;
  }

  .page5-inner {
    margin-top: -27px;
  }

  .page5-swpier .swiper-slide h2 {
    top: 40px;
  }

  .page6-box {
    top: 31%;
  }

  .page6-tab {
    top: 7.8vw;
  }

  .page6-tab span {
    margin: 0 20px;
    position: relative;
  }

  .page6-left {
    padding: 60px 30px;
  }

  .page6-box {
    height: 60vh;
  }

  .page6-left h2 {
    margin-bottom: 20px;
  }

  .page6-right a {
    padding: 45px 20px;
  }

  .page6-left .mCustomScrollBox::after {
    height: calc(100% - 56px);
    top: unset;
    bottom: 0;
  }

  .foot {
    padding: 6vh 16.5vw;
  }

  .foot-left ul {
    padding-bottom: 35px;
    margin-bottom: 35px;
  }

  .foot-more {
    height: 30px !important;
    /* height: 50px !important; */
  }

  .bannerSwiper .swiper-slide span {
    letter-spacing: 90px;
    font-size: 26px;
    padding-left: 90px;
  }

  .head-active {
    padding: 0 10%;
  }

  .page3-swpier-pagination .swiper-pagination-bullet,
  .page5-swpier-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    transition: 0.5s;
  }

  .page3-swpier-pagination .swiper-pagination-bullet:hover,
  .page5-swpier-pagination .swiper-pagination-bullet:hover {
    height: 6px;
  }

  .page3-swpier-pagination .swiper-pagination-bullet-active,
  .page5-swpier-pagination .swiper-pagination-bullet-active {
    height: 6px;
  }

  .page3-swpier .swiper-slide::before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  }

  /* .page3-swpier .swiper-slide-active::before {
display: none;
} */

  .page6-tab span:nth-child(1) {
    margin-left: 0;
  }

  .page6-right a::after {
    opacity: 1;
  }

  .page6-right a:hover::after {
    background-image: url("../img2/jt-p6s.png");
  }

  .colorW {
    color: #fff;
  }
  .page5-swpier .swiper-slide {
    position: relative;
  }
  .page5-swpier .swiper-slide::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0);
    transition: 0.5s;
  }
  .page5-swpier .swiper-slide:hover::after {
    opacity: 0;
  }
  @charset "UTF-8";
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  @font-face {
    font-family: "itc";
    src: url("./fonts/itc.woff2")
        format("woff2"),
      url("./fonts/itc.woff")
        format("woff"),
      url("./fonts/itc.ttf")
        format("truetype"),
      url("./fonts/itc.eot")
        format("embedded-opentype"),
      url("./fonts/itc.svg")
        format("svg");
    font-weight: normal;
    font-style: normal;
  }

  .simple-form-basic,
  .simple-text,
  .simple-textarea,
  .simple-select {
    border: 1px solid #ccc;
    padding: 4px;
    vertical-align: middle;
  }
  .simple-form-basic:focus,
  .simple-text:focus,
  .simple-textarea:focus,
  .simple-select:focus {
    outline: 0 none;
  }

  .simple-text {
    height: 18px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  .simple-text:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
      0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
      0 0 8px rgba(82, 168, 236, 0.6);
  }

  .simple-textarea {
    height: 18px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    height: 80px;
    width: 500px;
    vertical-align: top;
  }
  .simple-textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
      0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
      0 0 8px rgba(82, 168, 236, 0.6);
  }

  .simple-select {
    *margin-top: 5px;
    *margin-bottom: 5px;
    *vertical-align: top;
  }

  .reset-radio-checkbox {
    margin: 0 5px 0 0;
    padding: 0;
    font-size: 13px;
    *width: 13px;
    *height: 13px;
  }
  html {
    /* font-family: sans-serif; */
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    overflow-y: scroll;
    /* 0 */
    -webkit-overflow-scrolling: touch;
    /* 0 */
  }

  /**
* 1. Remove default margin
* 0. sassCore's style.
*/
  body {
    margin: 0;
    /* 1 */
    font-size: 12px;
    /* 0 */
    line-height: 2;
    /* 0 */
    color: #333;
    /* 0 */
    background-color: #fff;
    /* 0 */
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section,
  summary {
    display: block;
  }
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
    *display: inline;
    /* 3 */
    *zoom: 1;
    /* 3 */
  }
  audio:not([controls]) {
    display: none;
    height: 0;
  }

  [hidden],
  template {
    display: none;
  }

  a {
    background: transparent;
    /* 1 */
    /* 0 */
    text-decoration: none;
    color: #08c;
  }
  a:active,
  a:hover {
    outline: 0;
    /* 2 */
  }
  a:hover {
    color: #006699;
  }
  abbr[title] {
    border-bottom: 1px dotted;
  }
  b,
  strong {
    font-weight: bold;
  }

  /**
* Address styling not present in Safari and Chrome.
*/
  dfn {
    font-style: italic;
  }

  /**
* Address styling not present in IE 8/9.
*/
  mark {
    background: #ff0;
    color: #000;
  }

  /**
* Address inconsistent and variable font size in all browsers.
*/
  small {
    font-size: 80%;
  }

  /**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  /* Embedded content
========================================================================== */
  /**
* 1. Remove border when inside `a` element in IE 8/9/10.
* 2. Improve image quality when scaled in IE 7.
* 0. sassCore's style.
*/
  img {
    border: 0;
    /* 1 */
    vertical-align: middle;
    /* 0 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
  }

  /**
* Correct overflow not hidden in IE 9/10/11.
*/
  svg:not(:root) {
    overflow: hidden;
  }

  /* Grouping content
========================================================================== */
  /**
* Address differences between Firefox and other browsers.
*/
  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
  }

  /**
* 1. Contain overflow in all browsers.
* 2. Improve readability of pre-formatted text in all browsers.
*/
  pre {
    overflow: auto;
    /* 1 */
    white-space: pre;
    /* 2 */
    white-space: pre-wrap;
    /* 2 */
    word-wrap: break-word;
    /* 2 */
  }

  /**
* 1. Address odd `em`-unit font size rendering in all browsers.
* 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    /* 1 */
    _font-family: "courier new", monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }

  /* Forms
========================================================================== */
  /**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
  /**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
  }

  /**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
  button {
    overflow: visible;
  }

  /**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
  button,
  select {
    text-transform: none;
  }

  /**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
*    Known issue: inner spacing remains in IE 6.
*/
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
  }

  /**
* Re-set default cursor for disabled elements.
*/
  button[disabled],
  html input[disabled] {
    cursor: default;
  }

  /**
* Remove inner padding and border in Firefox 4+.
*/
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  textarea:focus,
  input:focus {
    outline: none;
  }

  /**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
  input {
    line-height: normal;
  }

  /**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address -webkit-box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
* 3. Remove excess padding in IE 7.
*    Known issue: excess padding remains in IE 6.
*/
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
  }

  /**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  /**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
*    (include `-moz` to future-proof).
*/
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
  }

  /**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration,
  input[type="text"] {
    -webkit-appearance: none;
  }

  /**
* Define consistent border, margin, and padding.
*/
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }

  /**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
  legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
  }

  /**
* 1. Remove default vertical scrollbar in IE 8/9/10/11.
* 0. sassCore's style
*/
  textarea {
    overflow: auto;
    /* 1 */
    resize: vertical;
    /* 0 */
  }

  /**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
  optgroup {
    font-weight: bold;
  }

  /* Tables
========================================================================== */
  /**
* Remove most spacing between table cells.
*/
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  td,
  th {
    padding: 0;
  }

  /**
* Address CSS quotes not supported in IE 6/7.
*/
  q {
    quotes: none;
  }

  html,
  button,
  input,
  select,
  /* textarea {
    font-family: "Source Han Sans CN", "Noto Sans S Chinese Light",
      "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular",
      "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  } */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure,
  form,
  blockquote {
    margin: 0;
  }

  ul,
  ol,
  li,
  dl,
  dd {
    margin: 0;
    padding: 0;
  }

  ul,
  ol {
    list-style: none outside none;
  }

  h1,
  h2,
  h3 {
    line-height: 2;
    font-weight: normal;
  }

  h1 {
    font-size: 18px;
  }

  h2 {
    font-size: 15.6px;
  }

  h3 {
    font-size: 14.04px;
  }

  h4 {
    font-size: 12px;
  }

  h5,
  h6 {
    font-size: 10.2px;
    text-transform: uppercase;
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #ccc;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #ccc;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #ccc;
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #ccc;
  }

  html {
    overflow: hidden;
    overflow-y: scroll;
  }

  button,
  input,
  textarea,
  select {
    border: none;
    border-radius: 0;
    outline: none;
    padding: 0;
  }

  * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
  }

  .ywbj-text img {
    display: none;
    max-width: 100%;
    /*图片清晰处理*/
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
  }

  .clear {
    clear: both;
  }

  .f-cb {
    zoom: 1;
  }

  .f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
  }

  .fl {
    float: left;
  }

  .fr {
    float: right;
  }

  .por {
    position: relative;
  }

  .poa {
    position: absolute;
  }

  .pof {
    position: fixed;
  }

  .poa-f {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .ovh {
    overflow: hidden;
  }

  .noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }

  .dn {
    display: none;
  }

  .w-f {
    width: 100%;
  }

  .h-f {
    height: 100%;
  }

  .loader {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    border-top: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
  }

  .loader.white {
    border-top: 2px solid rgba(255, 255, 255, 0.08);
    border-right: 2px solid rgba(255, 255, 255, 0.08);
    border-bottom: 2px solid rgba(255, 255, 255, 0.08);
    border-left: 2px solid rgba(255, 255, 255, 0.5);
  }

  @keyframes spinner {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /*手机上a链接有黑色透明底怎么去掉
给a加这个样式*/
  a {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  }

  select,
  input {
    outline: none;
  }

  /*ie 去掉自带关闭*/
  input::-ms-clear {
    display: none;
  }

  /*网站单位设置*/
  @media only screen and (min-width: 360px) {
    html {
      font-size: 26px !important;
    }
  }
  @media only screen and (min-width: 435px) {
    html {
      font-size: 30px !important;
    }
  }
  /*@media only screen and(min-width: 500px) {
html {
font-size: 36px!important
}
}*/
  @media (min-width: 769px) {
    html {
      font-size: 34px !important;
    }
  }
  @media only screen and (min-width: 1024px) {
    html {
      font-size: 28px !important;
    }
  }
  @media only screen and (min-width: 1200px) {
    html {
      font-size: 30px !important;
    }
  }
  @media only screen and (min-width: 1440px) {
    html {
      font-size: 34px !important;
    }
  }
  @media only screen and (min-width: 1680px) {
    html {
      font-size: 40px !important;
    }
  }
  ::-moz-selection {
    background: #000;
    color: #fff;
  }

  ::selection {
    background: #000;
    color: #fff;
  }

  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }

  ::-webkit-scrollbar-thumb {
    background: #000;
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: #000;
  }

  ::-webkit-scrollbar-thumb:vertical:hover {
    background: #000;
  }

  /*==常用颜色==*/
  .col-fff {
    color: #fff;
  }

  .col-000 {
    color: #000;
  }

  .col-111 {
    color: #111;
  }

  .col-222 {
    color: #222;
  }

  .col-333 {
    color: #333;
  }

  .col-444 {
    color: #444;
  }

  .col-555 {
    color: #555;
  }

  .col-666 {
    color: #666;
  }
  .col-FEFEFE {
    color: #fefefe;
  }
  .col-777 {
    color: #666;
  }

  .col-888 {
    color: #666;
  }

  .col-999 {
    color: #999;
  }

  /*==常用字号==*/
  .tit-12 {
    font-size: 12px;
    line-height: 2;
  }

  .tit-13 {
    font-size: 13px;
    line-height: 2;
  }

  .tit-14 {
    font-size: 14px;
    line-height: 2;
  }

  .tit-15 {
    font-size: 15px;
    line-height: 2;
  }

  .tit-16 {
    line-height: 1.8;
    font-size: 16px;
  }

  .tit-17 {
    line-height: 1.8;
    font-size: 17px;
  }

  .tit-18 {
    line-height: 1.8;
    font-size: 18px;
  }

  .tit-19 {
    line-height: 1.8;
    font-size: 19px;
  }

  .tit-20 {
    line-height: 1.8;
    font-size: 20px;
  }

  .tit-21 {
    line-height: 1.8;
    font-size: 21px;
  }

  .tit-22 {
    line-height: 1.8;
    font-size: 22px;
  }

  .tit-23 {
    line-height: 1.8;
    font-size: 23px;
  }

  .tit-24 {
    line-height: 1.8;
    font-size: 24px;
  }

  .tit-25 {
    line-height: 1.8;
    font-size: 25px;
  }

  .tit-26 {
    line-height: 1.8;
    font-size: 26px;
  }

  .tit-27 {
    line-height: 1.8;
    font-size: 27px;
  }

  .tit-28 {
    line-height: 1.8;
    font-size: 28px;
  }

  .tit-29 {
    line-height: 1.8;
    font-size: 29px;
  }

  .tit-30 {
    line-height: 1.8;
    font-size: 30px;
  }

  .tit-31 {
    line-height: 1.8;
    font-size: 31px;
  }

  .tit-32 {
    line-height: 1.8;
    font-size: 32px;
  }

  .tit-33 {
    line-height: 1.8;
    font-size: 33px;
  }

  .tit-34 {
    line-height: 1.8;
    font-size: 34px;
  }

  .tit-35 {
    line-height: 1.8;
    font-size: 35px;
  }

  .tit-36 {
    line-height: 1.8;
    font-size: 36px;
  }

  .tit-37 {
    line-height: 1.8;
    font-size: 37px;
  }

  .tit-38 {
    line-height: 1.8;
    font-size: 38px;
  }

  .tit-39 {
    line-height: 1.8;
    font-size: 39px;
  }

  .tit-40 {
    line-height: 1.8;
    font-size: 40px;
  }

  .tit-41 {
    line-height: 1.8;
    font-size: 41px;
  }

  .tit-42 {
    line-height: 1.8;
    font-size: 42px;
  }

  .tit-43 {
    line-height: 1.8;
    font-size: 43px;
  }

  .tit-44 {
    line-height: 1.8;
    font-size: 44px;
  }

  .tit-45 {
    line-height: 1.8;
    font-size: 45px;
  }

  .tit-46 {
    line-height: 1.8;
    font-size: 46px;
  }

  .tit-47 {
    line-height: 1.8;
    font-size: 47px;
  }

  .tit-48 {
    line-height: 1.8;
    font-size: 48px;
  }

  .tit-49 {
    line-height: 1.8;
    font-size: 49px;
  }

  .tit-50 {
    line-height: 1.8;
    font-size: 50px;
  }

  .tit-51 {
    line-height: 1.8;
    font-size: 51px;
  }

  .tit-52 {
    line-height: 1.8;
    font-size: 52px;
  }

  .tit-53 {
    line-height: 1.8;
    font-size: 53px;
  }

  .tit-54 {
    line-height: 1.8;
    font-size: 54px;
  }

  .tit-55 {
    line-height: 1.8;
    font-size: 55px;
  }

  .tit-56 {
    line-height: 1.8;
    font-size: 56px;
  }

  .tit-57 {
    line-height: 1.8;
    font-size: 57px;
  }

  .tit-58 {
    line-height: 1.8;
    font-size: 58px;
  }

  .tit-59 {
    line-height: 1.8;
    font-size: 59px;
  }

  .tit-60 {
    line-height: 1.8;
    font-size: 60px;
  }

  .tit-61 {
    line-height: 1.8;
    font-size: 61px;
  }

  .tit-62 {
    line-height: 1.8;
    font-size: 62px;
  }

  .tit-63 {
    line-height: 1.8;
    font-size: 63px;
  }

  .tit-64 {
    line-height: 1.8;
    font-size: 64px;
  }

  .tit-65 {
    line-height: 1.8;
    font-size: 65px;
  }

  .tit-66 {
    line-height: 1.8;
    font-size: 66px;
  }

  .tit-67 {
    line-height: 1.8;
    font-size: 67px;
  }

  .tit-68 {
    line-height: 1.8;
    font-size: 68px;
  }

  .tit-69 {
    line-height: 1.8;
    font-size: 69px;
  }

  .tit-70 {
    line-height: 1.8;
    font-size: 70px;
  }

  .tit-71 {
    line-height: 1.8;
    font-size: 71px;
  }

  .tit-72 {
    line-height: 1.8;
    font-size: 72px;
  }

  .tit-73 {
    line-height: 1.8;
    font-size: 73px;
  }

  .tit-74 {
    line-height: 1.8;
    font-size: 74px;
  }

  .tit-75 {
    line-height: 1.8;
    font-size: 75px;
  }

  .tit-76 {
    line-height: 1.8;
    font-size: 76px;
  }

  .tit-77 {
    line-height: 1.8;
    font-size: 77px;
  }

  .tit-78 {
    line-height: 1.8;
    font-size: 78px;
  }

  .tit-79 {
    line-height: 1.8;
    font-size: 79px;
  }

  .tit-80 {
    line-height: 1.8;
    font-size: 80px;
  }

  @media (max-width: 1681px) {
    /*==常用字号==*/
    .tit-12 {
      font-size: 12px;
    }

    .tit-13 {
      font-size: 13px;
    }

    .tit-14 {
      font-size: 13px;
    }

    .tit-15 {
      font-size: 14px;
    }

    .tit-16 {
      font-size: 15px;
    }

    .tit-17 {
      font-size: 16px;
    }

    .tit-18 {
      font-size: 17px;
    }

    .tit-19 {
      font-size: 18px;
    }

    .tit-20 {
      font-size: 18px;
    }

    .tit-21 {
      font-size: 19px;
    }

    .tit-22 {
      font-size: 20px;
    }

    .tit-23 {
      font-size: 21px;
    }

    .tit-24 {
      font-size: 22px;
    }

    .tit-25 {
      font-size: 23px;
    }

    .tit-26 {
      font-size: 24px;
    }

    .tit-27 {
      font-size: 25px;
    }

    .tit-28 {
      font-size: 26px;
    }

    .tit-29 {
      font-size: 27px;
    }

    .tit-30 {
      font-size: 27px;
    }

    .tit-31 {
      font-size: 28px;
    }

    .tit-32 {
      font-size: 29px;
    }

    .tit-33 {
      font-size: 30px;
    }

    .tit-34 {
      font-size: 31px;
    }

    .tit-35 {
      font-size: 32px;
    }

    .tit-36 {
      font-size: 33px;
    }

    .tit-37 {
      font-size: 34px;
    }

    .tit-38 {
      font-size: 35px;
    }

    .tit-39 {
      font-size: 36px;
    }

    .tit-40 {
      font-size: 37px;
    }

    .tit-42 {
      font-size: 38px;
    }

    .tit-43 {
      font-size: 39px;
    }

    .tit-44 {
      font-size: 40px;
    }

    .tit-45 {
      font-size: 41px;
    }

    .tit-46 {
      font-size: 42px;
    }

    .tit-47 {
      font-size: 43px;
    }

    .tit-48 {
      font-size: 44px;
    }

    .tit-50 {
      font-size: 45px;
    }

    .tit-51 {
      font-size: 46px;
    }

    .tit-52 {
      font-size: 47px;
    }

    .tit-53 {
      font-size: 48px;
    }

    .tit-54 {
      font-size: 49px;
    }

    .tit-55 {
      font-size: 50px;
    }

    .tit-56 {
      font-size: 51px;
    }

    .tit-57 {
      font-size: 52px;
    }

    .tit-58 {
      font-size: 53px;
    }

    .tit-59 {
      font-size: 54px;
    }

    .tit-60 {
      font-size: 54px;
    }

    .tit-61 {
      font-size: 55px;
    }

    .tit-62 {
      font-size: 56px;
    }

    .tit-63 {
      font-size: 57px;
    }

    .tit-64 {
      font-size: 58px;
    }

    .tit-65 {
      font-size: 59px;
    }

    .tit-66 {
      font-size: 60px;
    }

    .tit-67 {
      font-size: 61px;
    }

    .tit-68 {
      font-size: 62px;
    }

    .tit-69 {
      font-size: 63px;
    }

    .tit-70 {
      font-size: 62px;
    }

    .tit-71 {
      font-size: 63px;
    }

    .tit-72 {
      font-size: 64px;
    }

    .tit-73 {
      font-size: 65px;
    }

    .tit-74 {
      font-size: 66px;
    }

    .tit-75 {
      font-size: 67px;
    }

    .tit-76 {
      font-size: 68px;
    }

    .tit-77 {
      font-size: 69px;
    }

    .tit-78 {
      font-size: 70px;
    }

    .tit-79 {
      font-size: 71px;
    }

    .tit-80 {
      font-size: 72px;
    }
  }
  @media (max-width: 1481px) {
    /*==常用字号==*/
    .tit-13 {
      font-size: 12px;
    }

    .tit-14 {
      font-size: 12px;
    }

    .tit-15 {
      font-size: 13px;
    }

    .tit-16 {
      font-size: 14px;
    }

    .tit-17 {
      font-size: 15px;
    }

    .tit-18 {
      font-size: 16px;
    }

    .tit-19 {
      font-size: 17px;
    }

    .tit-20 {
      font-size: 18px;
    }

    .tit-20 {
      font-size: 16px;
    }

    .tit-21 {
      font-size: 17px;
    }

    .tit-22 {
      font-size: 18px;
    }

    .tit-23 {
      font-size: 19px;
    }

    .tit-24 {
      font-size: 20px;
    }

    .tit-25 {
      font-size: 21px;
    }

    .tit-26 {
      font-size: 22px;
    }

    .tit-27 {
      font-size: 23px;
    }

    .tit-28 {
      font-size: 24px;
    }

    .tit-29 {
      font-size: 25px;
    }

    .tit-30 {
      font-size: 26px;
    }

    .tit-31 {
      font-size: 25px;
    }

    .tit-32 {
      font-size: 26px;
    }

    .tit-33 {
      font-size: 27px;
    }

    .tit-34 {
      font-size: 28px;
    }

    .tit-35 {
      font-size: 29px;
    }

    .tit-36 {
      font-size: 30px;
    }

    .tit-37 {
      font-size: 31px;
    }

    .tit-38 {
      font-size: 32px;
    }

    .tit-39 {
      font-size: 33px;
    }

    .tit-40 {
      font-size: 34px;
    }

    .tit-41 {
      font-size: 35px;
    }

    .tit-42 {
      font-size: 36px;
    }

    .tit-43 {
      font-size: 37px;
    }

    .tit-44 {
      font-size: 38px;
    }

    .tit-45 {
      font-size: 37px;
    }

    .tit-46 {
      font-size: 38px;
    }

    .tit-47 {
      font-size: 39px;
    }

    .tit-48 {
      font-size: 40px;
    }

    .tit-49 {
      font-size: 41px;
    }

    .tit-50 {
      font-size: 42px;
    }

    .tit-51 {
      font-size: 43px;
    }

    .tit-52 {
      font-size: 44px;
    }

    .tit-53 {
      font-size: 45px;
    }

    .tit-54 {
      font-size: 46px;
    }

    .tit-55 {
      font-size: 47px;
    }

    .tit-56 {
      font-size: 48px;
    }

    .tit-57 {
      font-size: 49px;
    }

    .tit-58 {
      font-size: 50px;
    }

    .tit-59 {
      font-size: 51px;
    }

    .tit-60 {
      font-size: 52px;
    }

    .tit-61 {
      font-size: 51px;
    }

    .tit-62 {
      font-size: 52px;
    }

    .tit-63 {
      font-size: 53px;
    }

    .tit-64 {
      font-size: 54px;
    }

    .tit-65 {
      font-size: 55px;
    }

    .tit-66 {
      font-size: 56px;
    }

    .tit-67 {
      font-size: 57px;
    }

    .tit-68 {
      font-size: 58px;
    }

    .tit-69 {
      font-size: 59px;
    }

    .tit-70 {
      font-size: 60px;
    }

    .tit-71 {
      font-size: 55px;
    }

    .tit-72 {
      font-size: 56px;
    }

    .tit-73 {
      font-size: 57px;
    }

    .tit-74 {
      font-size: 58px;
    }

    .tit-75 {
      font-size: 59px;
    }

    .tit-76 {
      font-size: 60px;
    }

    .tit-77 {
      font-size: 61px;
    }

    .tit-78 {
      font-size: 62px;
    }

    .tit-79 {
      font-size: 63px;
    }

    .tit-80 {
      font-size: 64px;
    }
  }
  @media (max-width: 1281px) {
    /*==常用字号==*/
    .tit-13 {
      font-size: 12px;
    }

    .tit-14 {
      font-size: 12px;
    }

    .tit-15 {
      font-size: 12px;
    }

    .tit-16 {
      font-size: 13px;
    }

    .tit-17 {
      font-size: 16px;
    }

    .tit-18 {
      font-size: 15px;
    }

    .tit-19 {
      font-size: 16px;
    }

    .tit-20 {
      font-size: 17px;
    }

    .tit-22 {
      font-size: 18px;
    }

    .tit-24 {
      font-size: 19px;
    }

    .tit-25 {
      font-size: 20px;
    }

    .tit-26 {
      font-size: 21px;
    }

    .tit-27 {
      font-size: 22px;
    }

    .tit-28 {
      font-size: 23px;
    }

    .tit-29 {
      font-size: 24px;
    }

    .tit-30 {
      font-size: 25px;
    }

    .tit-31 {
      font-size: 26px;
    }

    .tit-32 {
      font-size: 27px;
    }

    .tit-33 {
      font-size: 24px;
    }

    .tit-34 {
      font-size: 25px;
    }

    .tit-35 {
      font-size: 26px;
    }

    .tit-36 {
      font-size: 27px;
    }

    .tit-37 {
      font-size: 28px;
    }

    .tit-38 {
      font-size: 29px;
    }

    .tit-39 {
      font-size: 30px;
    }

    .tit-40 {
      font-size: 31px;
    }

    .tit-41 {
      font-size: 32px;
    }

    .tit-42 {
      font-size: 33px;
    }

    .tit-43 {
      font-size: 34px;
    }

    .tit-44 {
      font-size: 35px;
    }

    .tit-45 {
      font-size: 36px;
    }

    .tit-46 {
      font-size: 37px;
    }

    .tit-47 {
      font-size: 38px;
    }

    .tit-48 {
      font-size: 39px;
    }

    .tit-49 {
      font-size: 40px;
    }

    .tit-50 {
      font-size: 38px;
    }

    .tit-51 {
      font-size: 39px;
    }

    .tit-52 {
      font-size: 40px;
    }

    .tit-53 {
      font-size: 41px;
    }

    .tit-54 {
      font-size: 42px;
    }

    .tit-55 {
      font-size: 43px;
    }

    .tit-56 {
      font-size: 44px;
    }

    .tit-57 {
      font-size: 45px;
    }

    .tit-58 {
      font-size: 46px;
    }

    .tit-59 {
      font-size: 47px;
    }

    .tit-60 {
      font-size: 48px;
    }

    .tit-61 {
      font-size: 49px;
    }

    .tit-62 {
      font-size: 50px;
    }

    .tit-63 {
      font-size: 51px;
    }

    .tit-64 {
      font-size: 52px;
    }

    .tit-65 {
      font-size: 53px;
    }

    .tit-66 {
      font-size: 54px;
    }

    .tit-67 {
      font-size: 55px;
    }

    .tit-68 {
      font-size: 56px;
    }

    .tit-69 {
      font-size: 57px;
    }

    .tit-70 {
      font-size: 58px;
    }

    .tit-71 {
      font-size: 51px;
    }

    .tit-72 {
      font-size: 52px;
    }

    .tit-73 {
      font-size: 53px;
    }

    .tit-74 {
      font-size: 54px;
    }

    .tit-75 {
      font-size: 55px;
    }

    .tit-76 {
      font-size: 56px;
    }

    .tit-77 {
      font-size: 57px;
    }

    .tit-78 {
      font-size: 58px;
    }

    .tit-79 {
      font-size: 59px;
    }

    .tit-80 {
      font-size: 60px;
    }
  }
  @media (max-width: 1024px) {
    .tit-24 {
      font-size: 16px;
    }

    .tit-25 {
      font-size: 17px;
    }

    .tit-26 {
      font-size: 18px;
    }

    .tit-27 {
      font-size: 19px;
    }

    .tit-28 {
      font-size: 20px;
    }

    .tit-29 {
      font-size: 21px;
    }

    .tit-30 {
      font-size: 22px;
    }

    .tit-31 {
      font-size: 23px;
    }

    .tit-32 {
      font-size: 24px;
    }

    .tit-33 {
      font-size: 21px;
    }

    .tit-34 {
      font-size: 22px;
    }

    .tit-35 {
      font-size: 23px;
    }

    .tit-36 {
      font-size: 24px;
    }

    .tit-37 {
      font-size: 25px;
    }

    .tit-38 {
      font-size: 26px;
    }

    .tit-39 {
      font-size: 27px;
    }

    .tit-40 {
      font-size: 28px;
    }

    .tit-41 {
      font-size: 29px;
    }

    .tit-42 {
      font-size: 30px;
    }

    .tit-43 {
      font-size: 31px;
    }

    .tit-44 {
      font-size: 32px;
    }

    .tit-45 {
      font-size: 33px;
    }

    .tit-46 {
      font-size: 34px;
    }

    .tit-47 {
      font-size: 35px;
    }

    .tit-48 {
      font-size: 36px;
    }

    .tit-49 {
      font-size: 37px;
    }

    .tit-50 {
      font-size: 34px;
    }

    .tit-51 {
      font-size: 35px;
    }

    .tit-52 {
      font-size: 36px;
    }

    .tit-53 {
      font-size: 37px;
    }

    .tit-54 {
      font-size: 38px;
    }

    .tit-55 {
      font-size: 39px;
    }

    .tit-56 {
      font-size: 40px;
    }

    .tit-57 {
      font-size: 41px;
    }

    .tit-58 {
      font-size: 42px;
    }

    .tit-59 {
      font-size: 43px;
    }

    .tit-60 {
      font-size: 44px;
    }

    .tit-61 {
      font-size: 45px;
    }

    .tit-62 {
      font-size: 46px;
    }

    .tit-63 {
      font-size: 47px;
    }

    .tit-64 {
      font-size: 48px;
    }

    .tit-65 {
      font-size: 49px;
    }

    .tit-66 {
      font-size: 50px;
    }

    .tit-67 {
      font-size: 51px;
    }

    .tit-68 {
      font-size: 52px;
    }

    .tit-69 {
      font-size: 53px;
    }

    .tit-70 {
      font-size: 54px;
    }

    .tit-71 {
      font-size: 47px;
    }

    .tit-72 {
      font-size: 48px;
    }

    .tit-73 {
      font-size: 49px;
    }

    .tit-74 {
      font-size: 50px;
    }

    .tit-75 {
      font-size: 51px;
    }

    .tit-76 {
      font-size: 52px;
    }

    .tit-77 {
      font-size: 53px;
    }

    .tit-78 {
      font-size: 54px;
    }

    .tit-79 {
      font-size: 55px;
    }

    .tit-80 {
      font-size: 56px;
    }
  }
  @media (max-width: 768px) {
    .tit-16 {
      font-size: 12px;
    }

    .tit-18 {
      font-size: 14px;
    }

    .tit-20 {
      font-size: 16px;
    }

    .tit-33 {
      font-size: 20px;
    }

    .tit-34 {
      font-size: 21px;
    }

    .tit-35 {
      font-size: 22px;
    }

    .tit-36 {
      font-size: 23px;
    }

    .tit-37 {
      font-size: 24px;
    }

    .tit-38 {
      font-size: 25px;
    }

    .tit-39 {
      font-size: 26px;
    }

    .tit-40 {
      font-size: 24px;
    }

    .tit-41 {
      font-size: 25px;
    }

    .tit-42 {
      font-size: 26px;
    }

    .tit-43 {
      font-size: 27px;
    }

    .tit-44 {
      font-size: 28px;
    }

    .tit-45 {
      font-size: 29px;
    }

    .tit-46 {
      font-size: 30px;
    }

    .tit-47 {
      font-size: 31px;
    }

    .tit-48 {
      font-size: 32px;
    }

    .tit-49 {
      font-size: 33px;
    }

    .tit-50 {
      font-size: 28px;
    }

    .tit-51 {
      font-size: 29px;
    }

    .tit-52 {
      font-size: 30px;
    }

    .tit-53 {
      font-size: 31px;
    }

    .tit-54 {
      font-size: 32px;
    }

    .tit-55 {
      font-size: 33px;
    }

    .tit-56 {
      font-size: 34px;
    }

    .tit-57 {
      font-size: 35px;
    }

    .tit-58 {
      font-size: 36px;
    }

    .tit-59 {
      font-size: 37px;
    }

    .tit-60 {
      font-size: 36px;
    }

    .tit-61 {
      font-size: 37px;
    }

    .tit-62 {
      font-size: 38px;
    }

    .tit-63 {
      font-size: 39px;
    }

    .tit-64 {
      font-size: 40px;
    }

    .tit-65 {
      font-size: 41px;
    }

    .tit-66 {
      font-size: 42px;
    }

    .tit-67 {
      font-size: 43px;
    }

    .tit-68 {
      font-size: 44px;
    }

    .tit-69 {
      font-size: 45px;
    }

    .tit-70 {
      font-size: 46px;
    }

    .tit-70 {
      font-size: 42px;
    }

    .tit-71 {
      font-size: 43px;
    }

    .tit-72 {
      font-size: 44px;
    }

    .tit-73 {
      font-size: 45px;
    }

    .tit-74 {
      font-size: 46px;
    }

    .tit-75 {
      font-size: 47px;
    }

    .tit-76 {
      font-size: 48px;
    }

    .tit-77 {
      font-size: 49px;
    }

    .tit-78 {
      font-size: 50px;
    }

    .tit-79 {
      font-size: 51px;
    }

    .tit-80 {
      font-size: 52px;
    }
  }
  /*正文字号*/
  .conbox-14 {
    font-size: 14 px;
    line-height: 1.8;
  }

  .conbox-15 {
    font-size: 15 px;
    line-height: 1.8;
  }

  .conbox-16 {
    font-size: 16 px;
    line-height: 1.8;
  }

  .conbox-17 {
    font-size: 17 px;
    line-height: 1.8;
  }

  .conbox-18 {
    font-size: 18 px;
    line-height: 1.8;
  }

  .conbox-19 {
    font-size: 19 px;
    line-height: 1.8;
  }

  .conbox-20 {
    font-size: 20 px;
    line-height: 1.8;
  }

  .conbox-21 {
    font-size: 21 px;
    line-height: 1.8;
  }

  .conbox-22 {
    font-size: 22 px;
    line-height: 1.8;
  }

  .conbox-23 {
    font-size: 23 px;
    line-height: 1.8;
  }

  .conbox-24 {
    font-size: 24 px;
    line-height: 1.8;
  }

  @media (max-width: 1481px) {
    .conbox-18 {
      font-size: 16px;
    }

    .conbox-20 {
      font-size: 18px;
    }

    .conbox-24 {
      font-size: 20px;
    }
  }
  @media (max-width: 1281px) {
    .conbox-14 {
      font-size: 13px;
    }

    .conbox-16 {
      font-size: 14px;
    }

    .conbox-18 {
      font-size: 15px;
    }

    .conbox-20 {
      font-size: 15px;
    }

    .conbox-24 {
      font-size: 16px;
    }
  }
  /*弹性盒样式*/
  .f-no {
    display: flex;
    /* flex-flow: row wrap; */
    text-align: center;
    justify-content: space-between;
  }

  .f-no-b-center {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  .f-no-b-start {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .f-no-b-stretch {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
  }

  .f-no-c-center {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }

  .f-no-c-start {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .f-no-c-stretch {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
  }

  .f-no-s-center {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .f-no-s-end {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .f-no-s-stretch {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
  }

  .f-no-end-start {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
  }

  .f-no-col {
    display: flex;
    flex-flow: column wrap;
  }

  .f-no-col-b-center {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: center;
  }

  .f-no-col-c-center {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
  }

  .f-no-col-s-center {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .f-no-col-s-end {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .f-no-col-c-start {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .f-no-col-b-start {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .f-no-col-end-start {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: flex-start;
  }

  /*响应隐藏样式*/
  .pc-block {
    display: block;
  }

  .pc-block-768 {
    display: block;
  }

  .pc-block-767 {
    display: block;
  }

  .m-block {
    display: none;
  }

  .m-block-767 {
    display: none;
  }

  .m-block-768 {
    display: none;
  }

  @media (max-width: 1024px) {
    .pc-block {
      display: none;
    }

    .m-block {
      display: block;
    }
  }
  @media (max-width: 768px) {
    .pc-block-768 {
      display: none;
    }

    .m-block-768 {
      display: block;
    }
  }
  @media (max-width: 767px) {
    .pc-block-767 {
      display: none;
    }

    .m-block-767 {
      display: block;
    }
  }
  /*常用样式类名*/
  .poa-middle {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  .tran-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  }

  .text-hide {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .img-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .pointer {
    cursor: pointer;
  }

  .bgtop {
    background-position: top;
  }

  .containbg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-center {
    text-align: center;
  }

  .text-justif {
    text-align: justify;
  }

  .text-nowrap {
    white-space: nowrap;
  }

  .text-l {
    text-transform: lowercase;
  }

  .text-u {
    text-transform: uppercase;
  }

  .text-c {
    text-transform: capitalize;
  }

  .text-bold {
    font-weight: bold;
  }

  .centerh {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .centerv {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .centerblock {
    margin-left: auto;
    margin-right: auto;
  }

  .shadow1 {
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
  }

  .full {
    width: 100%;
    height: 100%;
  }

  .fullw {
    width: 100%;
  }

  .fullh {
    height: 100%;
  }

  .fullvh {
    height: 100vh;
  }

  .top {
    top: 0;
  }

  .btm {
    bottom: 0;
  }

  .lt {
    left: 0;
  }

  .rt {
    right: 0;
  }

  .block {
    display: block;
  }

  .inlineblock {
    display: inline-block;
  }

  .notrans {
    -webkit-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
  }

  .no-hover {
    pointer-events: none !important;
    cursor: default;
  }

  .trans3d0 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .round {
    border-radius: 50%;
  }

  .mt0 {
    margin-top: 0;
  }

  .mb0 {
    margin-bottom: 0;
  }

  .in-block,
  .bocweb-header .bocweb-nav li .link span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }

  /*网站主体区域宽度样式*/
  .w100 {
    width: 100%;
  }

  .w1720 {
    max-width: 1720px;
    width: 90%;
    margin: 0 auto;
  }

  .w1300 {
    width: 1300px;
    margin: 0 auto;
  }
  @media (max-width: 1350px) {
    .w1300 {
      width: 94%;
    }
  }

  .w1080 {
    width: 1080px;
    margin: 0 auto;
  }
  @media (max-width: 1100px) {
    .w1080 {
      width: 94%;
    }
  }

  .w1070 {
    width: 1070px;
    margin: 0 auto;
  }
  @media (max-width: 1100px) {
    .w1070 {
      width: 94%;
    }
  }

  /*分页样式*/
  .wpage {
    text-align: center;
  }

  .page {
    padding: 2.85rem 0 0;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    clear: both;
    display: inline-block;
  }

  .page a {
    text-decoration: none;
    color: #666;
    width: 1.35rem;
    height: 1.35rem;
    line-height: 1.35rem;
    border-radius: 50%;
    margin: 0 3px;
    display: block;
    float: left;
    transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
  }

  .page a.active {
    color: #1947ba;
    transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
  }

  .page span.laypage_curr {
    width: 1.35rem;
    height: 1.35rem;
    line-height: 1.35rem;
    margin: 0 3px;
    display: inline-block;
    color: #1947ba;
    transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
  }

  .page a:hover {
    text-decoration: none;
    color: #fff;
    color: #1947ba;
    transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
  }

  .page a[rel="next"],
  .page a[rel="prev"] {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    background: #e8e8e8;
    transition: all 0.5s;
  }

  .page a[rel="next"]:hover,
  .page a[rel="prev"]:hover {
    background: #1947ba;
    color: #fff;
  }

  @media (max-width: 768px) {
    .wpage .page {
      padding-top: 1rem;
    }
  }
  /*分页样式end*/
  @media (max-width: 767px) {
    .wrap {
      padding: 30px;
    }
  }
  .wrap-sm {
    padding: 30px;
  }

  @media (max-width: 767px) {
    .wrap-sm {
      padding: 15px;
    }
  }
  .wrap-xs {
    padding: 20px;
  }

  @media (max-width: 767px) {
    .wrap-xs {
      padding: 10px;
    }
  }
  .p-v-xs {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  @media (max-width: 767px) {
    .p-v-xs {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }
  .p-v-sm {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  @media (max-width: 767px) {
    .p-v-sm {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
  .p-v-md {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  @media (max-width: 959px) {
    .p-v-md {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  }
  @media (max-width: 767px) {
    .p-v-md {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  }
  .p-v-lg {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  @media (max-width: 959px) {
    .p-v-lg {
      padding-top: 70px;
      padding-bottom: 70px;
    }
  }
  @media (max-width: 767px) {
    .p-v-lg {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }
  .p-h-sm {
    padding-left: 30px;
    padding-right: 30px;
  }

  @media (max-width: 767px) {
    .p-h-sm {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  .pt0 {
    padding-top: 0;
  }

  .pb0 {
    padding-bottom: 0;
  }

  .m-v-lg {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  @media (max-width: 959px) {
    .m-v-lg {
      margin-top: 70px;
      margin-bottom: 70px;
    }
  }
  @media (max-width: 767px) {
    .m-v-lg {
      margin-top: 50px;
      margin-bottom: 50px;
    }
  }
  .m-b-xxs {
    margin-bottom: 5px;
  }

  .m-b-xs {
    margin-bottom: 10px;
  }

  .m-b-sm {
    margin-bottom: 20px;
  }

  @media (max-width: 767px) {
    .m-b-sm {
      margin-bottom: 15px;
    }
  }
  .m-b-md {
    margin-bottom: 30px;
  }

  @media (max-width: 767px) {
    .m-b-md {
      margin-bottom: 20px;
    }
  }
  .m-b-lg {
    margin-bottom: 60px;
  }

  @media (max-width: 767px) {
    .m-b-lg {
      margin-bottom: 40px;
    }
  }
  .m-b-xl {
    margin-bottom: 100px;
  }

  @media (max-width: 959px) {
    .m-b-xl {
      margin-bottom: 70px;
    }
  }
  @media (max-width: 767px) {
    .m-b-xl {
      margin-bottom: 50px;
    }
  }
  .m-t-xxs {
    margin-top: 5px;
  }

  .m-t-xs {
    margin-top: 10px;
  }

  .m-t-sm {
    margin-top: 20px;
  }

  @media (max-width: 767px) {
    .m-t-sm {
      margin-top: 15px;
    }
  }
  .m-t-md {
    margin-top: 30px;
  }

  @media (max-width: 767px) {
    .m-t-md {
      margin-top: 20px;
    }
  }
  .m-t-lg {
    margin-top: 60px;
  }

  @media (max-width: 767px) {
    .m-t-lg {
      margin-top: 40px;
    }
  }
  .m-r-xxs {
    margin-right: 5px;
  }

  .m-r-xs {
    margin-right: 10px;
  }

  .m-r-sm {
    margin-right: 20px;
  }

  @media (max-width: 767px) {
    .m-r-sm {
      margin-right: 10px;
    }
  }
  .m-l-xxs {
    margin-left: 5px;
  }

  .m-l-xs {
    margin-left: 10px;
  }

  .m-l-sm {
    margin-left: 20px;
  }

  @media (max-width: 767px) {
    .m-l-sm {
      margin-left: 10px;
    }
  }
  @media (max-width: 767px) and (orientation: portrait) {
    .phone-v-fullw {
      width: 100%;
    }

    .phone-v-p0 {
      padding: 0;
    }
  }
  /*常用css3动画样式*/
  .trans {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  .trans2 {
    -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  }

  .trans-md {
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
  }

  .trans-md2 {
    -webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
    transition: all 0.8s cubic-bezier(1, 0, 0, 1);
  }

  /*loadering动画样式2*/
  .anim-loader {
    animation: loader 1829ms linear infinite,
      loader_dash 2156ms ease-in-out infinite;
  }

  .anim-fade-out {
    -webkit-animation: fade_out 0.5s ease forwards;
    animation: fade_out 0.5s ease forwards;
  }

  /*模块加载的loading-2*/
  .ajax-loader {
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    z-index: 1036;
  }

  .tt-ajax-loader .ajax-loader {
    visibility: visible;
    opacity: 1;
  }

  .tt-ajax-loader .ajax-loader .loader-icon .line {
    -webkit-animation: loader 1829ms linear infinite,
      loader_dash 2156ms ease-in-out infinite;
    animation: loader 1829ms linear infinite,
      loader_dash 2156ms ease-in-out infinite;
  }

  /*end*/
  /*入场动画样式*/
  .cssanimations .anim_emt,
  .cssanimations .anim_group .anim_item {
    visibility: hidden;
  }

  .cssanimations .anim_emt.visb,
  .cssanimations .anim_group .anim_item.visb {
    visibility: inherit;
  }

  .anim_emt.start {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .anim_emt.start.scale_up {
    -webkit-animation-name: mk_scale;
    animation-name: mk_scale;
  }

  .anim_emt.start.fade_in {
    -webkit-animation-name: mk_fade;
    animation-name: mk_fade;
  }

  .anim_emt.start.r_to_l {
    -webkit-animation-name: mk_right_to_left;
    animation-name: mk_right_to_left;
  }

  .anim_emt.start.l_to_r {
    -webkit-animation-name: mk_left_to_right;
    animation-name: mk_left_to_right;
  }

  .anim_emt.start.t_to_b {
    -webkit-animation-name: mk_top_to_bottom;
    animation-name: mk_top_to_bottom;
  }

  .anim_emt.start.b_to_t {
    -webkit-animation-name: mk_bottom_to_top;
    animation-name: mk_bottom_to_top;
  }

  .slide_anim {
    visibility: hidden;
  }

  .slide_anim.start {
    visibility: visible;
  }

  .slide_anim.b_to_t.start {
    -webkit-animation: mk_bottom_to_top 0.6s;
    animation: mk_bottom_to_top 0.6s;
  }

  .anim_emt.palx_img.start {
    overflow: hidden;
    -webkit-animation-name: tt_palx_wrap;
    animation-name: tt_palx_wrap;
  }

  .anim_emt.palx_img.start .img-wrap {
    -webkit-animation: tt_palx_img 0.6s;
    animation: tt_palx_img 0.6s;
  }

  @keyframes tt_palx_wrap {
    0% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes tt_palx_img {
    0% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes loader {
    to {
      -webkit-transform: rotate3d(0, 0, 1, 360deg);
      transform: rotate3d(0, 0, 1, 360deg);
    }
  }
  @keyframes loader_dash {
    from {
      stroke-dasharray: 0 150;
      stroke-dashoffset: 0;
    }
    to {
      stroke-dasharray: 100 150;
      stroke-dashoffset: -140;
    }
  }
  @keyframes line_w100 {
    to {
      left: 100%;
    }
  }
  @keyframes rotate_360 {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes fade_out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fade_in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fade_out_in {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  @keyframes mk_scale {
    0% {
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes mk_fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes mk_left_to_right {
    0% {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes mk_right_to_left {
    0% {
      -webkit-transform: translateX(30px);
      transform: translateX(30px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes mk_bottom_to_top {
    0% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes mk_top_to_bottom {
    0% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes mk_spt {
    0% {
      -webkit-transform: translateY(10%);
      transform: translateY(10%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  .js-m {
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
  }

  .js-m.animate {
    opacity: 1;
    transform: translate(0, 0);
  }

  .js-m-2-1 {
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
  }

  .js-m-2-1.animate {
    opacity: 1;
    transform: translate(0, 0);
  }

  .a-del1 {
    animation-delay: 0.1s;
  }

  .a-del2 {
    animation-delay: 0.2s;
  }

  .a-del3 {
    animation-delay: 0.3s;
  }

  .a-del4 {
    animation-delay: 0.4s;
  }

  .a-del5 {
    animation-delay: 0.5s;
  }

  .a-del6 {
    animation-delay: 0.6s;
  }

  .a-del7 {
    animation-delay: 0.7s;
  }

  .a-del8 {
    animation-delay: 0.8s;
  }

  .a-del9 {
    animation-delay: 0.9s;
  }

  .a-del10 {
    animation-delay: 1s;
  }

  .a-del11 {
    animation-delay: 1.1s;
  }
  .a-del12 {
    animation-delay: 1.2s;
  }
  .a-del13 {
    animation-delay: 1.3s;
  }
  .a-del14 {
    animation-delay: 1.4s;
  }
  .a-del15 {
    animation-delay: 1.5s;
  }

  .a-dur1 {
    animation-duration: 0.3s;
  }

  .a-dur2 {
    animation-duration: 0.4s;
  }

  .a-dur3 {
    animation-duration: 0.5s;
  }

  .a-dur4 {
    animation-duration: 0.6s;
  }

  .a-dur5 {
    animation-duration: 0.7s;
  }

  .a-dur6 {
    animation-duration: 0.8s;
  }

  .a-dur7 {
    animation-duration: 0.9s;
  }

  .a-dur8 {
    animation-duration: 1s;
  }

  .a-dur9 {
    animation-duration: 1.1s;
  }

  .a-dur10 {
    animation-duration: 1.2s;
  }

  .a-dur11 {
    animation-duration: 1.3s;
  }

  .a-dur12 {
    animation-duration: 1.4s;
  }

  .a-dur13 {
    animation-duration: 1.5s;
  }

  .a-dur14 {
    animation-duration: 1.6s;
  }

  .a-dur15 {
    animation-duration: 1.7s;
  }

  .a-dur16 {
    animation-duration: 1.8s;
  }

  .a-dur17 {
    animation-duration: 1.9s;
  }

  .a-dur18 {
    animation-duration: 2s;
  }

  .t-del1 {
    transition-delay: 0.1s;
  }

  .t-del2 {
    transition-delay: 0.2s;
  }

  .t-del3 {
    transition-delay: 0.3s;
  }

  .t-del4 {
    transition-delay: 0.4s;
  }

  .t-del5 {
    transition-delay: 0.5s;
  }

  .t-del6 {
    transition-delay: 0.6s;
  }

  .t-del7 {
    transition-delay: 0.7s;
  }

  .t-del8 {
    transition-delay: 0.8s;
  }

  .t-del9 {
    transition-delay: 0.9s;
  }

  .t-del10 {
    transition-delay: 1s;
  }

  /*ie10以下显示*/
  .browsers {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff
      url("../img/iebgimg.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 99;
  }

  .line-1 {
    line-height: 1.1;
  }

  .line-2 {
    line-height: 1.2;
  }

  .line-3 {
    line-height: 1.3;
  }

  .line-4 {
    line-height: 1.4;
  }

  .line-5 {
    line-height: 1.5;
  }

  .line-6 {
    line-height: 1.6;
  }

  .line-7 {
    line-height: 1.7;
  }

  .line-8 {
    line-height: 1.8;
  }

  .line-9 {
    line-height: 1.9;
  }

  .line-10 {
    line-height: 2;
  }

  .line-11 {
    line-height: 2.1;
  }

  .line-12 {
    line-height: 2.2;
  }

  /*毛玻璃*/
  .some-class-zxx {
    background-color: #fff;
  }

  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .some-class-zxx {
      background: rgba(255, 255, 255, 0.75);
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
    }
  }
  /*文字引用*/
  /*@include font-face($font-family:'ad', $file-path:"../fonts/BEBAS", $weight: normal, $style: normal);
@include simple-text($borderColorFocus:#000);
@include simple-textarea($borderColorFocus:#52a8ec, $width:500px, $height:80px)
@include simple-btn($formbtn:false, $bgColor: $primary, $textColor:$white);
/*@include triangle(left, 10px, #000 )*/
  /*@include triangle($direction, $size, $borderColor )*/
  /*.conbox-16{
color:nth($infoColor,1);
background:nth($infoColor,2);
border:1px solid nth($infoColor,3);
}*/
  /*@include placeholder(#999);*/
  /*margin-right: pe(16px);*/
  /*@extend .in-block;*/
  /*初始样式结束*/
  /*首页加载loading*/
  body.loading {
    overflow: hidden;
  }

  #pageloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f5f3f0;
    overflow: hidden;
    z-index: 5000;
  }

  #pageloader .logo {
    width: auto;
    height: 51px;
  }

  .darkmode #pageloader {
    background: #252525;
  }

  body.init #pageloader {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  }

  body.init #pageloader .cont {
    opacity: 0;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
  }

  body.init #pageloader .logo,
  body.init #pageloader div {
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
  }

  body.init #pageloader .logo {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  body.init #pageloader .small {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  body.init #pageloader .loader-line {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
  }

  .loader-line {
    width: 50vw;
    max-width: 300px;
    height: 2px;
    background: #a96b41;
    overflow: hidden;
  }

  .loader-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }

  .loader-icon .line {
    fill: none;
    stroke: #fff;
    stroke-width: 4px;
    stroke-linecap: round;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  /*首页加载loading-end*/
  .w1600 {
    width: 1600px;
    max-width: 88%;
    margin: 0 auto;
  }

  .nbanner {
    height: calc(680rem / 40);
    width: 100%;
    position: relative;
  }
  .nbanner .bg {
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .nbanner .tit {
    width: 88%;
    z-index: 2;
    font-weight: bold;
  }

  @media (max-width: 767px) {
    .nbanner .tit {
      font-size: 26px;
    }
  }
  .bocweb-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100px;
    background-color: transparent;
    /*box-shadow: 0px 0px 6px rgba(0,0,0,0.1);*/
    padding: 0 2rem;
  }
  .bocweb-header .bocweb-logo {
    display: block;
    /* width: 200px; */
    width: 128px;
  }
  .bocweb-header .bocweb-logo .img1 {
    width: 100%;
    height: auto;
  }
  .bocweb-header .bocweb-logo .img2 {
    width: 100%;

    height: auto;
    opacity: 0;
  }
  .bocweb-header .warpright {
    position: relative;
  }
  .bocweb-header .warpright .sreach-btn {
    width: 36px;
    height: 36px;
    margin-left: 0.5rem;
    background: #fff;
    border-radius: 50%;
  }
  .bocweb-header .warpright .sreach-btn svg {
    width: 0.5rem;
    height: 0.5rem;
    fill: #8b8b8b;
    transition: all 0.5s;
  }
  .bocweb-header .warpright .sreach-btn:hover svg {
    fill: #1947ba;
  }
  .bocweb-header .langbtn {
    width: 105px;
  }
  .bocweb-header .langbtn .spbox {
    width: 100%;
    height: 36px;
    border-radius: 36px;
    background: #fff;
    padding: 0 0.5rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
  .bocweb-header .langbtn .sp1 {
    color: #083388;
  }
  .bocweb-header .langbtn .sp2 {
    width: 12px;
    height: 12px;
  }
  .bocweb-header .langbtn .sp2 svg {
    width: 12px;
    height: 12px;
    fill: #8b8b8b;
  }
  .bocweb-header .langbtn .langitem {
    padding: 25px 0.5rem 10px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 14px;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: -1;
    display: none;
  }
  .bocweb-header .langbtn .langitem a {
    transition: all 0.5s;
  }
  .bocweb-header .langbtn .langitem a:hover {
    color: #1947ba;
  }

  .bocweb-header .bocweb-nav {
    height: 100%;
  }
  .bocweb-header .bocweb-nav li {
    height: 100%;
    margin: 0 0.63rem;
    transition: all 0.5s;
  }
  .bocweb-header .bocweb-nav li .link {
    display: block;
    height: 100%;
    line-height: 100px;
    font-size: 18px;
    color: #fff;
    position: relative;
  }
  .bocweb-header .bocweb-nav li .link span {
    position: relative;
    /* vertical-align: middle; */
    line-height: 2;
  }
  .bocweb-header .bocweb-nav li .link span:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 2px;
    background: #fff;
    opacity: 0;
    transition: all 0.5s;
  }
  .bocweb-header .bocweb-nav li:hover .link span:before,
  .bocweb-header .bocweb-nav li.cur .link span:before {
    opacity: 1;
  }
  @media (max-width: 1600px) {
    .bocweb-header .bocweb-nav li {
      margin: 0 0.4rem;
    }
  }
  @media (max-width: 1200px) {
    .bocweb-header .bocweb-nav li {
      margin: 0 0.3rem;
    }
    .bocweb-header .bocweb-nav li .link {
      font-size: 16px;
    }
    .bocweb-header .bocweb-logo {
      width: 160px;
    }
  }
  @media (max-width: 1024px) {
    .bocweb-header {
      display: none;
    }
  }

  .bocweb-header.on {
    position: relative;
    background: #f5f5f5;
    border-bottom: 1px solid #e2e2e2;
  }
  .bocweb-header.on .bocweb-logo .img1 {
    width: 100%;
    height: auto;
    opacity: 0;
  }
  .bocweb-header.on .bocweb-logo .img2 {
    width: 100%;
    height: auto;
    opacity: 1;
  }
  .bocweb-header.on .bocweb-nav li .link {
    color: #000;
  }
  .bocweb-header.on .bocweb-nav li .link span:before {
    background: #000;
  }

  @media (max-width: 1024px) {
    body {
      padding-top: 80px;
    }
  }
  @media (max-width: 750px) {
    body {
      padding-top: 70px;
    }
  }
  @media (max-width: 500px) {
    body {
      padding-top: 60px;
    }
  }
  .bocweb-header-m {
    z-index: 99;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 80px;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.8s;
  }
  .bocweb-header-m .bocweb-logo {
    position: absolute;
    left: 5.28%;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    transition: all 0.8s;
  }
  .bocweb-header-m .bocweb-logo img {
    width: 5rem;
    height: auto;
  }
  .bocweb-header-m .langbtn {
    color: #264d98;
    margin: 0 1rem;
  }
  .bocweb-header-m .sreach-btn {
    width: 1rem;
    height: 1rem;
  }
  .bocweb-header-m .sreach-btn svg {
    width: 1rem;
    height: 1rem;
    fill: #333;
  }
  .bocweb-header-m .bocweb-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -80.55%;
    width: 80.55%;
    height: 100vh;
    background-color: #fff;
  }
  .bocweb-header-m .bocweb-nav li {
    padding: 0 8.27%;
    border-bottom: 1px solid #ebebeb;
    font-size: 26px;
    background: #f6f6f6;
  }
  .bocweb-header-m .bocweb-nav li .link {
    position: relative;
    display: block;
    padding: 6% 0;
    color: #222;
    transition: all 0.6s;
    transform: translateX(100px);
    opacity: 0;
  }
  .bocweb-header-m .bocweb-nav li .link .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 14px;
    height: 24px;
    margin-top: -10px;
    background: url("../img/arrow-r.png")
      no-repeat center center;
  }
  .bocweb-header-m .bocweb-nav li .hide {
    position: absolute;
    top: 0;
    left: 101%;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: all 0.8s;
  }
  .bocweb-header-m .bocweb-nav li .hide .sub-link {
    display: block;
    padding: 6% 8.27%;
    border-bottom: 1px solid #ebebeb;
    font-size: 26px;
    color: #222;
    background: #f6f6f6;
  }
  .bocweb-header-m .bocweb-nav li .hide .sub-link .text {
    display: block;
    transform: translateX(100px);
    opacity: 0;
    transition: all 0.6s;
  }
  .bocweb-header-m .bocweb-nav li .hide .title {
    position: relative;
    height: 80px;
    padding: 0;
    line-height: 80px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    background: #222;
  }
  .bocweb-header-m .bocweb-nav li .hide .title .back {
    position: absolute;
    left: 8.27%;
    top: 50%;
    display: block;
    width: 14px;
    height: 24px;
    margin-top: -10px;
    background: url("../img/arrow-l.png")
      no-repeat center center;
  }
  .bocweb-header-m .bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    cursor: pointer;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform 0.6s;
  }
  .bocweb-header-m .menu-box {
    position: absolute;
    top: 26px;
    right: 5.28%;
    transition: all 0.6s;
  }
  .bocweb-header-m .bocweb-menu {
    width: 35px;
    margin: 0 auto;
    cursor: pointer;
  }
  .bocweb-header-m .bocweb-menu .line {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    height: 4px;
    transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease,
      opacity 0.3s, background 0.3s;
    transform-origin: center center;
    background: #000;
  }
  .bocweb-header-m .bocweb-menu .line:nth-child(2) {
    margin: 8px 0;
  }
  .bocweb-header-m.ishow {
    transform: translateX(-80.55%);
  }
  .bocweb-header-m.ishow .bg {
    transform: scaleX(1);
  }
  .bocweb-header-m.ishow .bocweb-nav li .link {
    transform: translateX(0px);
    opacity: 1;
  }
  .bocweb-header-m.ishow .bocweb-nav li .hide.ishow {
    transform: translateX(-101%);
  }
  .bocweb-header-m.ishow .bocweb-nav li .hide.ishow .sub-link .text {
    transform: translateX(0px);
    opacity: 1;
  }
  .bocweb-header-m.ishow .menu-box {
    right: 0;
    width: 31%;
  }
  .bocweb-header-m.ishow .bocweb-menu .line:nth-child(1) {
    top: 12px;
    transform: rotate(45deg);
    opacity: 0.8;
  }
  .bocweb-header-m.ishow .bocweb-menu .line:nth-child(2) {
    opacity: 0;
    width: 0;
  }
  .bocweb-header-m.ishow .bocweb-menu .line:nth-child(3) {
    top: -12px;
    transform: rotate(-45deg);
    opacity: 0.8;
  }
  @media (min-width: 1025px) {
    .bocweb-header-m {
      display: none;
    }
  }
  @media (max-width: 750px) {
    .bocweb-header-m {
      height: 70px;
    }
    .bocweb-header-m .langbtn {
      margin: 0 0.8rem 0 0.5rem;
    }
    .bocweb-header-m .sreach-btn,
    .bocweb-header-m .sreach-btn svg {
      width: 0.85rem;
      height: 0.85rem;
    }
    .bocweb-header-m .bocweb-nav li {
      font-size: 18px;
    }
    .bocweb-header-m .bocweb-nav li .link .arrow {
      width: 9.8px;
      height: 16.8px;
      margin-top: -8.4px;
      background-size: contain;
    }
    .bocweb-header-m .bocweb-nav li .hide .sub-link {
      font-size: 18px;
    }
    .bocweb-header-m .bocweb-nav li .hide .title {
      height: 70px;
      line-height: 70px;
      font-size: 18px;
    }
    .bocweb-header-m .bocweb-nav li .hide .title .back {
      width: 9.8px;
      height: 16.8px;
      margin-top: -8.4px;
      background-size: contain;
    }
    .bocweb-header-m .menu-box {
      top: 23px;
    }
    .bocweb-header-m .bocweb-menu {
      width: 26px;
    }
    .bocweb-header-m .bocweb-menu .line {
      height: 2px;
    }
    .bocweb-header-m .bocweb-menu .line:nth-child(2) {
      margin: 6px 0;
    }
    .bocweb-header-m.ishow .bocweb-menu .line:nth-child(1) {
      top: 8px;
    }
    .bocweb-header-m.ishow .bocweb-menu .line:nth-child(3) {
      top: -8px;
    }
    .bocweb-header-m.ishow .menu-box {
      width: 39.5%;
    }
  }
  @media (max-width: 500px) {
    .bocweb-header-m {
      height: 60px;
    }
    .bocweb-header-m .bocweb-nav li {
      font-size: 16px;
    }
    .bocweb-header-m .bocweb-nav li .link .arrow {
      width: 8.4px;
      height: 14.4px;
      margin-top: -7.2px;
    }
    .bocweb-header-m .bocweb-nav li .hide .sub-link {
      font-size: 16px;
    }
    .bocweb-header-m .bocweb-nav li .hide .title {
      height: 60px;
      line-height: 60px;
      font-size: 16px;
    }
    .bocweb-header-m .bocweb-nav li .hide .title .back {
      width: 8.4px;
      height: 14.4px;
      margin-top: -7.2px;
    }
    .bocweb-header-m .menu-box {
      top: 19px;
    }
  }

  .search-list1 {
    background: #f3f2f0;
    padding: 0.8rem 0;
  }

  .search-list1 .searchbox {
    width: 100%;
    height: 68px;
    background: transparent;
    border: none;
    position: relative;
  }

  .search-list1 .input1 {
    width: 100%;
    height: 66px;
    background: transparent;
    border: none;
  }
  .search-list1 .input1::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
  }
  .search-list1 .input1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
  }
  .search-list1 .input1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
  }
  .search-list1 .input1:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
  }

  .search-list1 form {
    width: 100%;
  }

  @media (max-width: 767px) {
    .search-list1 .input1,
    .search-list1 .searchbox {
      height: 45px;
    }
  }
  /*搜索弹框样式2*/
  .search-btn2 svg {
    width: 45px;
    height: 45px;
  }

  .search-alert2 {
    position: fixed;
    z-index: 100;
    background-color:rgba(0, 0, 0, 0.75);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
  }

  .search-alert2 .close {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 38px;
    right: 2.6%;
    cursor: pointer;
    transition: transform 0.3s ease 0s;
  }

  .search-alert2 .close svg {
    width: 30px;
    height: 30px;
    fill: #fff;
  }

  .search-alert2 .cent-form {
    position: absolute;
    width: 94.8%;
    left: 2.6%;
    top: 50%;
    height: 2rem;
    margin-top: -63px;
    border-bottom: 1px solid #515151;
  }

  .search-alert2 .cent-form .tex {
    border: none;
    font-size: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: none;
    padding-right: 3.5rem;
  }

  .search-alert2 .cent-form .sub-butn {
    border: none;
    height: 1.5rem;
    font-size: 0.65rem;
    line-height: 1.5rem;
    color: #555;
    text-align: right;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 3.5rem;
    text-align: center;
  }

  .search-alert2 .close:hover {
    transform: rotate(90deg);
  }

  @media (max-width: 1024px) {
    .footer .footer-nav {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .footerbot .lbox,
    .footerbot .rbox {
      width: 100%;
      margin-bottom: 0.5rem;
    }

    .footerbot .rbox .select,
    .footerbot .rbox .select-tit {
      width: 100%;
    }

    .footerbot .rbox .sharebox {
      width: 100%;
      justify-content: center;
      align-items: center;
    }
  }
  .n-contact {
    padding: 3.2rem 0 4rem;
    background: #fff;
    position: relative;
    z-index: 2;
  }
  .n-contact .tit2 {
    margin-bottom: 1.25rem;
  }
  .n-contact .ul {
    margin-bottom: 2rem;
  }
  .n-contact .ul .li {
    padding: 1.7rem 0.55rem 1.25rem;
    width: 23.5%;
    margin-right: 2%;
    border: 1px solid #e3e3e3;
  }
  .n-contact .ul .li:nth-child(4n) {
    margin-right: 0;
  }
  .n-contact .ul .icon {
    width: 36px;
    height: 36px;
    margin-bottom: 0.5rem;
  }
  .n-contact .ul .icon img {
    max-width: 100%;
    max-height: 100%;
  }
  .n-contact .ul .tit3 {
    margin-bottom: 0.4rem;
  }
  .n-contact .mapimg img {
    width: 100%;
  }

  @media (max-width: 768px) {
    .n-contact {
      padding: 2rem 0;
    }

    .n-contact .ul .li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 0.65rem;
    }

    .n-contact .ul {
      margin-bottom: 1rem;
    }
  }
  @media (max-width: 767px) {
    .n-contact .mapimg img {
      height: 8rem;
      width: 100%;
      position: relative;
      object-fit: cover;
    }

    .n-contact .ul {
      margin-bottom: 0.5rem;
    }
  }
  .nwarpsub {
    position: relative;
    height: 100px;
    z-index: 2;
  }
  .nwarpsub .nsubbox.fix {
    position: fixed;
    width: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 9;
    border-bottom: 2px solid #e6e6e6;
  }
  .nwarpsub .nsubbox.fix .subbox {
    border-bottom: 2px solid transparent;
  }
  .nwarpsub .subbox {
    border-bottom: 2px solid #e6e6e6;
  }
  .nwarpsub .backbtn {
    cursor: pointer;
  }
  .nwarpsub .backbtn .icon {
    width: 14px;
    height: 14px;
    fill: #999;
    margin-left: 0.25rem;
    transform: rotate(-90deg);
    transition: all 0.5s;
  }
  .nwarpsub .backbtn:hover {
    color: #1947ba;
  }
  .nwarpsub .backbtn:hover .icon {
    fill: #1947ba;
  }
  .nwarpsub .ul .li {
    margin-right: 1.2rem;
    position: relative;
    height: 100px;
    line-height: 100px;
    transition: all 0.5s;
  }
  .nwarpsub .ul .li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.1rem;
    background: #1947ba;
    left: 0;
    bottom: -3px;
    opacity: 0;
    transition: all 0.5s;
  }
  .nwarpsub .ul .li:hover,
  .nwarpsub .ul .li.cur {
    color: #1947ba;
  }
  .nwarpsub .ul .li:hover:before,
  .nwarpsub .ul .li.cur:before {
    opacity: 1;
  }

  @media (max-width: 1024px) {
    .nwarpsub,
    .nwarpsub .ul .li {
      height: 2.5rem;
      line-height: 2.5rem;
    }
  }
  .news-list1 {
    padding: 2.25rem 0;
    position: relative;
    z-index: 2;
  }
  .news-list1 .img {
    margin-bottom: 0.7rem;
    height: 10rem;
    width: 100%;
    margin-bottom: 0.85rem;
  }
  .news-list1 .img img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 1;
  }
  .news-list1 .tit4 {
    margin-top: 0.25rem;
  }
  .news-list1 .news-container {
    padding-bottom: 2.25rem;
  }
  .news-list1 .news-container .swiper-pagination span {
    height: 3px;
    width: 1rem;
    background: #e5e5e5;
    opacity: 1;
    margin: 0 5px;
    border-radius: 0;
    transition: all 0.5s;
  }
  .news-list1
    .news-container
    .swiper-pagination
    span.swiper-pagination-bullet-active {
    background: #1947ba;
  }

  @media (max-width: 767px) {
    .news-list1 {
      padding: 1.5rem 0;
    }
  }
  .news-list2 {
    padding-bottom: 3rem;
  }
  .news-list2 .box {
    background: #f1f1f1;
    padding: 22px 0;
  }
  .news-list2 .box .formbox .input1 {
    width: 360px;
    height: 50px;
    border: 1px solid #e1e1e1;
    padding: 0 50px 0 0.5rem;
  }

  .news-list2 .warpselectbox {
    width: 540px;
    position: relative;
    z-index: 3;
  }
  .news-list2 .warpselectbox .selectbox {
    width: 48%;
    height: 50px;
    position: relative;
    z-index: 3;
  }
  .news-list2 .warpselectbox .selectbox span {
    margin-right: 10px;
  }
  .news-list2 .warpselectbox .selectbox .icon {
    width: 12px;
    height: 12px;
    fill: #000;
  }
  .news-list2 .warpselectbox .selectbox .selecttop {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    padding: 0 0.5rem;
  }
  .news-list2 .warpselectbox .selectbox .selectitem {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: #fff;
    max-height: 200px;
    padding: 10px;
    overflow-y: auto;
    display: none;
  }
  .news-list2 .warpselectbox .selectbox .item {
    height: 1rem;
    line-height: 1rem;
    padding: 0 15px;
    background: transparent;
    cursor: pointer;
    border-bottom: none;
  }
  .news-list2 .warpselectbox .selectbox .item:hover {
    color: #fff;
    background: #000;
  }
  .news-list2 .warpselectbox .selectbox:hover .selecttop {
    color: #999;
  }
  .news-list2 .warpselectbox .selectbox:hover .icon {
    fill: #999;
  }
  .news-list2 .newsul .li {
    padding: 1.5rem 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .news-list2 .newsul .li .img {
    width: 30.6%;
  }
  .news-list2 .newsul .li .img img {
    transform: scale(1.02);
    transition: all 0.6s;
  }
  .news-list2 .newsul .li .text {
    width: 64.5%;
    padding-top: 1.2rem;
  }
  .news-list2 .newsul .li .tit2 {
    margin-bottom: 0.7rem;
    transition: all 0.6s;
  }
  .news-list2 .newsul .li .tit3 {
    margin-bottom: 2.5rem;
  }
  .news-list2 .newsul .li .time {
    margin-bottom: 0.3rem;
  }
  .news-list2 .newsul .li .more {
    border: 1px solid #e5e5e5;
    height: 50px;
    border-radius: 50px;
    width: 140px;
  }
  .news-list2 .newsul .li .more .icon {
    width: 14px;
    height: 14px;
    margin-left: 5px;
  }
  .news-list2 .newsul .li:hover .img img {
    transform: scale(1.1);
  }
  .news-list2 .newsul .li:hover .tit2 {
    color: #1947ba;
  }
  .news-list2 .newsul .li:hover .more {
    background: #1947ba;
    color: #fff;
    transition: all 0.5s;
  }
  .news-list2 .newsul .li:hover .more .icon {
    fill: #fff;
  }
  .news-list1 .news-container .swiper-slide .img img {
    transition: all 0.5s;
  }
  .news-list1 .news-container .swiper-slide .tit3 {
    transition: all 0.5s;
  }
  .news-list1 .news-container .swiper-slide:hover .img img {
    transform: scale(1.1);
  }
  .news-list1 .news-container .swiper-slide:hover .tit3 {
    color: #1947ba;
  }

  @media (max-width: 1024px) {
    .news-list2 .box .warpselectbox {
      width: 400px;
    }

    .news-list2 .box .formbox .input1 {
      width: 280px;
    }

    .news-list2 .newsul .li .text {
      padding-top: 0;
    }
  }
  @media (max-width: 768px) {
    .news-list2 .box .warpselectbox {
      width: 100%;
      margin-bottom: 0.65rem;
    }

    .news-list2 .box .formbox,
    .news-list2 .box .formbox .input1 {
      width: 100%;
    }

    .news-list2 .newsul .li .tit3 {
      margin-bottom: 1rem;
    }
  }
  @media (max-width: 767px) {
    .news-list2 .newsul .li .img {
      width: 100%;
      margin-bottom: 0.7rem;
    }

    .news-list2 .newsul .li .text {
      width: 100%;
    }

    .news-list2 .newsul .li .more {
      height: 40px;
      border-radius: 40px;
      width: 120px;
    }
  }
  .infomian {
    padding-bottom: 4rem;
  }

  .n-subwarp {
    position: relative;
    padding: 0.5rem 0;
    z-index: 3;
  }
  .n-subwarp .icon {
    width: 18px;
    height: 18px;
    margin-right: 0.25rem;
    margin-top: -5px;
  }
  .n-subwarp a {
    margin: 0 0.2rem;
    transition: all 0.5s;
    color: #333;
  }
  .n-subwarp span {
    margin-left: 0.2rem;
  }
  .n-subwarp a:hover {
    color: #083388;
  }

  .n-info {
    padding: 1.65rem 1.25rem 0.85rem;
    background: #fff;
  }
  .n-info .title-top {
    width: 100%;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .n-info .title {
    margin-bottom: 0.55rem;
  }
  .n-info .time .icon {
    margin-right: 0.2rem;
    margin-top: -2px;
  }
  .n-info .backbtn {
    width: 140px;
    height: 50px;
    background: #1947ba;
    border-radius: 25px;
  }
  .n-info .backbtn .icon {
    width: 15px;
    height: 15px;
    fill: #fff;
    margin-right: 10px;
    margin-top: -2px;
  }
  .n-info .backbtn:hover {
    color: #fff;
  }
  .n-info .n-text {
    padding: 1rem 0 2.25rem;
    border-bottom: 1px solid #ccc;
  }
  .n-info .n-text img {
    max-width: 100%;
  }
  .n-info .n-bot {
    width: 100%;
    padding: 0.85rem 0 0;
  }
  .n-info .n-bot .leftbox {
    width: 50%;
  }
  .n-info .n-bot .leftbox a {
    max-width: 100%;
    margin-bottom: 0.35rem;
    transition: all 0.5s;
  }
  .n-info .n-bot .leftbox a:hover {
    color: #1947ba;
  }

  @media (max-width: 1024px) {
    .n-info .n-text {
      padding: 1.5rem 0 1.75rem;
    }
  }
  @media (max-width: 768px) {
    .n-info .n-text img {
      display: inline-block;
      width: auto !important;
      height: auto !important;
    }
  }
  @media (max-width: 767px) {
    .n-info {
      padding: 1rem;
    }

    .n-info .n-bot a {
      max-width: 100%;
      margin-bottom: 0.5rem;
    }

    .n-info .n-bot a {
      margin-bottom: 0.25rem;
    }

    .n-info .title-top {
      padding-right: 0;
    }

    .n-info .backbtn {
      margin-top: 0.65rem;
      height: 40px;
      position: relative;
    }

    .n-info .n-bot .leftbox {
      width: 100%;
    }

    .n-info .backbtn {
      margin-top: 0.55rem;
    }

    .infomian {
      padding-bottom: 2rem;
    }
  }
  .video-list2 {
    padding-bottom: 3rem;
  }
  .video-list2 .box {
    background: #fff;
    padding: 1.75rem 0 0;
  }
  .video-list2 .box .formbox .input1 {
    width: 360px;
    height: 50px;
    border: 1px solid #e1e1e1;
    padding: 0 50px 0 0.5rem;
  }

  .video-list2 .warpselectbox {
    width: 540px;
    position: relative;
    z-index: 3;
  }
  .video-list2 .warpselectbox .selectbox {
    width: 48%;
    height: 50px;
    position: relative;
    z-index: 3;
  }
  .video-list2 .warpselectbox .selectbox span {
    margin-right: 10px;
  }
  .video-list2 .warpselectbox .selectbox .icon {
    width: 12px;
    height: 12px;
    fill: #000;
  }
  .video-list2 .warpselectbox .selectbox .selecttop {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    padding: 0 0.5rem;
  }
  .video-list2 .warpselectbox .selectbox .selectitem {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: #fff;
    max-height: 200px;
    padding: 10px;
    overflow-y: auto;
    display: none;
  }
  .video-list2 .warpselectbox .selectbox .item {
    height: 1rem;
    line-height: 1rem;
    padding: 0 15px;
    background: transparent;
    cursor: pointer;
    border-bottom: none;
  }
  .video-list2 .warpselectbox .selectbox .item:hover {
    color: #fff;
    background: #000;
  }
  .video-list2 .warpselectbox .selectbox:hover .selecttop {
    color: #999;
  }
  .video-list2 .warpselectbox .selectbox:hover .icon {
    fill: #999;
  }
  .video-list2 .videoul {
    margin-top: 1.25rem;
  }
  .video-list2 .videoul .li {
    margin-bottom: 1rem;
    width: 32%;
    margin-right: 2%;
  }
  .video-list2 .videoul .li .img {
    width: 100%;
    height: 8rem;
  }
  .video-list2 .videoul .li .img .img2 {
    transform: scale(1.02);
    transition: all 0.6s;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .video-list2 .videoul .li .tit3 {
    width: 100%;
    margin-top: 0.6rem;
  }
  .video-list2 .videoul .li .videobtn {
    width: 55px;
    height: 55px;
    z-index: 4;
  }
  .video-list2 .videoul .li:nth-child(3n) {
    margin-right: 0;
  }
  .video-list2 .videoul .li:hover .img .img2 {
    transform: scale(1.1);
  }
  .video-list2 .video-container {
    margin-top: 1rem;
  }
  .video-list2 .video-container .videobtn {
    cursor: pointer;
  }
  .video-list2 .video-container .videobtn img {
    margin-bottom: 0.5rem;
  }
  .video-list2 .video-container .swiper-pagination {
    bottom: 0.75rem !important;
  }
  .video-list2 .video-container .swiper-pagination span {
    height: 3px;
    width: 1rem;
    background: #fff;
    opacity: 1;
    margin: 0 5px;
    border-radius: 0;
    transition: all 0.5s;
  }
  .video-list2
    .video-container
    .swiper-pagination
    span.swiper-pagination-bullet-active {
    background: #1947ba;
  }

  @media (max-width: 1024px) {
    .video-list2 .box .warpselectbox {
      width: 400px;
    }

    .video-list2 .box .formbox .input1 {
      width: 280px;
    }

    .video-list2 .videoul .li .img {
      height: 6rem;
    }
  }
  @media (max-width: 768px) {
    .video-list2 .box .warpselectbox {
      width: 100%;
      margin-bottom: 0.65rem;
    }

    .video-list2 .box .formbox,
    .video-list2 .box .formbox .input1 {
      width: 100%;
    }

    .video-list2 .videoul .li .img {
      height: 5rem;
    }
  }
  @media (max-width: 767px) {
    .video-list2 .videoul .li {
      width: 100%;
      margin-right: 0;
    }

    .video-list2 .video-container .swiper-slide {
      height: 9rem;
    }

    .video-list2 .video-container .swiper-slide > img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .video-list2 .videoul .li .img {
      height: 8rem;
    }

    .video-list2 {
      padding-bottom: 2rem;
    }
  }
  .n-recruitment {
    padding-bottom: 3.5rem;
  }
  .n-recruitment .box {
    background: #fff;
    padding: 1.75rem 0 0;
  }
  .n-recruitment .box .formbox .input1 {
    width: 360px;
    height: 50px;
    border: 1px solid #e1e1e1;
    padding: 0 50px 0 0.5rem;
  }

  .n-recruitment .box .warpselectbox {
    width: 540px;
    position: relative;
    z-index: 3;
  }
  .n-recruitment .box .warpselectbox .selectbox {
    width: 48%;
    height: 50px;
    position: relative;
    z-index: 3;
  }
  .n-recruitment .box .warpselectbox .selectbox span {
    margin-right: 10px;
  }
  .n-recruitment .box .warpselectbox .selectbox .icon {
    width: 12px;
    height: 12px;
    fill: #000;
  }
  .n-recruitment .box .warpselectbox .selectbox .selecttop {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    padding: 0 0.5rem;
  }
  .n-recruitment .box .warpselectbox .selectbox .selectitem {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: #fff;
    max-height: 200px;
    padding: 10px;
    overflow-y: auto;
    display: none;
  }
  .n-recruitment .box .warpselectbox .selectbox .item {
    height: 1rem;
    line-height: 1rem;
    padding: 0 15px;
    background: transparent;
    cursor: pointer;
    border-bottom: none;
  }
  .n-recruitment .box .warpselectbox .selectbox .item:hover {
    color: #fff;
    background: #000;
  }
  .n-recruitment .box .warpselectbox .selectbox:hover .selecttop {
    color: #999;
  }
  .n-recruitment .box .warpselectbox .selectbox:hover .icon {
    fill: #999;
  }
  .n-recruitment .joinbox {
    margin-top: 1.2rem;
  }
  .n-recruitment .joinbox .join-top {
    padding: 0 1.25rem;
    background: #f2f2f2;
    height: 75px;
  }
  .n-recruitment .joinbox .join-top .sp1 {
    width: 22.8%;
    padding-right: 0.5rem;
  }
  .n-recruitment .joinbox .join-top .sp2 {
    width: 10%;
    margin-right: 10%;
  }
  .n-recruitment .joinbox .join-top .sp3 {
    width: 10%;
    margin-right: 10%;
  }
  .n-recruitment .joinbox .join-top .sp4 {
    width: 17.2%;
    margin-right: 10%;
  }
  .n-recruitment .joinbox .join-top .sp5 {
    width: 10%;
  }
  .n-recruitment .joinbox .join-top .sp5 .icon {
    width: 12px;
    height: 12px;
    fill: #999;
    margin-left: 5px;
  }
  .n-recruitment .joinbox .joinitem {
    border-bottom: 1px solid #ececec;
  }
  .n-recruitment .joinbox .itemtop {
    padding: 0 1.25rem;
    background: #fff;
    height: 85px;
    cursor: pointer;
  }
  .n-recruitment .joinbox .itemtop .sp1 {
    width: 22.8%;
    padding-right: 0.5rem;
  }
  .n-recruitment .joinbox .itemtop .sp2 {
    width: 10%;
    margin-right: 10%;
  }
  .n-recruitment .joinbox .itemtop .sp3 {
    width: 10%;
    margin-right: 10%;
  }
  .n-recruitment .joinbox .itemtop .sp4 {
    width: 17.2%;
    margin-right: 10%;
  }
  .n-recruitment .joinbox .itemtop .sp5 {
    width: 10%;
  }
  .n-recruitment .joinbox .itemtop .sp5 .icon {
    width: 12px;
    height: 12px;
    fill: #999;
    margin-left: 5px;
    transition: all 0.5s;
  }
  .n-recruitment .joinbox .itemtext {
    padding: 1.25rem 1.3rem;
    background: #f3f3f3;
    position: relative;
    display: none;
  }
  .n-recruitment .joinbox .itemtext:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 2rem;
    top: -4px;
    background: #f3f3f3;
    transform: rotate(-45deg);
  }
  .n-recruitment .joinbox .itemtext .tit3 {
    margin-bottom: 0.5rem;
  }
  .n-recruitment .joinbox .itemtext .tit4 p {
    margin-bottom: 8px;
  }
  .n-recruitment .joinbox .itemtext .itemli {
    margin-bottom: 1rem;
  }
  .n-recruitment .joinbox .itemtext .itemli:last-child {
    margin-bottom: 0;
  }
  .n-recruitment .joinbox .itemtop.on .sp5 .icon {
    transform: rotate(-180deg);
  }

  @media (max-width: 1024px) {
    .n-recruitment .box .warpselectbox {
      width: 400px;
    }

    .n-recruitment .box .formbox .input1 {
      width: 280px;
    }
  }
  @media (max-width: 768px) {
    .n-recruitment .box .warpselectbox {
      width: 100%;
      margin-bottom: 0.65rem;
    }

    .n-recruitment .box .formbox,
    .n-recruitment .box .formbox .input1 {
      width: 100%;
    }

    .n-recruitment .joinbox .join-top .sp2,
    .n-recruitment .joinbox .itemtop .sp2 {
      margin-right: 8%;
    }

    .n-recruitment .joinbox .join-top .sp3,
    .n-recruitment .joinbox .itemtop .sp3 {
      margin-right: 8%;
    }

    .n-recruitment .joinbox .join-top .sp4,
    .n-recruitment .joinbox .itemtop .sp4 {
      margin-right: 8%;
    }

    .n-recruitment .joinbox .join-top .sp5,
    .n-recruitment .joinbox .itemtop .sp5 {
      width: 16%;
    }
  }
  @media (max-width: 767px) {
    .n-recruitment .joinbox .join-top .sp2,
    .n-recruitment .joinbox .itemtop .sp2 {
      display: none;
    }

    .n-recruitment .joinbox .join-top .sp3,
    .n-recruitment .joinbox .itemtop .sp3 {
      display: none;
    }

    .n-recruitment .joinbox .join-top .sp4,
    .n-recruitment .joinbox .itemtop .sp4 {
      display: none;
    }

    .n-recruitment .joinbox .itemtop .sp1,
    .n-recruitment .joinbox .join-top .sp1 {
      width: 70%;
    }

    .n-recruitment .joinbox .join-top .sp5,
    .n-recruitment .joinbox .itemtop .sp5 {
      width: 25%;
    }

    .n-recruitment .joinbox .join-top {
      height: 55px;
    }

    .n-recruitment .joinbox .itemtop {
      height: 60px;
    }

    .n-recruitment .box .warpselectbox .selectbox .item {
      padding: 0 8px;
    }

    .n-recruitment .box .warpselectbox .selectbox .selecttop,
    .n-recruitment .box .warpselectbox .selectbox {
      height: 40px;
    }

    .n-recruitment .box .warpselectbox .selectbox .selectitem {
      top: 40px;
    }

    .n-recruitment .joinbox {
      margin-top: 0.75rem;
    }

    .n-recruitment {
      padding-bottom: 2rem;
    }

    .n-recruitment .joinbox .join-top,
    .n-recruitment .joinbox .itemtop {
      padding: 0 0.75rem;
    }

    .n-recruitment .joinbox .itemtext {
      padding: 1.25rem 0.75rem;
    }
  }
  .quality-list1 {
    padding: 2.5rem 0;
    background: #fff;
    position: relative;
    z-index: 1;
  }
  .quality-list1 .tit3 {
    margin: 0 auto 0.65rem;
    max-width: 88%;
  }
  .quality-list1 .tit4 {
    width: 1200px;
    margin: 0 auto 1.7rem;
    max-width: 88%;
  }
  .quality-list1 .button-prev,
  .quality-list1 .button-next {
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 3;
    transition: all 0.5s;
    cursor: pointer;
  }
  .quality-list1 .button-prev {
    left: 5%;
    top: 50%;
    margin-top: -25px;
  }
  .quality-list1 .button-next {
    right: 5%;
    top: 50%;
    margin-top: -25px;
  }
  .quality-list1 .button-prev .icon,
  .quality-list1 .button-next .icon {
    width: 16px;
    height: 16px;
    fill: #fff;
  }
  .quality-list1 .button-prev .icon {
    transform: rotate(-180deg);
  }
  .quality-list1 .button-prev:hover,
  .quality-list1 .button-next:hover {
    background: rgba(0, 0, 0, 1);
  }

  @media (max-width: 767px) {
    .quality-list1 .button-next,
    .quality-list1 .button-prev {
      width: 25px;
    }
  }
  @media (max-width: 767px) {
    .quality-list1 {
      padding: 1.5rem 0;
    }

    .quality-list1 .tit4 {
      margin: 0 auto 1rem;
    }
  }
  .quality-list2 {
    padding-bottom: 1.75rem;
  }
  .quality-list2 .contentbox {
    position: relative;
    z-index: 1;
  }
  .quality-list2 .contentbox .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .quality-list2 .contentbox .text {
    padding: 4.15rem 0 8.25rem;
    position: relative;
    z-index: 2;
  }
  .quality-list2 .contentbox .ntext {
    width: 50%;
  }
  .quality-list2 .contentbox .ntext .tit3 {
    margin-bottom: 0.8rem;
  }
  .quality-list2 .imgbox {
    position: relative;
    z-index: 3;
    margin-top: -3.5rem;
  }
  .quality-list2 .imgbox .img {
    height: 7rem;
    width: 100%;
  }
  .quality-list2 .imgbox .img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .quality-list2 .imgbox p {
    padding: 0.5rem 0;
    min-height: calc(24px + 1rem);
    border-bottom: 1px solid #e9e9e9;
  }

  @media (max-width: 966px) {
    .quality-list2 .contentbox .text {
      padding-bottom: 6.5rem;
    }
  }
  @media (max-width: 767px) {
    .quality-list2 .contentbox .bg {
      position: relative;
      height: 10rem;
    }

    .quality-list2 .contentbox .ntext {
      width: 100%;
    }

    .quality-list2 .contentbox .ntext .tit3 {
      color: #333;
    }

    .quality-list2 .contentbox .ntext .p {
      color: #666;
    }

    .quality-list2 .imgbox {
      margin-top: 1.25rem;
    }

    .quality-list2 {
      padding-bottom: 1rem;
    }

    .quality-list2 .contentbox .text {
      padding-bottom: 0;
    }
  }
  .quality-list3 {
    padding: 1.7rem 0 2.8rem;
    background: #fff;
    position: relative;
    z-index: 1;
  }
  .quality-list3 .tit2 {
    margin-bottom: 2rem;
  }
  .quality-list3 .img {
    width: 100%;
  }
  .quality-list3 .imgbox {
    position: relative;
    z-index: 3;
    margin-top: 2.5rem;
  }
  .quality-list3 .imgbox .img {
    height: 7rem;
    width: 100%;
  }
  .quality-list3 .imgbox .img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .quality-list3 .imgbox p {
    padding: 0.5rem 0 0;
  }

  @media (max-width: 767px) {
    .quality-list3 {
      padding-top: 0.5rem;
      padding-bottom: 1.5rem;
    }

    .quality-list3 .imgbox {
      margin-top: 1.25rem;
    }

    .quality-list3 .tit2 {
      margin-bottom: 1.25rem;
    }
  }
  .n-products .ul {
    padding: 2.5rem 0;
  }
  .n-products .ul .li {
    width: 100%;
    position: relative;
    display: block;
    padding: 3.5rem 0 3rem;
    margin-bottom: 1rem;
  }
  .n-products .ul .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .n-products .ul .textbox {
    padding-left: 3rem;
  }
  .n-products .ul .text {
    width: 41%;
    position: relative;
    z-index: 3;
  }
  .n-products .ul .text .tit2 {
    margin-bottom: 0.4rem;
  }
  .n-products .ul .text .tit3 {
    margin-bottom: 2rem;
  }
  .n-products .ul .text .more {
    width: 140px;
    height: 50px;
    background: #fff;
    border-radius: 50px;
    transition: all 0.5s;
  }
  .n-products .ul .text .more .icon {
    width: 10px;
    height: 10px;
    fill: #000;
    margin-left: 0.4rem;
    transition: all 0.5s;
  }
  .n-products .ul .img {
    width: 60%;
    right: 0;
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: all 0.5s;
  }
  .n-products .ul .img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
  .n-products .ul .li:hover .more {
    background: #1947ba;
    color: #fff;
  }
  .n-products .ul .li:hover .more .icon {
    fill: #fff;
  }
  .n-products .ul .li:hover .img {
    transform: translate(20px, 0);
  }
  .n-products .ul .li:last-child {
    margin-bottom: 0;
  }

  @media (max-width: 768px) {
    .n-products .ul {
      padding: 1.5rem 0;
    }

    .n-products .ul .textbox {
      padding-left: 1.5rem;
    }

    .n-products .ul .text .tit3 {
      margin-bottom: 1rem;
    }
  }
  @media (max-width: 767px) {
    .n-products .ul {
      padding: 1.5rem 0;
    }

    .n-products .ul .textbox {
      padding-left: 1rem;
    }

    .n-products .ul .text .tit3 {
      margin-bottom: 1.25rem;
    }

    .n-products .ul .text {
      width: 100%;
    }

    .n-products .ul .img {
      width: 100%;
      margin-top: 0.85rem;
      position: relative;
    }

    .n-products .ul .textbox {
      padding-left: 0;
    }

    .n-products .ul .text {
      padding: 0 1rem;
    }

    .n-products .ul .li {
      padding: 1.5rem 0;
    }

    .n-products .ul .text .more {
      width: 120px;
      height: 40px;
      border-radius: 40px;
    }
  }
  .products-info {
    padding-top: 100px;
    padding-bottom: 2.65rem;
  }
  .products-info .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .products-info .text {
    margin-left: calc(50vw - 800px);
    width: 33.8%;
    padding-top: 1.5rem;
    position: relative;
    z-index: 3;
  }
  .products-info .text .tit2 {
    margin-bottom: 1rem;
  }
  .products-info .text .tit3 {
    margin-bottom: 0.5rem;
  }
  .products-info .tabul {
    margin-bottom: 0.5rem;
    padding-bottom: 4px;
  }
  .products-info .tabul .li {
    height: 1.5rem;
    width: 100%;
    background: #fff;
    cursor: pointer;
    transition: all 0.5s;
  }
  .products-info .tabul .li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 50%;
    margin-left: -7px;
    bottom: -3px;
    background: #1947ba;
    transform: rotate(-45deg);
    z-index: 2;
    opacity: 0;
    transition: all 0.5s;
  }
  .products-info .tabul .swiper-slide:hover .li,
  .products-info .tabul .swiper-slide.cur .li {
    background: #1947ba;
    color: #fff;
  }
  .products-info .tabul .swiper-slide:hover .li:before,
  .products-info .tabul .swiper-slide.cur .li:before {
    opacity: 1;
  }
  .products-info .ul .li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #c1c1c1;
  }
  .products-info .ul .li span {
    max-width: 46%;
  }
  .products-info .itemli {
    display: none;
  }
  .products-info .img {
    width: 50%;
    position: relative;
    z-index: 3;
  }

  @media (max-width: 1680px) {
    .products-info .text {
      margin-left: 6%;
    }
  }
  @media (max-width: 1024px) {
    .products-info {
      padding-top: 10px;
    }
  }
  @media (max-width: 996px) {
    .products-info .text {
      width: 88%;
    }

    .products-info .img {
      width: 100%;
      padding: 0 6%;
      margin-top: 1rem;
    }
  }
  @media (max-width: 767px) {
    .products-info .text {
      padding-top: 1rem;
    }
  }
  @media (max-width: 1360px) {
    .about-list1 .rightbox {
      padding-top: 0;
    }
  }
  @media (max-width: 996px) {
    .about-list1 .leftbox {
      width: 100%;
      margin-bottom: 1rem;
    }
  }
  @media (max-width: 767px) {
  }
  .about-list2 {
    background: #f3f3f3;
    padding: 3rem 0 3.25rem;
    position: relative;
    z-index: 1;
  }
  .about-list2 .bgcolor {
    width: 33.3%;
    height: 100%;
    background: #1947ba;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }
  .about-list2 .tip {
    position: absolute;
    height: 3.375rem;
    left: 26.25%;
    top: 0;
    z-index: 1;
  }
  .about-list2 .contentbox {
    position: relative;
    z-index: 3;
  }
  .about-list2 .title {
    margin-bottom: 1.4rem;
  }
  .about-list2 .btnbox {
    width: 150px;
    z-index: 4;
  }
  .about-list2 .btnbox .prevbtn,
  .about-list2 .btnbox .nextbtn {
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s;
  }
  .about-list2 .btnbox .prevbtn .icon,
  .about-list2 .btnbox .nextbtn .icon {
    width: 12px;
    height: 12px;
    fill: #ccc;
  }
  .about-list2 .btnbox .prevbtn:hover,
  .about-list2 .btnbox .nextbtn:hover {
    transform: scale(0.95);
  }
  .about-list2 .btnbox .prevbtn .icon {
    transform: rotate(-180deg);
  }
  .about-list2 .warpbox {
    background: #fff;
    padding: 3.5rem 1.75rem 3.5rem 1.75rem;
    margin-top: -10px;
    position: relative;
    z-index: 3;
    width: 90%;
  }
  .about-list2 .warpbox .li p {
    color: #252525;
    margin-top: 0.5rem;
  }

  @media (max-width: 767px) {
    .about-list2 .warpbox {
      padding: 1.5rem 1.5rem;
    }

    .about-list2 .title {
      margin-bottom: 1.7rem;
    }

    .about-list2 .tip {
      height: 3rem;
    }

    .about-list2 {
      padding: 2.5rem 0;
    }
  }

  .dialog {
    z-index: 99;
  }
  .dialog .dialog__content {
    width: 80%;
    max-width: 1000px;
    min-width: 290px;
    padding: 30px;
    background: transparent;
  }
  .dialog .closebtn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    z-index: 2;
    background: transparent;
  }
  .dialog .closebtn .icon {
    width: 24px;
    height: 24px;
    fill: #fff;
  }
  .dialog .video {
    width: 100%;
  }
  .dialog .video video {
    width: 100%;
  }

  @media (max-width: 767px) {
    .dialog .dialog__content {
      padding: 0;
      width: 90%;
    }

    .dialog .closebtn {
      top: -35px;
    }
  }
  @keyframes warn {
    0% {
      transform: scale(0) translate(-50%, -50%);
      opacity: 1;
    }
    100% {
      transform: scale(1) translate(-50%, -50%);
      opacity: 0;
    }
  }
  @keyframes warn2 {
    0% {
      transform: scale(0) translate(-50%, -50%);
      opacity: 1;
    }
    100% {
      transform: scale(6) translate(-50%, -50%);
      opacity: 0;
    }
  }
  .bocweb-header.index {
    opacity: 0;
    transition: all 0.5s;
  }

  .bocweb-header.ani-slide {
    opacity: 1;
  }

  .index-container {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    z-index: 1;
  }
  .index-container .index-slide {
    position: relative;
    height: 100vh;
    width: 100vw;
  }
  .index-container .index-slide1 {
    padding: 20vh 4rem 0;
    height: 100vh;
    position: relative;
    z-index: 4;
  }
  .index-container .index-slide1 .contentbox {
    position: relative;
    z-index: 2;
  }
  .index-container .index-slide1 .contentbox .leftbox {
    /* margin-top: .85rem; */
    width: 400px;
    height: calc(75vh);
    position: relative;
  }
  .leftbox_title {
    height: 41px;
    font-family: PingFang-SC, PingFang-SC;
    font-weight: 300;
    font-size: 1.025rem;
    color: #222222;
    line-height: 41px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 60px;
    position: relative;
  }
  .index-container .index-slide1 .contentbox .leftbox .tit2 {
    margin-bottom: 0.55rem;
  }
  .index-container .index-slide1 .contentbox .leftbox .ul {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
  }
  .index-container .index-slide1 .contentbox .leftbox .ul .li {
    /* width: 50%; */
    padding-right: 1rem;
    margin-bottom: 1.2rem;
  }
  .index-container .index-slide1 .contentbox .leftbox .ul .li .num {
    color: #1947ba;
  }
  .index-container .index-slide1 .contentbox .leftbox .ul .li .num sup {
    top: -1em;
    color: #252525;
  }
  .index-container .index-slide1 .contentbox .leftbox .ul .li p {
    color: #252525;
  }
  .index-container .index-slide1 .contentbox .leftbox .ul .p {
    color: #252525;
  }
  .index-container .index-slide1 .contentbox .leftbox .more {
    position: absolute;
    bottom: 12.5vh;
    color: #000;
    border-bottom: 2px solid #000;
    display: inline-block;
    transition: all 0.5s;
  }
  .index-container .index-slide1 .contentbox .leftbox .more:hover {
    color: #1947ba;
    border-bottom: 2px solid #1947ba;
  }
  .index-container .index-slide1 .contentbox .rigthbox {
    width: calc(100% - 420px);
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #1947ba;
    border-radius: 50%;
    z-index: 2;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;
    background: #1947ba;
    opacity: 0.2;
    animation: warn 2s ease-out both;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian7:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;
    background: #1947ba;
    opacity: 0.2;
    animation: warn2 2s ease-out both;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian1 {
    left: 14%;
    top: 24%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian2 {
    left: 14%;
    top: 38%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian3 {
    left: 27%;
    top: 63%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian4 {
    left: 48%;
    top: 24%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian5 {
    left: 52%;
    top: 28%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian6 {
    left: 57%;
    top: 44%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian7 {
    left: 80%;
    top: 47%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian8 {
    left: 81%;
    top: 77%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian9 {
    left: 52%;
    top: 59%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .dian10 {
    left: 65%;
    top: 19%;
  }
  .index-container .index-slide1 .contentbox .rigthbox .maptext {
    position: absolute;
    width: 10rem;
    bottom: -2rem;
    z-index: 3;
    right: 3rem;
    border-radius: 8px;
    background: #2a7de1;
    padding: 0.7rem 1rem;
  }
  .index-container .index-slide1 .contentbox .rigthbox .maptext .tit4 {
    padding-bottom: 0.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0.45rem;
  }
  .index-container .index-slide1 .contentbox .rigthbox .maptext .tit5 {
    margin-bottom: 0.25rem;
  }
  .index-container
    .index-slide1
    .contentbox
    .rigthbox
    .maptext
    .tit5
    .icon {
    margin-right: 15px;
    width: 18px;
  }
  .index-container .index-slide1 .mousebtn {
    bottom: 2.25rem;
  }
  .index-container .index-slide1 .mousebtn .mouse {
    box-shadow: inset 0 0 0 2px #222;
  }
  .index-container .index-slidetow .mousebtn .mouse {
    box-shadow: inset 0 0 0 2px #222;
  }
  .index-container .index-slidetow .mousebtn .mouse:after {
    background-color: #222;
  }
  .index-container .index-slide3 .mousebtn .mouse {
    box-shadow: inset 0 0 0 2px #222;
  }
  .index-container .index-slide3 .mousebtn .mouse:after {
    background-color: #222;
  }
  .index-container .index-slide1 .mousebtn .mouse:before {
    background-color: transparent;
  }
  .index-container .index-slide1 .mousebtn .mouse:after {
    background-color: #222;
  }
  .index-container .index-slide2 .img2box-container {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .index-container .index-slide2 .img2box-container .bg {
    width: 100%;
    height: 100%;
  }
  .index-container .index-slide2 .img2box-container .slide-inner {
    width: 100vw;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .index-container .index-slide2 .contentbox {
    padding: 22vh 3rem 0 4rem;
    height: 100vh;
    position: relative;
    z-index: 4;
  }
  .index-container .index-slide2 .contentbox .tabul {
    margin-bottom: 1.5rem;
  }
  .index-container .index-slide2 .contentbox .tabul a {
    color: #fff;
    opacity: 0.4;
    transition: all 0.5s;
  }
  .index-container .index-slide2 .contentbox .tabul a:hover,
  .index-container .index-slide2 .contentbox .tabul a.cur {
    opacity: 1;
  }
  .index-container .index-slide2 .contentbox .tabul .line {
    height: 15px;
    width: 1px;
    background: #fff;
    opacity: 0.2;
    margin: 0 0.65rem;
  }
  .index-container .index-slide2 .contentbox .tit2 {
    margin-bottom: 2.1rem;
  }
  .index-container .index-slide2 .contentbox .btnbox {
    width: 2.25rem;
  }
  .index-container .index-slide2 .contentbox .btnbox .button-prev,
  .index-container .index-slide2 .contentbox .btnbox .button-next {
    width: 1rem;
    opacity: 0.2;
    cursor: pointer;
    transition: all 0.5s;
  }
  .index-container .index-slide2 .contentbox .btnbox .button-prev {
    transform: rotate(-180deg);
  }
  .index-container .index-slide2 .contentbox .btnbox .button-prev:hover,
  .index-container .index-slide2 .contentbox .btnbox .button-next:hover {
    opacity: 1;
  }
  .index-container .index-slide2 .contentbox .more {
    position: absolute;
    bottom: 2rem;
    left: 4rem;
    color: #fff;
    border-bottom: 2px solid #fff;
    display: inline-block;
    transition: all 0.5s;
  }
  .index-container .index-slide2 .contentbox .more:hover {
    color: #1947ba;
    border-bottom: 2px solid #1947ba;
  }
  .index-container .index-slide2 .mousebtn {
    bottom: 1.25rem;
  }
  .index-container .index-slide3 {
    padding: 4.25rem 0 2.25rem 4rem;
    position: relative;
  }
  .index-container .index-slide3 .bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .index-container .index-slide3 .contentbox {
    z-index: 2;
  }
  .index-container .index-slide3 .contentbox .title {
    margin-bottom: 1.75rem;
  }
  .index-container .index-slide3 .contentbox .ul .li {
    width: 5rem;
    height: 7rem;
    margin-right: 0.5rem;
    transition: all 0.5s;
    padding: 0.7rem 0.55rem;
    transition: all 0.5s;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  }
  .index-container .index-slide3 .contentbox .ul .li .tit3 {
    color: #fff;
  }
  .index-container .index-slide3 .contentbox .ul .li .jtbn {
    position: absolute;
    width: 1rem;
    left: 0.55rem;
    bottom: 0.7rem;
    opacity: 0.2;
    transition: all 0.5s;
  }
  .index-container .index-slide3 .contentbox .ul .li:hover {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 2px #fff;
  }
  .index-container .index-slide3 .contentbox .ul .li:hover .jtbn {
    opacity: 1;
  }
  .index-container .index-slide3 .mousebtn {
    bottom: 1.7rem;
  }
  .index-container .index-slide4 {
    position: relative;
    width: 100%;
    z-index: 2;
    padding: 4.8rem 0 2.25rem 4rem;
  }
  .index-container .index-slide4 .bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .index-container .index-slide4 .tit2 {
    color: #252525;
    margin-bottom: 0.85rem;
  }
  .index-container .index-slide4 .tabul a {
    color: #000;
    opacity: 0.2;
    transition: all 0.5s;
  }
  .index-container .index-slide4 .tabul a:hover,
  .index-container .index-slide4 .tabul a.cur {
    opacity: 1;
  }
  .index-container .index-slide4 .tabul .line {
    height: 15px;
    width: 1px;
    background: #c0c0c0;
    margin: 0 0.65rem;
  }
  .index-container .index-slide4 .contentbox {
    position: relative;
    z-index: 2;
  }
  .index-container .index-slide4 .news-container {
    width: 100%;
  }



  .index-container .index-slide4 .news-container .item .text .icon {
    width: 20px;
    height: 20px;
    fill: #222;
  }
  .index-container .index-slide4 .news-container .item:hover .img img {
    transform: scale(1.1);
  }
  .index-container .index-slide4 .warpbox {
    margin-top: 1.25rem;
  }
  .index-container .index-slide4 .warpbox .newsitem {
    display: none;
  }
  .index-container .index-slide4 .btnbox {
    margin-top: 0.75rem;
    width: 2.25rem;
    margin-bottom: 1rem;
  }
  .index-container .index-slide4 .btnbox .button-prev,
  .index-container .index-slide4 .btnbox .button-next {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    opacity: 0.2;
    transition: all 0.5s;
  }
  .index-container .index-slide4 .btnbox .button-next img {
    transform: rotate(-180deg);
  }
  .index-container .index-slide4 .btnbox .button-prev:hover,
  .index-container .index-slide4 .btnbox .button-next:hover {
    opacity: 1;
  }
  .index-container .index-slide4 .more {
    color: #252525;
    border-bottom: 2px solid #252525;
    display: inline-block;
    transition: all 0.5s;
  }
  .index-container .index-slide4 .more:hover {
    color: #1947ba;
    border-bottom: 2px solid #1947ba;
  }
  .index-container .index-slide4 .news-container2 {
    margin-left: 0;
    width: 100%;
  }
  .index-container .index-slide4 .news-container2 .item {
    margin-left: 0;
  }
  .index-container .index-slide4 .news-container2 .item .img {
    width: 100%;
    height: 6rem;
    margin-left: 0;
    position: relative;
  }
  .index-container .footer-index-slide {
    height: auto;
  }
  .index-container .mousebtn {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 4;
  }
  .index-container .mousebtn .mouse {
    margin-bottom: 0.4rem;
  }
  .index-container .mousebtn .mouse {
    background: transparent;
    position: relative;
    width: 16px;
    height: 24px;
    border-radius: 16px;
    background-size: 100% 200%;
    animation: colorSlide 10s linear infinite,
      nudgeMouse 10s ease-out infinite;
    overflow: hidden;
    box-shadow: inset 0 0 0 2px #fff;
  }
  .index-container .mousebtn .mouse:before,
  .index-container .mousebtn .mouse:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .index-container .mousebtn .mouse:before {
    width: 16px;
    height: 24px;
    background-color: transparent;
    border-radius: 16px;
  }
  .index-container .mousebtn .mouse:after {
    background-color: #ffffff;
    width: 2px;
    height: 4px;
    -webkit-animation: trackBallSlide 10s linear infinite;
    animation: trackBallSlide 10s linear infinite;
  }
  @keyframes colorSlide {
    0% {
      background-position: 0% 100%;
    }
    20% {
      background-position: 0% 0%;
    }
    21% {
      background-color: transparent;
    }
    29.99% {
      background-color: transparent;
      background-position: 0% 0%;
    }
    30% {
      background-color: transparent;
      background-position: 0% 100%;
    }
    50% {
      background-position: 0% 0%;
    }
    51% {
      background-color: transparent;
    }
    59% {
      background-color: transparent;
      background-position: 0% 0%;
    }
    60% {
      background-color: transparent;
      background-position: 0% 100%;
    }
    80% {
      background-position: 0% 0%;
    }
    81% {
      background-color: transparent;
    }
    90%,
    100% {
      background-color: transparent;
    }
  }
  @keyframes trackBallSlide {
    0% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(-15px);
      transform: scale(1) translateY(-15px);
    }
    6% {
      opacity: 1;
      -webkit-transform: scale(0.9) translateY(3px);
      transform: scale(0.9) translateY(3px);
    }
    14% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(20px);
      transform: scale(0.4) translateY(20px);
    }
    15%,
    19% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-15px);
      transform: scale(0.4) translateY(-15px);
    }
    28%,
    29.99% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(-15px);
      transform: scale(1) translateY(-15px);
    }
    30% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(-15px);
      transform: scale(1) translateY(-15px);
    }
    36% {
      opacity: 1;
      -webkit-transform: scale(0.9) translateY(3px);
      transform: scale(0.9) translateY(3px);
    }
    44% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(20px);
      transform: scale(0.4) translateY(20px);
    }
    45%,
    49% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-15px);
      transform: scale(0.4) translateY(-15px);
    }
    58%,
    59.99% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(-15px);
      transform: scale(1) translateY(-15px);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(-15px);
      transform: scale(1) translateY(-15px);
    }
    66% {
      opacity: 1;
      -webkit-transform: scale(0.9) translateY(3px);
      transform: scale(0.9) translateY(3px);
    }
    74% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(20px);
      transform: scale(0.4) translateY(20px);
    }
    75%,
    79% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-15px);
      transform: scale(0.4) translateY(-15px);
    }
    88%,
    100% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(-15px);
      transform: scale(1) translateY(-15px);
    }
  }
  @keyframes nudgeMouse {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    20% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
    }
    30% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
    }
    60% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    80% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
    }
    90% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes nudgeText {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    20% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }
    30% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }
    60% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    80% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }
    90% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .carousel-inner {
    position: relative;
    height: 100vh;
    width: 100vw;
    z-index: 1;
  white-space: nowrap;
  }
.carousel-item {
    position: relative;
    display: inline-block;
    height: 100vh;
    width: 100vw;
    vertical-align: top;
    font-size: 16px; /* 恢复字体大小 */
}
.mySwiper .swiper-inner-box{
  position: absolute;
  padding: 2rem 6%;
  z-index: 999;
  top: 0;
  width: 100%;
}
.mySwiper .swiper-inner-box .title{
  font-family: PingFang SC;
  font-weight: 300;
  font-size: 1.025rem;
  color: #FFFFFF;
  line-height: 29px;
}
.mySwiper .swiper-inner-box .title-nian{
  font-family: DINPro;
  font-weight: 300;
  font-size: 5rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 100px;
  margin-top: 33px;
  margin-bottom: 24px;
}
.mySwiper .swiper-inner-box .tiaotiao{
  display: flex;
}
.mySwiper .swiper-inner-box .title-des{
  font-size: 0.5rem;
  color: #FFFFFF;
  font-family: PingFang SC;
  font-weight: 500;
  text-align: center;
  width: 280px;
}
  .banner-container {
    position: relative;
    height: 100vh;
    width: 100vw;
    z-index: 1;
  }
  .banner-container .warpnum .prvebtn,
  .banner-container .warpnum .nextbtn {
    width: 20px;
    height: 20px;
    cursor: pointer;
  }
  .banner-container .warpnum .prvebtn {
    margin-right: 0.45rem;
  }
  .banner-container .warpnum .nextbtn {
    margin-left: 0.45rem;
  }
  .banner-container .warpnum .prvebtn .icon {
    transform: rotate(-180deg);
  }
  .banner-container .warpnum .prvebtn .icon,
  .banner-container .warpnum .nextbtn .icon {
    fill: #fff;
    width: 16px;
    height: 16px;
  }
  .banner-container .warpnum .allnum {
    opacity: 0.3;
  }
  .banner-container .swiper-slide {
    position: relative;
    overflow: hidden;
  }
  .banner-container .slide-inner {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .banner-container .bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
  }
  .banner-container .text {
    position: absolute;
    top: 56vh;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 7;
  }
  .banner-container .tit2 {
    margin-bottom: 0.4rem;
  }
  .banner-container .warpnum {
    bottom: 55vh;
    left: calc(50vw - 800px) !important;
    z-index: 4;
    position: absolute;
  }
  .banner-container .banner-pagination {
    bottom: 1.75rem !important;
    left: calc(50vw - 800px) !important;
    z-index: 4;
    position: absolute;
    width: auto !important;
  }
  .banner-container .banner-pagination span {
    width: 1rem;
    height: 3px;
    margin-right: 0.25rem;
    border-radius: 0;
    background: #fff;
    opacity: 0.1;
    transition: all 0.5s;
  }
  .mySwiper  .banner-pagination span {
    width: 60px;
    height: 5px;
    margin-right:9px;
    border-radius: 0;
    background: #fff;
    opacity: 0.1;
    transition: all 0.5s;
    margin-top: 72px;
  }
  .mySwiper .banner-pagination
  span.swiper-pagination-bullet-active {
  opacity: 1;
  background: #1947BA;
}
  .banner-container
    .banner-pagination
    span.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
  }

  @media (max-width: 1680px) {
    .banner-container .banner-pagination {
      left: 6% !important;
    }

    .banner-container .warpnum {
      left: 6% !important;
    }
  }
  .index-container .index-slide {
    width: 100%;
    height: 100vh;
  }
  .index-container .footer-index-slide {
    height: auto;
  }
  .index-container .index-pagination {
    position: absolute;
    width: 1rem;
    right: 2rem !important;
    top: 32.5vh !important;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 4;
    transform: translate3d(0, 0, 0);
  }
  .index-container .index-pagination span {
    width: 0.7rem;
    height: 1px;
    background: #fff;
    margin-bottom: 0.25rem;
    border-radius: 0;
    opacity: 1;
    transition: all 0.5s;
  }
  .index-container .index-pagination span.swiper-pagination-bullet-active {
    width: 1rem;
    height: 4px;
    background: #1947ba;
  }
  .index-container .index-pagination.active span {
    background: #333;
  }
  .index-container
    .index-pagination.active
    span.swiper-pagination-bullet-active {
    background: #1947ba;
  }

  @media (max-width: 1024px) {
    .index-container .index-slide,
    .banner-container {
      height: calc(100vh - 80px);
    }

    .index-container .index-slide2 .contentbox {
      height: calc(100vh - 80px);
    }

    .index-container .footer-index-slide {
      height: auto;
    }

    .index-container {
      height: auto;
    }
    .index-container > .swiper-wrapper {
      display: flex;
      flex-flow: column wrap;
    }

    .index-container .index-slide1 {
      padding: 10vh 2rem 20vh;
      height: auto;
    }
    .index-container .index-slidetow{
      height: auto;
    }

    .index-container .index-slide1 .contentbox .leftbox {
      width: 100%;
      height: auto;
      margin-bottom: 1.5rem;
    }

    .index-container .index-slide1 .contentbox .leftbox .more {
      position: relative;
      bottom: 0;
    }

    .index-container .index-slide1 .contentbox .rigthbox {
      width: 100%;
    }

    .index-container .mousebtn {
      display: none;
    }

    .index-container .index-slide1 .contentbox .leftbox .ul {
      margin-bottom: 1rem;
    }

    .index-container .index-slide2 .contentbox {
      padding: 10vh 2rem 0;
    }

    .index-container .index-slide3 {
      padding: 10vh 2rem 0;
    }

    .index-container .index-slide3 .contentbox {
      width: 50vw;
    }

    .index-container .index-slide4 .news-container .item .img {
      margin-left: 0;
      width: 100%;
      margin-bottom: 0.8rem;
    }

    .index-container .index-slide4 .news-container .item {
      margin-left: 0;
      width: 100%;
    }

    .index-container .index-slide4 {
      padding: 10vh 0 2.25rem 2rem;
    }

    .index-container .index-slide4 .news-container .item .text {
      width: 100%;
    }

    .index-container .index-slide4 {
      height: auto;
    }

    .index-container .index-pagination {
      display: none;
    }

    .index-container .index-slide3 .contentbox {
      width: 70vw;
    }
  }
  @media (max-width: 767px) {
    .index-container .index-slide1 {
      padding: 2rem 6%;
    }

    .index-container .index-slide1 .contentbox .leftbox .ul {
      margin-top: 1.5rem;
    }

    .index-container .index-slide1 .contentbox .rigthbox .maptext {
      width: 100%;
      bottom: 0;
      z-index: 3;
      right: 0;
      border-radius: 8px;
      background: #2a7de1;
      padding: 0.7rem 1rem;
      margin-top: 1rem;
      position: relative;
    }

    .index-container .index-slide1 .contentbox .leftbox .ul {
      margin-bottom: 0;
    }

    .index-container .index-slide2 .contentbox {
      padding: 2rem 6%;
    }

    .index-container .index-slide2,
    .index-container .index-slide2 .contentbox,
    .index-container .index-slide2 .img2box-container {
      height: 80vh;
    }

    .index-container .index-slide2 .contentbox .btnbox .button-prev,
    .index-container .index-slide2 .contentbox .btnbox .button-next {
      opacity: 0.5;
    }

    .index-container .index-slide2 .contentbox .more {
      left: 6%;
    }

    .index-container .index-slide3 .contentbox .ul .li {
      width: 100%;
      height: 4rem;
      margin-bottom: 10px;
      margin-right: 0;
    }

    .index-container .index-slide3 {
      padding: 2rem 6% 0;
    }

    .index-container .index-slide3 .contentbox {
      width: 88%;
    }

    .index-container .index-slide4 {
      padding: 2rem 0 3rem 6%;
    }

    .index-container .index-slide4 .more {
      margin-top: 0.75rem;
    }

    .index-container .index-slide4 .btnbox {
      margin-top: 1.2rem;
    }

    .index-container .index-slide4 .news-container2 .item {
      padding: 0;
    }

    .index-container .index-slide4 .news-container2 .item .img {
      margin-bottom: 0;
      height: 8rem;
    }

    .footerbot .rbox .select .sub a {
      padding: 0.35rem 0.5rem;
    }
  }
  .jqrbox {
    position: fixed;
    width: 1rem;
    right: 2rem;
    bottom: 1.25rem;
    z-index: 6;
    cursor: pointer;
  }
  .jqrbox .tip {
    position: absolute;
    left: -170px;
    top: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0.35rem;
    padding: 0.35rem;
    background: rgba(0, 0, 0, 0.4);
    width: 150px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
  }
  .jqrbox .tip:before {
    content: "";
    position: absolute;
    /*width: 6px;
height: 6px;
border: 1px solid rgba(255, 255, 255, 0.4);*/

    border-left: 4px solid rgba(0, 0, 0, 0.4);
    border-top: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    top: 0.3rem;
    right: -4px;
    z-index: 2;
  }

  .jqrbox:hover .tip {
    opacity: 1;
    visibility: visible;
  }

  .jqrfrombox {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
  }
  .jqrfrombox .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
  }
  .jqrfrombox .contentbox {
    width: 780px;
    background: #fff;
    border-radius: 12px;
    padding: 0.8rem 0 1rem;
    max-width: 90%;
    z-index: 3;
  }
  .jqrfrombox .contentbox .title {
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #f6f6f6;
  }
  .jqrfrombox .contentbox .nbox {
    padding: 0.7rem 1rem 0;
    width: 100%;
  }
  .jqrfrombox .contentbox .nbox .item .input1 {
    width: 48%;
    height: 1.25rem;
    border-radius: 5px;
    background: #f4f4f4;
    text-indent: 0.25rem;
    padding-right: 10px;
    margin-bottom: 0.5rem;
  }

  .jqrfrombox .contentbox .nbox .item .captcha {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    height: 1rem;
    margin-top: -0.5rem;
    z-index: 3;
  }
  .jqrfrombox .contentbox .nbox .item .inputbox {
    width: 48%;
  }
  .jqrfrombox .contentbox .nbox .item .inputbox .input1 {
    width: 100%;
    margin-bottom: 0;
  }
  .jqrfrombox .contentbox .nbox .item .submit {
    width: 48%;
    height: 1.25rem;
    background: #2a7de1;
    border-radius: 5px;
    color: #fff;
  }
  .jqrfrombox .contentbox .closebtn {
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .jqrfrombox .contentbox .closebtn .icon {
    width: 20px;
    height: 20px;
    fill: #333;
  }

  .jqrfrombox.active {
    opacity: 1;
    visibility: visible;
  }

  @media (max-width: 767px) {
    .jqrbox {
      right: 0.65rem;
    }

    .jqrfrombox .contentbox .nbox .item .input1,
    .jqrfrombox .contentbox .nbox .item .inputbox,
    .jqrfrombox .contentbox .nbox .item .submit {
      width: 100%;
    }

    .jqrfrombox .contentbox .nbox .item .submit {
      margin-top: 0.5rem;
    }
  }

  .nwarpsub {
    position: relative;
    z-index: 4;
  }
  .news-list2 .box,
  .n-recruitment .box,
  .n-recruitment {
    position: relative;
    z-index: 3;
  }
  .footerbot .p a {
    color: #666;
    margin-left: 5px;
  }
  .n-contact .ul .li .tit4 {
    text-align: center;
  }

  .jqrbox img {
    animation: arrow2 6s infinite linear;
  }
  @keyframes arrow2 {
    0%,
    100% {
      transform: translateY(0%);
    }
    5% {
      transform: translateY(-5px);
    }
    10% {
      transform: translateY(0%);
    }
  }

  .about-list5 .mapimg .st2 {
    stroke-dashoffset: 100;
    stroke-dasharray: 5;
    animation: run 10s infinite linear;
  }
  /*.about-list5 .mapimg .st2 {
fill: none;
stroke: #000;
stroke-miterlimit: 10;
}*/
  .bocweb-header.on .langbtn .spbox {
    border: 1px solid #e5e5e5;
  }
  .bocweb-header.on .langbtn .spbox {
    border: 1px solid #e7e7e7;
  }
  .bocweb-header.on .warpright .sreach-btn {
    border: 1px solid #e7e7e7;
  }
  @keyframes run {
    100% {
      stroke-dashoffset: 0;
    }
  }

  .footerbot .sharebox .li .wximg {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    margin-left: -50px;
    bottom: 50px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
  }
  .footerbot .sharebox .li:hover .wximg {
    opacity: 1;
    visibility: visible;
  }

  @media (max-width: 767px) {
    .about-list4 .ul .li img {
      filter: grayscale(0);
      opacity: 1;
    }
  }
  .products-info .warptabul .button-prev .icon {
    transform: rotate(-180deg);
  }
  .products-info .warptabul .button-prev .icon,
  .products-info .warptabul .button-next .icon {
    fill: #333;
    width: 16px;
    height: 16px;
    cursor: pointer;
    transition: all 0.5s;
  }
  .products-info .warptabul .button-prev {
    width: 30px;
    height: 30px;
    left: -40px;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    z-index: 3;
  }
  .products-info .warptabul .button-next {
    width: 30px;
    height: 30px;
    right: -40px;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    z-index: 3;
  }
  .products-info .warptabul .button-prev:hover .icon,
  .products-info .warptabul .button-next:hover .icon {
    fill: #1947ba;
  }
  @media (max-width: 767px) {
    .products-info .warptabul .button-prev {
      left: -28px;
    }
    .products-info .warptabul .button-next {
      right: -28px;
    }
  }

  .about-list1 .leftbox .videobtn .svgs {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
  }
  .about-list1 .leftbox .videobtn .svgs .path-loop {
    stroke-dasharray: 360;
    stroke-dashoffset: 280;
    opacity: 1;
  }
  .about-list1 .leftbox .videobtn {
    z-index: 9;
    cursor: pointer;
  }
  .about-list1 .leftbox .videobtn .icon {
    width: 25px;
    height: 25px;
    fill: #fff;
    transition: all 0.8s;
  }
  .about-list1 .leftbox .videobtn .svgs {
    transform: rotate(160deg);
    transition: all 0.8s;
  }
  .about-list1 .leftbox .videobtn:hover .svgs {
    transform: rotate(360deg);
  }
  .about-list1 .leftbox .videobtn:hover .path-loop {
    animation: run 2.5s linear forwards;
  }
  .about-list1 .leftbox .videobtn:hover .path-loop-bg {
    opacity: 1;
  }

  .video-list2 .video-container .svgs {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
  }
  .video-list2 .video-container .svgs .path-loop {
    stroke-dasharray: 360;
    stroke-dashoffset: 280;
    opacity: 1;
  }
  .video-list2 .video-container .videosvg {
    width: 55px;
    height: 55px;
    margin-bottom: 0.5rem;
    z-index: 9;
    cursor: pointer;
    position: relative;
  }
  .video-list2 .video-container .icon {
    width: 25px;
    height: 25px;
    fill: #fff;
    transition: all 0.8s;
  }
  .video-list2 .video-container .svgs {
    transform: rotate(160deg);
    transition: all 0.8s;
  }
  .video-list2 .video-container:hover .svgs {
    transform: rotate(360deg);
  }
  .video-list2 .video-container:hover .path-loop {
    animation: run 2.5s linear forwards;
  }
  .video-list2 .video-container:hover .path-loop-bg {
    opacity: 1;
  }

  .video-list2 .videoul .li .videobtn .svgs {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
  }
  .video-list2 .videoul .li .videobtn .svgs .path-loop {
    stroke-dasharray: 360;
    stroke-dashoffset: 280;
    opacity: 1;
  }
  .video-list2 .videoul .li .videobtn .videosvg {
    width: 55px;
    height: 55px;
    margin-bottom: 0.5rem;
    z-index: 9;
    cursor: pointer;
    position: relative;
  }
  .video-list2 .videoul .li .videobtn .icon {
    width: 25px;
    height: 25px;
    fill: #fff;
    transition: all 0.8s;
  }
  .video-list2 .videoul .li .videobtn .svgs {
    transform: rotate(160deg);
    transition: all 0.8s;
  }
  .video-list2 .videoul .li:hover .videobtn .svgs {
    transform: rotate(360deg);
  }
  .video-list2 .videoul .li:hover .videobtn .path-loop {
    animation: run 2.5s linear forwards;
  }
  .video-list2 .videoul .li:hover .videobtn .path-loop-bg {
    opacity: 1;
  }

  .quality-list2 .imgbox .swiper-pagination {
    position: relative;
    margin-top: 0.85rem;
  }
  .quality-list2
    .imgbox
    .swiper-pagination
    span.swiper-pagination-bullet-active {
    background: #1947ba;
  }

  .quality-list3 .imgbox .swiper-pagination {
    position: relative;
    margin-top: 0.85rem;
  }
  .quality-list3
    .imgbox
    .swiper-pagination
    span.swiper-pagination-bullet-active {
    background: #1947ba;
  }

  .products-info .tabul .swiper-pagination {
    opacity: 0;
    visibility: hidden;
  }

  @keyframes run {
    to {
      stroke-dashoffset: 0;
    }
  }
  @media (max-width: 767px) {
    .about-list2 .warpbox .li p,
    .about-list5 .tip,
    .quality-list2 .contentbox .ntext .p,
    .n-recruitment .joinbox .itemtext .itemli .tit4 {
      font-size: 14px;
    }
    .quality-list2 .contentbox .text {
      padding-top: 2rem;
    }
    .footerbot .p {
      font-size: 14px;
    }
  }

  .font_en {
    font-family: "itc", "Arial", Helvetica, Tahoma, sans-serif;
  }
  .page a {
    font-size: 18px;
    font-family: "Arial", Helvetica, Tahoma, sans-serif;
  }
  .page a[rel="next"] {
    margin-left: 0.5rem;
  }
  .page a[rel="prev"] {
    margin-right: 0.5rem;
  }
  @media (max-width: 1600px) {
    .page a {
      font-size: 16px;
    }
  }
  @media (max-width: 1360px) {
    .page a {
      font-size: 14px;
    }
  }
  @media (max-width: 1024px) {
    .page a {
      font-size: 14px;
    }
  }
  @media (max-width: 767px) {
    .news-list1 .news-container .swiper-pagination span {
      height: 2px;
      width: 0.75rem;
    }
    .banner-container .text {
      top: 44vh;
    }
    .banner-container .text .tit3 {
      font-size: 18px;
    }
    .banner-container .warpnum {
      bottom: 50vh;
    }
    .index-container .index-slide2 .contentbox .tabul a,
    .index-container .index-slide4 .tabul a {
      font-size: 14px;
    }
    .index-container .index-slide2 .contentbox .btnbox {
      width: 3.4rem;
    }
    .index-container .index-slide2 .contentbox .btnbox .button-prev,
    .index-container .index-slide2 .contentbox .btnbox .button-next {
      width: 1.35rem;
    }
    .index-container .index-slide3 .contentbox .ul .li {
      background: rgba(255, 255, 255, 0.2);
      box-shadow: inset 0 0 0 2px #fff;
    }
    .index-container .index-slide4 .btnbox .button-prev,
    .index-container .index-slide4 .btnbox .button-next {
      width: 1.35rem;
      height: 1.35rem;
    }
    .index-container .index-slide4 .btnbox {
      width: 3.4rem;
    }
    .index-container .index-slide4 {
      padding: 2rem 6% 3rem;
    }
    .index-container .index-slide4 .more {
      margin-top: 0.3rem;
    }
    .index-container .index-slide4 .news-container .item .text .tit3 {
      font-size: 18px;
    }
    .index-container .index-slide4 .news-container .item .text .tit4 {
      font-size: 14px;
    }
    .footerbot .p span {
      width: 100%;
    }
    .footerbot .p a {
      margin-left: 0;
      margin-right: 0.35rem;
    }
    .n-recruitment .joinbox .join-top {
      font-size: 14px;
    }
    .n-recruitment .joinbox .itemtop .sp1 {
      font-size: 16px;
    }
    .about-list2 .btnbox {
      width: 90px;
    }

    .about-list3 .warpbox .swiper-slide {
      margin-left: 12% !important;
      width: 88% !important;
    }

    .about-list3 .warpbox .swiper-slide1 .item:before {
      width: 2px;
      background: #1947ba;
      left: 3px;
      height: 9rem;
    }
    .about-list3 .warpbox .swiper-slide1 .item .text {
      bottom: 8.5rem;
    }
    .about-list3 .warpbox .swiper-slide1 .item:after {
      background: #1947ba;
      bottom: 9rem;
    }
    .about-list3 .warpbox .swiper-slide .text .tit3 {
      font-size: 20px;
      color: #1947ba;
    }
    .about-list3 .warpbox .swiper-slide .text .tit4 {
      font-size: 16px;
      display: block;
      color: #1947ba;
    }

    .about-list3 .warpbox .swiper-slide2 .item:before {
      width: 2px;
      background: #1947ba;
      left: 3px;
      height: 10rem;
    }
    .about-list3 .warpbox .swiper-slide2 .item .text {
      bottom: 8.5rem;
    }
    .about-list3 .warpbox .swiper-slide2 .item:after {
      background: #1947ba;
      bottom: 10rem;
    }

    .about-list3 .warpbox .swiper-slide3 .item:before {
      width: 2px;
      background: #1947ba;
      left: 3px;
      height: 11rem;
    }
    .about-list3 .warpbox .swiper-slide3 .item .text {
      bottom: 10rem;
    }
    .about-list3 .warpbox .swiper-slide3 .item:after {
      background: #1947ba;
      bottom: 11rem;
    }

    .about-list3 .warpbox .swiper-slide4 .item:before {
      width: 2px;
      background: #1947ba;
      left: 3px;
      height: 11rem;
    }
    .about-list3 .warpbox .swiper-slide4 .item .text {
      bottom: 9.5rem;
    }
    .about-list3 .warpbox .swiper-slide4 .item:after {
      background: #1947ba;
      bottom: 11rem;
    }

    .about-list3 .warpbox .swiper-slide5 .item:before {
      width: 2px;
      background: #1947ba;
      left: 3px;
      height: 11rem;
    }
    .about-list3 .warpbox .swiper-slide5 .item .text {
      bottom: 10rem;
    }
    .about-list3 .warpbox .swiper-slide5 .item:after {
      background: #1947ba;
      bottom: 11rem;
    }
  }
  .about-list5 .mapline {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    animation: mapline 2.5s linear infinite;
  }

  @keyframes mapline {
    0% {
      -webkit-clip-path: inset(0 20% 0 79%);
      clip-path: inset(0 20% 0 79%);
    }
    100% {
      -webkit-clip-path: inset(0 0 0 0);
      clip-path: inset(0 0 0 0);
    }
  }
  .his-container .swiper-pagination {
    display: none;
  }
  body.stop-scrolling {
    height: 100%;
    overflow: hidden;
  }

  .sweet-overlay {
    background-color: black;
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE8 */
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
  }

  .sweet-alert {
    background-color: white;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999;
  }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px;
    }
  }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block;
  }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
  }
  .sweet-alert fieldset {
    border: none;
    position: relative;
  }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s;
  }
  .sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding 0.2s, max-height 0.2s;
    transition: padding 0.25s, max-height 0.25s;
  }
  .sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: white;
    line-height: 24px;
    text-align: center;
    margin-right: 3px;
  }
  .sweet-alert .sa-error-container p {
    display: inline-block;
  }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }
  .sweet-alert .sa-input-error::before,
  .sweet-alert .sa-input-error::after {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px;
  }
  .sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .sweet-alert input:focus {
    outline: none;
    box-shadow: 0px 0px 3px #c4e6f5;
    border: 1px solid #b4dbed;
  }
  .sweet-alert input:focus::-moz-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
  }
  .sweet-alert input:focus:-ms-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
  }
  .sweet-alert input:focus::-webkit-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
  }
  .sweet-alert input::-moz-placeholder {
    color: #bdbdbd;
  }
  .sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd;
  }
  .sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd;
  }
  .sweet-alert.show-input input {
    display: block;
  }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative;
  }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
  }
  .sweet-alert button {
    background-color: #8cd4f5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
  }
  .sweet-alert button:focus {
    outline: none;
    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5),
      inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  }
  .sweet-alert button:hover {
    background-color: #7ecff4;
  }
  .sweet-alert button:active {
    background-color: #5dc2f1;
  }
  .sweet-alert button.cancel {
    background-color: #c1c1c1;
  }
  .sweet-alert button.cancel:hover {
    background-color: #b9b9b9;
  }
  .sweet-alert button.cancel:active {
    background-color: #a8a8a8;
  }
  .sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px,
      rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
  }
  .sweet-alert button[disabled] {
    opacity: 0.6;
    cursor: default;
  }
  .sweet-alert button.confirm[disabled] {
    color: transparent;
  }
  .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  .sweet-alert button::-moz-focus-inner {
    border: 0;
  }
  .sweet-alert[data-has-cancel-button="false"] button {
    box-shadow: none !important;
  }
  .sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] {
    padding-bottom: 40px;
  }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
  }
  .sweet-alert .sa-icon.sa-error {
    border-color: #f27474;
  }
  .sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block;
  }
  .sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px;
  }
  .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
  }
  .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
  }
  .sweet-alert .sa-icon.sa-warning {
    border-color: #f8bb86;
  }
  .sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f8bb86;
  }
  .sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f8bb86;
  }
  .sweet-alert .sa-icon.sa-info {
    border-color: #c9dae1;
  }
  .sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #c9dae1;
  }
  .sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #c9dae1;
  }
  .sweet-alert .sa-icon.sa-success {
    border-color: #a5dc86;
  }
  .sweet-alert .sa-icon.sa-success::before,
  .sweet-alert .sa-icon.sa-success::after {
    content: "";
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
  }
  .sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
  }
  .sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, 0.2);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
  }
  .sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
  }
  .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
  }

  /*
* Animations
*/
  @-webkit-keyframes showSweetAlert {
    0% {
      transform: scale(0.7);
      -webkit-transform: scale(0.7);
    }
    45% {
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
    }
    80% {
      transform: scale(0.95);
      -webkit-transform: scale(0.95);
    }
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }

  @keyframes showSweetAlert {
    0% {
      transform: scale(0.7);
      -webkit-transform: scale(0.7);
    }
    45% {
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
    }
    80% {
      transform: scale(0.95);
      -webkit-transform: scale(0.95);
    }
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }

  @-webkit-keyframes hideSweetAlert {
    0% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
    100% {
      transform: scale(0.5);
      -webkit-transform: scale(0.5);
    }
  }

  @keyframes hideSweetAlert {
    0% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
    100% {
      transform: scale(0.5);
      -webkit-transform: scale(0.5);
    }
  }

  @-webkit-keyframes slideFromTop {
    0% {
      top: 0%;
    }
    100% {
      top: 50%;
    }
  }

  @keyframes slideFromTop {
    0% {
      top: 0%;
    }
    100% {
      top: 50%;
    }
  }

  @-webkit-keyframes slideToTop {
    0% {
      top: 50%;
    }
    100% {
      top: 0%;
    }
  }

  @keyframes slideToTop {
    0% {
      top: 50%;
    }
    100% {
      top: 0%;
    }
  }

  @-webkit-keyframes slideFromBottom {
    0% {
      top: 70%;
    }
    100% {
      top: 50%;
    }
  }

  @keyframes slideFromBottom {
    0% {
      top: 70%;
    }
    100% {
      top: 50%;
    }
  }

  @-webkit-keyframes slideToBottom {
    0% {
      top: 50%;
    }
    100% {
      top: 70%;
    }
  }

  @keyframes slideToBottom {
    0% {
      top: 50%;
    }
    100% {
      top: 70%;
    }
  }

  .showSweetAlert[data-animation="pop"] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
  }

  .showSweetAlert[data-animation="none"] {
    -webkit-animation: none;
    animation: none;
  }

  .showSweetAlert[data-animation="slide-from-top"] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s;
  }

  .showSweetAlert[data-animation="slide-from-bottom"] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s;
  }

  .hideSweetAlert[data-animation="pop"] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
  }

  .hideSweetAlert[data-animation="none"] {
    -webkit-animation: none;
    animation: none;
  }

  .hideSweetAlert[data-animation="slide-from-top"] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s;
  }

  .hideSweetAlert[data-animation="slide-from-bottom"] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s;
  }

  @-webkit-keyframes animateSuccessTip {
    0% {
      width: 0;
      left: 1px;
      top: 19px;
    }
    54% {
      width: 0;
      left: 1px;
      top: 19px;
    }
    70% {
      width: 50px;
      left: -8px;
      top: 37px;
    }
    84% {
      width: 17px;
      left: 21px;
      top: 48px;
    }
    100% {
      width: 25px;
      left: 14px;
      top: 45px;
    }
  }

  @keyframes animateSuccessTip {
    0% {
      width: 0;
      left: 1px;
      top: 19px;
    }
    54% {
      width: 0;
      left: 1px;
      top: 19px;
    }
    70% {
      width: 50px;
      left: -8px;
      top: 37px;
    }
    84% {
      width: 17px;
      left: 21px;
      top: 48px;
    }
    100% {
      width: 25px;
      left: 14px;
      top: 45px;
    }
  }

  @-webkit-keyframes animateSuccessLong {
    0% {
      width: 0;
      right: 46px;
      top: 54px;
    }
    65% {
      width: 0;
      right: 46px;
      top: 54px;
    }
    84% {
      width: 55px;
      right: 0px;
      top: 35px;
    }
    100% {
      width: 47px;
      right: 8px;
      top: 38px;
    }
  }

  @keyframes animateSuccessLong {
    0% {
      width: 0;
      right: 46px;
      top: 54px;
    }
    65% {
      width: 0;
      right: 46px;
      top: 54px;
    }
    84% {
      width: 55px;
      right: 0px;
      top: 35px;
    }
    100% {
      width: 47px;
      right: 8px;
      top: 38px;
    }
  }

  @-webkit-keyframes rotatePlaceholder {
    0% {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
    5% {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
    12% {
      transform: rotate(-405deg);
      -webkit-transform: rotate(-405deg);
    }
    100% {
      transform: rotate(-405deg);
      -webkit-transform: rotate(-405deg);
    }
  }

  @keyframes rotatePlaceholder {
    0% {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
    5% {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
    12% {
      transform: rotate(-405deg);
      -webkit-transform: rotate(-405deg);
    }
    100% {
      transform: rotate(-405deg);
      -webkit-transform: rotate(-405deg);
    }
  }

  .animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
  }

  .animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
  }

  .sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
  }

  @-webkit-keyframes animateErrorIcon {
    0% {
      transform: rotateX(100deg);
      -webkit-transform: rotateX(100deg);
      opacity: 0;
    }
    100% {
      transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
      opacity: 1;
    }
  }

  @keyframes animateErrorIcon {
    0% {
      transform: rotateX(100deg);
      -webkit-transform: rotateX(100deg);
      opacity: 0;
    }
    100% {
      transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
      opacity: 1;
    }
  }

  .animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s;
  }

  @-webkit-keyframes animateXMark {
    0% {
      transform: scale(0.4);
      -webkit-transform: scale(0.4);
      margin-top: 26px;
      opacity: 0;
    }
    50% {
      transform: scale(0.4);
      -webkit-transform: scale(0.4);
      margin-top: 26px;
      opacity: 0;
    }
    80% {
      transform: scale(1.15);
      -webkit-transform: scale(1.15);
      margin-top: -6px;
    }
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
      margin-top: 0;
      opacity: 1;
    }
  }

  @keyframes animateXMark {
    0% {
      transform: scale(0.4);
      -webkit-transform: scale(0.4);
      margin-top: 26px;
      opacity: 0;
    }
    50% {
      transform: scale(0.4);
      -webkit-transform: scale(0.4);
      margin-top: 26px;
      opacity: 0;
    }
    80% {
      transform: scale(1.15);
      -webkit-transform: scale(1.15);
      margin-top: -6px;
    }
    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
      margin-top: 0;
      opacity: 1;
    }
  }

  .animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
  }

  @-webkit-keyframes pulseWarning {
    0% {
      border-color: #f8d486;
    }
    100% {
      border-color: #f8bb86;
    }
  }

  @keyframes pulseWarning {
    0% {
      border-color: #f8d486;
    }
    100% {
      border-color: #f8bb86;
    }
  }

  .pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
  }

  @-webkit-keyframes pulseWarningIns {
    0% {
      background-color: #f8d486;
    }
    100% {
      background-color: #f8bb86;
    }
  }

  @keyframes pulseWarningIns {
    0% {
      background-color: #f8d486;
    }
    100% {
      background-color: #f8bb86;
    }
  }

  .pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
  }

  @-webkit-keyframes rotate-loading {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes rotate-loading {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  /* Internet Explorer 9 has some special quirks that are fixed here */
  /* The icons are not animated. */
  /* This file is automatically merged into sweet-alert.min.js through Gulp */
  /* Error icon */
  .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9;
  }

  .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9;
  }

  /* Success icon */
  .sweet-alert .sa-icon.sa-success {
    border-color: transparent\9;
  }

  .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg) \9;
  }

  .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg) \9;
  }

  .la-ball-fall,
  .la-ball-fall > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff;
  }

  .la-ball-fall.la-dark {
    color: #333;
  }

  .la-ball-fall > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
  }

  .la-ball-fall {
    width: 54px;
    height: 18px;
  }

  .la-ball-fall > div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    -moz-animation: ball-fall 1s ease-in-out infinite;
    -o-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite;
  }

  .la-ball-fall > div:nth-child(1) {
    -webkit-animation-delay: -200ms;
    -moz-animation-delay: -200ms;
    -o-animation-delay: -200ms;
    animation-delay: -200ms;
  }

  .la-ball-fall > div:nth-child(2) {
    -webkit-animation-delay: -100ms;
    -moz-animation-delay: -100ms;
    -o-animation-delay: -100ms;
    animation-delay: -100ms;
  }

  .la-ball-fall > div:nth-child(3) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
  }

  .la-ball-fall.la-sm {
    width: 26px;
    height: 8px;
  }

  .la-ball-fall.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 2px;
  }

  .la-ball-fall.la-2x {
    width: 108px;
    height: 36px;
  }

  .la-ball-fall.la-2x > div {
    width: 20px;
    height: 20px;
    margin: 8px;
  }

  .la-ball-fall.la-3x {
    width: 162px;
    height: 54px;
  }

  .la-ball-fall.la-3x > div {
    width: 30px;
    height: 30px;
    margin: 12px;
  }

  /*
* Animation
*/
  @-webkit-keyframes ball-fall {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-145%);
      transform: translateY(-145%);
    }
    10% {
      opacity: 0.5;
    }
    20% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    80% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    90% {
      opacity: 0.5;
    }
    100% {
      opacity: 0;
      -webkit-transform: translateY(145%);
      transform: translateY(145%);
    }
  }

  @-moz-keyframes ball-fall {
    0% {
      opacity: 0;
      -moz-transform: translateY(-145%);
      transform: translateY(-145%);
    }
    10% {
      opacity: 0.5;
    }
    20% {
      opacity: 1;
      -moz-transform: translateY(0);
      transform: translateY(0);
    }
    80% {
      opacity: 1;
      -moz-transform: translateY(0);
      transform: translateY(0);
    }
    90% {
      opacity: 0.5;
    }
    100% {
      opacity: 0;
      -moz-transform: translateY(145%);
      transform: translateY(145%);
    }
  }

  @-o-keyframes ball-fall {
    0% {
      opacity: 0;
      -o-transform: translateY(-145%);
      transform: translateY(-145%);
    }
    10% {
      opacity: 0.5;
    }
    20% {
      opacity: 1;
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    80% {
      opacity: 1;
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    90% {
      opacity: 0.5;
    }
    100% {
      opacity: 0;
      -o-transform: translateY(145%);
      transform: translateY(145%);
    }
  }

  @keyframes ball-fall {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-145%);
      -moz-transform: translateY(-145%);
      -o-transform: translateY(-145%);
      transform: translateY(-145%);
    }
    10% {
      opacity: 0.5;
    }
    20% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    80% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    90% {
      opacity: 0.5;
    }
    100% {
      opacity: 0;
      -webkit-transform: translateY(145%);
      -moz-transform: translateY(145%);
      -o-transform: translateY(145%);
      transform: translateY(145%);
    }
  }
  @charset "utf-8";
  :focus {
    outline: none;
  }
  .jsfyg {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .jsfyg h5 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .jsfyg h5 span i {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,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)
      no-repeat -120px 0px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
  }
  .jsfyg h5 em,
  .webgcopy,
  .webbcopy {
    float: right;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAAoCAYAAABXadAKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAABEKSURBVHja7Jx5eBRVusZ/VdXd6aSSkIQQCCEDCCSOICiyo7I0gtyB0ZFFUcHLouO4zYzIjDY8jjPO9HW5LjOMigyKy4MrIouoII2AXnZZhLCvAlnAkKTTld6quu4fXYkRs3R3Oiwx7/PUk6T7nK9O1XnrzXe+73wl6LpOM5o83gHia/5KB4RwbHiA2y/2CxWaCf2zgL7pkMrTy3ykyQKCGKIxOhSUBhn8SxMzRlnD4svFfqGmS2VGbA4FoAvwFDAMSK6niwtYBTwKHHTa5UuOhTaHMhJ4Dcisp2kBMNVplz+r5fvykgqS9hfoZKYatNRDpFa8Ap/sUJk8KEh6kljXOcovhXtWJ6F79epVZ+etW7eGfaL6bIVhLxfYCKSEecpk4BZgKNAP2B/NmOoba0NshHH9rwG/BZbV03U08JrNobSt/ODcB9highRZIDleQBBA00AQoEU8HCwIsvWozo3dL/1/RWIUfQYYPlk0WAAMjLKvIwIyV0eK0bcuWMK0ZYnBPe8TQdvMMMiM0aY+FUcQIaBBfomA4hc4Uy7g9kGybGbV9jLcpWfwVCi4XGWUlYWOs2fP4na7LxlCR+py9AYWA3dGeb43gUXAKGBLhH2HAQzNkRjbz8x9b3kZmiMxc6y1PjcFYHg9JN1pKOG6OtoNAuYAPQB/lNff0niodwF/AL5rhDk9DrSvae3n9YFLEHhomMqALkHKPDBntYmdp0R2nJTYvOsE1+Sm4AnG4feHLtHv95OUlERiYmKTU+gewFJgCrAyyvOtBKYaitIjwr7JAKsPaJwu03nipjhWH9D4x0IvxS4dm0OpOr7KU9l/Uqvet67Z8AO/Az4Crq+DzAuBextAZoBioBuwDdgOzIyR6lfHL2r7otAl8KBNZVxvjedWmFiyTeJ0uQC6hkdPZO8ZGY/re5LlBFqnpyFKEnEWCybTJbPUCpvQXYHPgQeATxp4zk+A+w17XaMx8MQSH1dkS1QSfNkWPx88kADAy5OsZLQQuO8tbyQm1wBjayF1JZnHAmtjcM99wN+BnkAvIA9ICydSUcsRFrwqZKXqXNtZY8rrFvYXCFyZHWTiAJVr2gcpVuBAcRKpyal8sm4DS9dtpl1WW1KTE4mzmJuUy9HFIN90Y8JjgY8MZVoBDAEORmpg/L8rqn5/e5PK6N4WnHaZr/JUnljii2ZMa6uReozhfkRC5obEP882dshMFEDxgabD5ZlB1h8ycahI5JFRAfacEjFLOodKknh7zbfsO7wDJWAmoGocPlVI3265DB/Yp0kQ+jLACTzegIVgbXgXsBr2BwNHwun0wQMJtEwW+CpP5YpsiZbJoXn+x0Ivqw9oPHFTXNUKf/9JLVKlrk7qp4E/R6DMF3WM1iJBaYXA3LUm/jpWpccvdNqmBlm/V+KzXRLZyQFKA1b2FlqZaOtFh47dePSVBXTr3IGrcjo2GYWeZyjV/EY6/3zAZoSnhoSrzBP7mujURvqRSleSfc5KX7QKXZ3UTwPPAjNi5GbEAnpDHiBdh8wWOsu/lVD8AuP6aBwqEvnPGglBALOkI2giipTN9v1fsqfAT052JrcO7UdCvLXJEHqa4V9ObiRSTzZ81iHRGqhU7ErMHGtlpvH7G04fb29SIzU5yFDmPxk/N9cT/ThfEBr6NAR1aJuqs/6QyIpdIpIIGck6KQk6qqYj6V50uQNnPIm8v/R95j0+HTnOQnGpCzkxqUkQ+ogRLlsNeA03IVa4DXiSUOLjcLRGqqt0pUKvPqBFa67SZ670oTef41PXha+NyE0givOmnY/J1nWBYBBayjotZWNVqYOq6ehAojnInnydhPg07h01gEVfbuJWW3/aZWZyqSCcReEBYAShNLI/RgvDMcALxsNyIFojL0+ykttO+tFn1RW62KX/xC2JgMy1LRRrwwYgy3hI3wCCF9NEl3t1DhcFCGgigkDVZo5KUrdulUCibMJdAlJGL+7+VQ6vLN/I4nWb+eMdtzQpQmOElm40ohK+BobuRgEvGfbyIujnotr+jeu6moyFoDcchXZHQWYiJPUM4FXgfwglTf5kRIcaggLjfn0Sxj0trKtBbqbEvTYLyQkCovBTP2bjtnzK8gPoisi+cjjQy8+tw/pyvLCEknI3cnKLJkVoCGXTRgPLCWUKo0muDDcWgKOAHRH2XUVobwb9c01VUY0wUddYLYQygHWRtZLUr1J3pvAQMI7Q3pFngJPA7gbMzzTjfrWpp90pQgkrC1DjTbkiS+TpCfG1GvjniSL++tZOslonctv9WSQmZlLi9iNb4xAFgUsFkaaAtgA3E0qwREPouwxSbomi70zD306pLRRXi3tRavStDX7CS2evJfy090ZqzzqGDadd/tTmUMJ1YC3AI8BX0Zzrmt7t8Qb3MvmO1twwJJXTZz0IgoCqqljjE5osoQHWG0c0uKMBY91nKJ8DuAGob9ldDnwB2Klhp10NpA4HP2kXyY7DBuI4daS1jbGtM0TjXNQbouh2eUvmv3A11/WOwxMwISeCKIhomobVag3LxsWA5g3+FzmqbbCKVN2ruyOtaHjiRydUtdJM6GZcUPysJtjUPN9NR5XPUebqrlfSz+Xeic30aUassH2rly8+V5oJ3YxaMRLIp/ato5VHvtH2gmFvnp8Rg04wfORxFi8MlR9u3uih55VHeezhMwTU8+P5NLscF9A9qMVFqI5wCmQx2rwGtK0cz/kuCl74voszFSomRJYtdjN0uMx9U4vYvsfD9t1eeve3csu4xvd8xCgmcIDNobwT5eQvsDmUgRchKS2xbFcPIq0pbIy2MUdZqYaIgBkBSYL9e/3s2eMjt21op97J7wLnZRymCCc+JjWFNocyymmXw0quzJ07N2YXe88999RG0p02h/Jbp11eV8e1DwLm2BxKD6ddvvRqChsBB/b5WbCgjGl3pzDhzhY8N7sYD0H69Iun42VmTKLA/nwvLa0mbpt4flLnYgRkrqopdNrlqGoKjX5TgWWGvcZAnwjHVFVTaHMo19dB5oXAvQ0gM9RQUxgj1a+OX5wP4lRUBJl6ZwF/+3sR40afonOOhdfnZPGXx9owaWoK6a0knpudQb9rEnhnURYWCyxbWo7ibtw9W2HFoW0OpSuhvRQPOO1yg3fb2RzKGODfwDCnXc6LoUK3JJR2rlEBa1LoGkg7prpSV/t8rNMur42hD90eeNEgeF+nXT5bg029Pl/7nPNX7qMTqrV30Qhhuy2bfQwfeAxLnMhpRWXBm1ncPqnmd/8E/Dp9ux9j+/4KRg5J5v3FWSQlN048whQG+apqCmNBZmNyPjKUaYXNoQxx2uWDMbqeSgWcYSjg84QqT/xhjGmtzaGMNZR6jNMur6uPzOdAb8D9OBvGPMRu1oNBdE8FWOJCf2sagjWOsJKJqgpBP2ZRxKMKVKgh3zkzK0SlXTt9zHulFEGA389Io+NlZj5frrBrv4+MBAuff1nG5q2tsQ21nH9C2xxKVU2h0y7HtKbQaZfftTkUK+C0OZTBTrt8JEamK6uq3zYUMA/oSxiFqOeQuqqmMAwyQ5Sp5QvxijLP0sUU3/8AeNwEy8tBBVqm0mL6dFo8NrNuxZg8Cf/C9+haVMzdD2fz2uzjjB2dxBBbAnt3++h+1RFCG/5Eli91s31fRzp2MqOih97WJKaiFp1Gm/UUroAMaKjHjiJltEZISICAipAoI48bT/E90zB37oKl/wD8W78B1Y8eCKALJqSUJNJefjVihZ4HrHPa5UapKXTa5fk2hxJuTWFjV1VXJ3VVTWGYZG50nEv8hii2VlhIRX4BST27E5eTAwio+/Zx2j4LNI0Wsx6vta/lml6oPg2zbGH2c/FMf+gyOrS3UFSoMuS64/S/Op42bUxs/D8Px/IDjB11kjffa8v4XyfzwdIyRo5NoXfvMrzPLqNke8gjTBp5A2q5G9+G9Vi6dsO3YSMJvxmDpUcPpDaZCGYL5fPfIGHUjUitWlE8/21S/2t4VC7HNGCNzaFMbgxS2xxKJDWFkShgEvC/hCpipkQ4ph/VFNocyua6oh/nMbQYO2Pm0Hs2Wr33IaYuOVUfHxEEfF9/RdDlorBf35CGCEHEtAySpkxGnjwVMT0dKTWZoAfEROjQ3kJhgUqvrscoKvXx7jNZlJUEWfqZm07tLKxY5+buuwr5+NMsHt6WxpU940gI+shPyMIUVwQBP0GfD93rw5SdjS6JYDVjzsklbc68qrFJbVpT+pdZ+A8fpdXv7ibt5bmRRzkMN2AY8KTNoUyI8QRV1hQOc9rlwzE0PYgfigeuIoKq7XMWhs9iVKrUFv04B18T2jdxNpLD5lDOnvenQ5KQgJJHZ1A26zHKZtk5ffNNSMkyqc8+B6JIXL8BWAcPxTp4KLo/QP6UafjWrsG3YT2lc+cheEMb777Z5KVH7lGGDU9g1aeX0b6jGZNZ4MXnM0iQBaY/mE77jmbuvDWfvn3iSTCJBD1mLLm5YDEhpqchtc0Cvw+toIDAtm+wdO+Bf/s2TmRmUvrnR1CPHKFilZPg6TMEPT78+w9SPvuf0S0KnXb5gM2hjABW2RyKP4ZRjhcMMh+I8XT9nh/ezESUZF5X20KxDhNR1RReCB9aEEUEQFm0FIWloXUiIFlN6KqKmJhI2r9eJHDwIOhgvnID5Zs349+9C6ldOyRASDLh9sG435yie484Xn8nkz8+dJrRYiIpqSLDcmVemV3Kld3j6JRj5rpBhzCNF5j/QVtMwQoEUcTUOh0xNQ1BkhCSktB1DVOXnJBa5+Ri7twR39atJIw/i3r0KPKUaZjaZeHb8S3q0SPRx6GN0NqNwEs2hzKqgWSurCkcWV/ILkrcEgsyV/epw1TqGYQKD0Ya/yFujMG1FETQtjDchrqqogGtl3xMh2CQDsEgHcvLkdLT+X7SHVR8vIjvkpM5Pfh6iidNwPXsM0iA2KJFKMoBECey5zs4WuBh7LgkCgo0/vVSATu3e0ltKeHx6JSVahQVqShuHQsWFn5YzrfHgOQg3pWfoZ0uJrB3L75NG/F/uxO9rBz12DG0/FNIGRnEDx+OIInoHg/mzl2o+OhDzv7hIYS4OEztO0Sn0NUmdqfNoYwGltscyp3RJFdsDqWqptBpl3eE06eu2HGMXJ+qmsLaFLiaUr9aT6bwQtYU3kMdNYU1Ru9KStAKQ8+BrrjRVQ29rAz3nJdQdch49z3iR4zEs+JzTv1qFLrP96M1ekoSmDDxxptljJmQzEfvdSL3Cgu7d/pomS7xnzcz6dDRzKFDATRAtgjI8YDHR1BREJJkdMVNYN8hrIMG4t+yBal1BphDIb2gqwwhLg4hPh7d7UKQJMQEGd1djh4INIzQxsRusTmUm2lgTWG4ae/zFD3wh5PONkgdbto7JjWFwKeEv0cj/JpCvx8dOP3fP6yXK/2jtosWIsgy7pWrKZ46DVN2W7SCAjRA1zSCLhcqgEslpw1MnNCC+e9+z/W9j9P/2ngWvKWxcb0XkwRDhsm43UH27PahoTL+9pbktgb9hI5W7ELHhQ5YsjMJlruQOnZASJDB46mKa1Ws/ALriJEES0rRCgvQisvQSkqRiotrdqeaK1YublSLboRbUzgV+K6uTGFgTx4Vy5eDHgy5ELoOoom4Xj2x3jCiKlbt3bAJfBUIsgxJKcg3/ZpgSQner78m+f4HEeKtuMqCPP/UWfbk+UhvJZHeSuKX3eJQ/Trr1lSwJ8+PKMLAa+OZ9WQ6iYkieoUHz2fLQdPRRQFz506oB/Zjyr0cragQqVUGlqt7EsjLQ1myhMSJEzFlZ+N1rkI9eYLEuybXvj5oJvQlQ+ho49aNkvq+WNFM6KaPnxWh/38ApXoMvi4e6dwAAAAASUVORK5CYII=)
      no-repeat -100px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .jsfyg h5 em:hover {
    background-position: -100px -20px;
    cursor: pointer;
  }
  .jsfyg h5 span i.bd {
    background-position: -120px -22px;
    width: 60px;
  }
  .jsfyg .baidu {
    flex: 1;
    overflow-y: auto;
    padding: 5px 10px;
    line-height: 26px;
    word-wrap: break-word;
    word-break: break-all;
  }
  .jsfyg .baidu::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
  }
  .jsfyg .baidu::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  .jsfyg .baidu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d7d7d7;
  }
  .jsfytxt {
    position: relative;
  }
  .jsfyloading {
    position: absolute;
    top: 45%;
    left: 50%;
    color: #121212;
    font-size: 4px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: load4 1.3s infinite linear;
    transform: translateX(-50%);
  }
  @keyframes load4 {
    0%,
    100% {
      box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em,
        2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 0;
    }
    12.5% {
      box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
        0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
      box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
        0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0,
        2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em,
        -2em -2em 0 -1em;
    }
    50% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em,
        2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em,
        -2em -2em 0 -1em;
    }
    62.5% {
      box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em,
        2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0,
        -2em -2em 0 -1em;
    }
    75% {
      box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em,
        2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em,
        -2em -2em 0 0;
    }
    87.5% {
      box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em,
        2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0,
        -2em -2em 0 0.2em;
    }
  }

  @media (prefers-color-scheme: dark) {
    .jsfyloading {
      color: #9b9797 !important;
    }
  }
  .jsfyloading img {
    display: none;
  }

  .jsfytxtlayer {
    display: none;
    font-size: 14px;
    color: #333;
    position: absolute;
    left: 50%;
    top: 30px;
    margin-left: -100px;
    background: #fff;
    width: 340px;
    height: 260px;
    padding: 5px;
    z-index: 200000001;
    border: 1px solid #cfcfcf;
  }
  .jsfytxtlayer .jsfyg h5 {
    border-bottom: none;
    margin: 10px auto 5px auto;
  }
  .jsfycorner {
    width: 0px;
    height: 0px;
    border-width: 8px 8px;
    border-color: transparent transparent #fff;
    border-style: solid;
    position: absolute;
    top: -15px;
    left: 28%;
    margin-left: -8px;
    z-index: 100001;
  }
  .jsfycornerbg {
    width: 0px;
    height: 0px;
    border-width: 9px 9px;
    border-color: transparent transparent #cfcfcf;
    border-style: solid;
    position: absolute;
    top: -18px;
    left: 28%;
    margin-left: -9px;
    z-index: 100001;
  }
  .jsfytxtlayerbox {
    height: 250px;
    padding: 5px;
  }
  .jsfytxttotal {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #666;
  }
  .jsfyg h5 .webgcopy {
    float: right;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAAoCAYAAABXadAKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAABEKSURBVHja7Jx5eBRVusZ/VdXd6aSSkIQQCCEDCCSOICiyo7I0gtyB0ZFFUcHLouO4zYzIjDY8jjPO9HW5LjOMigyKy4MrIouoII2AXnZZhLCvAlnAkKTTld6quu4fXYkRs3R3Oiwx7/PUk6T7nK9O1XnrzXe+73wl6LpOM5o83gHia/5KB4RwbHiA2y/2CxWaCf2zgL7pkMrTy3ykyQKCGKIxOhSUBhn8SxMzRlnD4svFfqGmS2VGbA4FoAvwFDAMSK6niwtYBTwKHHTa5UuOhTaHMhJ4Dcisp2kBMNVplz+r5fvykgqS9hfoZKYatNRDpFa8Ap/sUJk8KEh6kljXOcovhXtWJ6F79epVZ+etW7eGfaL6bIVhLxfYCKSEecpk4BZgKNAP2B/NmOoba0NshHH9rwG/BZbV03U08JrNobSt/ODcB9highRZIDleQBBA00AQoEU8HCwIsvWozo3dL/1/RWIUfQYYPlk0WAAMjLKvIwIyV0eK0bcuWMK0ZYnBPe8TQdvMMMiM0aY+FUcQIaBBfomA4hc4Uy7g9kGybGbV9jLcpWfwVCi4XGWUlYWOs2fP4na7LxlCR+py9AYWA3dGeb43gUXAKGBLhH2HAQzNkRjbz8x9b3kZmiMxc6y1PjcFYHg9JN1pKOG6OtoNAuYAPQB/lNff0niodwF/AL5rhDk9DrSvae3n9YFLEHhomMqALkHKPDBntYmdp0R2nJTYvOsE1+Sm4AnG4feHLtHv95OUlERiYmKTU+gewFJgCrAyyvOtBKYaitIjwr7JAKsPaJwu03nipjhWH9D4x0IvxS4dm0OpOr7KU9l/Uqvet67Z8AO/Az4Crq+DzAuBextAZoBioBuwDdgOzIyR6lfHL2r7otAl8KBNZVxvjedWmFiyTeJ0uQC6hkdPZO8ZGY/re5LlBFqnpyFKEnEWCybTJbPUCpvQXYHPgQeATxp4zk+A+w17XaMx8MQSH1dkS1QSfNkWPx88kADAy5OsZLQQuO8tbyQm1wBjayF1JZnHAmtjcM99wN+BnkAvIA9ICydSUcsRFrwqZKXqXNtZY8rrFvYXCFyZHWTiAJVr2gcpVuBAcRKpyal8sm4DS9dtpl1WW1KTE4mzmJuUy9HFIN90Y8JjgY8MZVoBDAEORmpg/L8rqn5/e5PK6N4WnHaZr/JUnljii2ZMa6uReozhfkRC5obEP882dshMFEDxgabD5ZlB1h8ycahI5JFRAfacEjFLOodKknh7zbfsO7wDJWAmoGocPlVI3265DB/Yp0kQ+jLACTzegIVgbXgXsBr2BwNHwun0wQMJtEwW+CpP5YpsiZbJoXn+x0Ivqw9oPHFTXNUKf/9JLVKlrk7qp4E/R6DMF3WM1iJBaYXA3LUm/jpWpccvdNqmBlm/V+KzXRLZyQFKA1b2FlqZaOtFh47dePSVBXTr3IGrcjo2GYWeZyjV/EY6/3zAZoSnhoSrzBP7mujURvqRSleSfc5KX7QKXZ3UTwPPAjNi5GbEAnpDHiBdh8wWOsu/lVD8AuP6aBwqEvnPGglBALOkI2giipTN9v1fsqfAT052JrcO7UdCvLXJEHqa4V9ObiRSTzZ81iHRGqhU7ErMHGtlpvH7G04fb29SIzU5yFDmPxk/N9cT/ThfEBr6NAR1aJuqs/6QyIpdIpIIGck6KQk6qqYj6V50uQNnPIm8v/R95j0+HTnOQnGpCzkxqUkQ+ogRLlsNeA03IVa4DXiSUOLjcLRGqqt0pUKvPqBFa67SZ670oTef41PXha+NyE0givOmnY/J1nWBYBBayjotZWNVqYOq6ehAojnInnydhPg07h01gEVfbuJWW3/aZWZyqSCcReEBYAShNLI/RgvDMcALxsNyIFojL0+ykttO+tFn1RW62KX/xC2JgMy1LRRrwwYgy3hI3wCCF9NEl3t1DhcFCGgigkDVZo5KUrdulUCibMJdAlJGL+7+VQ6vLN/I4nWb+eMdtzQpQmOElm40ohK+BobuRgEvGfbyIujnotr+jeu6moyFoDcchXZHQWYiJPUM4FXgfwglTf5kRIcaggLjfn0Sxj0trKtBbqbEvTYLyQkCovBTP2bjtnzK8gPoisi+cjjQy8+tw/pyvLCEknI3cnKLJkVoCGXTRgPLCWUKo0muDDcWgKOAHRH2XUVobwb9c01VUY0wUddYLYQygHWRtZLUr1J3pvAQMI7Q3pFngJPA7gbMzzTjfrWpp90pQgkrC1DjTbkiS+TpCfG1GvjniSL++tZOslonctv9WSQmZlLi9iNb4xAFgUsFkaaAtgA3E0qwREPouwxSbomi70zD306pLRRXi3tRavStDX7CS2evJfy090ZqzzqGDadd/tTmUMJ1YC3AI8BX0Zzrmt7t8Qb3MvmO1twwJJXTZz0IgoCqqljjE5osoQHWG0c0uKMBY91nKJ8DuAGob9ldDnwB2Klhp10NpA4HP2kXyY7DBuI4daS1jbGtM0TjXNQbouh2eUvmv3A11/WOwxMwISeCKIhomobVag3LxsWA5g3+FzmqbbCKVN2ruyOtaHjiRydUtdJM6GZcUPysJtjUPN9NR5XPUebqrlfSz+Xeic30aUassH2rly8+V5oJ3YxaMRLIp/ato5VHvtH2gmFvnp8Rg04wfORxFi8MlR9u3uih55VHeezhMwTU8+P5NLscF9A9qMVFqI5wCmQx2rwGtK0cz/kuCl74voszFSomRJYtdjN0uMx9U4vYvsfD9t1eeve3csu4xvd8xCgmcIDNobwT5eQvsDmUgRchKS2xbFcPIq0pbIy2MUdZqYaIgBkBSYL9e/3s2eMjt21op97J7wLnZRymCCc+JjWFNocyymmXw0quzJ07N2YXe88999RG0p02h/Jbp11eV8e1DwLm2BxKD6ddvvRqChsBB/b5WbCgjGl3pzDhzhY8N7sYD0H69Iun42VmTKLA/nwvLa0mbpt4flLnYgRkrqopdNrlqGoKjX5TgWWGvcZAnwjHVFVTaHMo19dB5oXAvQ0gM9RQUxgj1a+OX5wP4lRUBJl6ZwF/+3sR40afonOOhdfnZPGXx9owaWoK6a0knpudQb9rEnhnURYWCyxbWo7ibtw9W2HFoW0OpSuhvRQPOO1yg3fb2RzKGODfwDCnXc6LoUK3JJR2rlEBa1LoGkg7prpSV/t8rNMur42hD90eeNEgeF+nXT5bg029Pl/7nPNX7qMTqrV30Qhhuy2bfQwfeAxLnMhpRWXBm1ncPqnmd/8E/Dp9ux9j+/4KRg5J5v3FWSQlN048whQG+apqCmNBZmNyPjKUaYXNoQxx2uWDMbqeSgWcYSjg84QqT/xhjGmtzaGMNZR6jNMur6uPzOdAb8D9OBvGPMRu1oNBdE8FWOJCf2sagjWOsJKJqgpBP2ZRxKMKVKgh3zkzK0SlXTt9zHulFEGA389Io+NlZj5frrBrv4+MBAuff1nG5q2tsQ21nH9C2xxKVU2h0y7HtKbQaZfftTkUK+C0OZTBTrt8JEamK6uq3zYUMA/oSxiFqOeQuqqmMAwyQ5Sp5QvxijLP0sUU3/8AeNwEy8tBBVqm0mL6dFo8NrNuxZg8Cf/C9+haVMzdD2fz2uzjjB2dxBBbAnt3++h+1RFCG/5Eli91s31fRzp2MqOih97WJKaiFp1Gm/UUroAMaKjHjiJltEZISICAipAoI48bT/E90zB37oKl/wD8W78B1Y8eCKALJqSUJNJefjVihZ4HrHPa5UapKXTa5fk2hxJuTWFjV1VXJ3VVTWGYZG50nEv8hii2VlhIRX4BST27E5eTAwio+/Zx2j4LNI0Wsx6vta/lml6oPg2zbGH2c/FMf+gyOrS3UFSoMuS64/S/Op42bUxs/D8Px/IDjB11kjffa8v4XyfzwdIyRo5NoXfvMrzPLqNke8gjTBp5A2q5G9+G9Vi6dsO3YSMJvxmDpUcPpDaZCGYL5fPfIGHUjUitWlE8/21S/2t4VC7HNGCNzaFMbgxS2xxKJDWFkShgEvC/hCpipkQ4ph/VFNocyua6oh/nMbQYO2Pm0Hs2Wr33IaYuOVUfHxEEfF9/RdDlorBf35CGCEHEtAySpkxGnjwVMT0dKTWZoAfEROjQ3kJhgUqvrscoKvXx7jNZlJUEWfqZm07tLKxY5+buuwr5+NMsHt6WxpU940gI+shPyMIUVwQBP0GfD93rw5SdjS6JYDVjzsklbc68qrFJbVpT+pdZ+A8fpdXv7ibt5bmRRzkMN2AY8KTNoUyI8QRV1hQOc9rlwzE0PYgfigeuIoKq7XMWhs9iVKrUFv04B18T2jdxNpLD5lDOnvenQ5KQgJJHZ1A26zHKZtk5ffNNSMkyqc8+B6JIXL8BWAcPxTp4KLo/QP6UafjWrsG3YT2lc+cheEMb777Z5KVH7lGGDU9g1aeX0b6jGZNZ4MXnM0iQBaY/mE77jmbuvDWfvn3iSTCJBD1mLLm5YDEhpqchtc0Cvw+toIDAtm+wdO+Bf/s2TmRmUvrnR1CPHKFilZPg6TMEPT78+w9SPvuf0S0KnXb5gM2hjABW2RyKP4ZRjhcMMh+I8XT9nh/ezESUZF5X20KxDhNR1RReCB9aEEUEQFm0FIWloXUiIFlN6KqKmJhI2r9eJHDwIOhgvnID5Zs349+9C6ldOyRASDLh9sG435yie484Xn8nkz8+dJrRYiIpqSLDcmVemV3Kld3j6JRj5rpBhzCNF5j/QVtMwQoEUcTUOh0xNQ1BkhCSktB1DVOXnJBa5+Ri7twR39atJIw/i3r0KPKUaZjaZeHb8S3q0SPRx6GN0NqNwEs2hzKqgWSurCkcWV/ILkrcEgsyV/epw1TqGYQKD0Ya/yFujMG1FETQtjDchrqqogGtl3xMh2CQDsEgHcvLkdLT+X7SHVR8vIjvkpM5Pfh6iidNwPXsM0iA2KJFKMoBECey5zs4WuBh7LgkCgo0/vVSATu3e0ltKeHx6JSVahQVqShuHQsWFn5YzrfHgOQg3pWfoZ0uJrB3L75NG/F/uxO9rBz12DG0/FNIGRnEDx+OIInoHg/mzl2o+OhDzv7hIYS4OEztO0Sn0NUmdqfNoYwGltscyp3RJFdsDqWqptBpl3eE06eu2HGMXJ+qmsLaFLiaUr9aT6bwQtYU3kMdNYU1Ru9KStAKQ8+BrrjRVQ29rAz3nJdQdch49z3iR4zEs+JzTv1qFLrP96M1ekoSmDDxxptljJmQzEfvdSL3Cgu7d/pomS7xnzcz6dDRzKFDATRAtgjI8YDHR1BREJJkdMVNYN8hrIMG4t+yBal1BphDIb2gqwwhLg4hPh7d7UKQJMQEGd1djh4INIzQxsRusTmUm2lgTWG4ae/zFD3wh5PONkgdbto7JjWFwKeEv0cj/JpCvx8dOP3fP6yXK/2jtosWIsgy7pWrKZ46DVN2W7SCAjRA1zSCLhcqgEslpw1MnNCC+e9+z/W9j9P/2ngWvKWxcb0XkwRDhsm43UH27PahoTL+9pbktgb9hI5W7ELHhQ5YsjMJlruQOnZASJDB46mKa1Ws/ALriJEES0rRCgvQisvQSkqRiotrdqeaK1YublSLboRbUzgV+K6uTGFgTx4Vy5eDHgy5ELoOoom4Xj2x3jCiKlbt3bAJfBUIsgxJKcg3/ZpgSQner78m+f4HEeKtuMqCPP/UWfbk+UhvJZHeSuKX3eJQ/Trr1lSwJ8+PKMLAa+OZ9WQ6iYkieoUHz2fLQdPRRQFz506oB/Zjyr0cragQqVUGlqt7EsjLQ1myhMSJEzFlZ+N1rkI9eYLEuybXvj5oJvQlQ+ho49aNkvq+WNFM6KaPnxWh/38ApXoMvi4e6dwAAAAASUVORK5CYII=)
      no-repeat -100px 0px;
    display: inline-block;
    vertical-align: middle;
  }
  .no-events {
    pointer-events: none !important;
  }
  .circleboder {
    width: 78px;
    height: 78px;
    background: #efefef;
    border-radius: 50%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (min-width: 1024px) {
  @keyframes move {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    50% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
    .header_bg {
      height: 657px;
      background: #1947ba;
      padding: 20vh 4rem 0;
    }
    .header_bg_title {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 300;
      font-size: 1.025rem;
      color: #ffffff;
      font-style: normal;
      text-transform: none;
    }
    .contentboxlist {
      display: flex;
      justify-content: center;
      position: relative;
      top: 50px;
    }
    .tabulli1 {
      width: 9.375rem;
      height: 12rem;
      /* background-image: url(../image/yuanjing.png); */
      background-repeat: no-repeat;
      background-size: cover;
      box-sizing: border-box;
      padding: 243px 45px 0 45px;
      position: relative;
    }
    .tabulli1-xh {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: bold;
      font-size: 16px;
      color: #002177;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-bottom: 16px;
      position: absolute;
      bottom: 59px;
    }
    .new-style{
      font-family: PingFang-SC, PingFang-SC;
      font-weight: bold;
      font-size: 16px;
      color: #002177;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-bottom: 16px;
       animation: move 0.5s forwards; /* 启动关键帧动画 */
    }
    .new-style-name{
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 500;
      font-size: 30px;
      color: #002177;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
       animation: move 0.5s forwards; /* 启动关键帧动画 */
    }
    .tabulli1-xian{
      width: 293px;
      height: 1px;
      background: #002177;
      margin: 27px 0 15px 0;
      display: none;
    }
    .new-style-xian{
      width: 293px;
      height: 1px;
      background: #002177;
      margin: 27px 0 15px 0;
      display: block;
       animation: move 0.5s forwards; /* 启动关键帧动画 */
    }
    .tabulli1-name {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 500;
      font-size: 30px;
      color: #002177;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      position: absolute;
      bottom:33px
    }
    .tabulli1-conter {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 500;
      font-size: 14px;
      color: #002177;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 60px;
      display: none;
    }
    .new-style-conter {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 500;
      font-size: 14px;
      color: #002177;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 60px;
      display: block;
       animation: move 0.5s forwards; /* 启动关键帧动画 */
    }
    .index-container .index-slidetow {
      height: 100vh;
      position: relative;
      z-index: 4;
    }
  }
  @media (max-width: 767px) {
    /* 在屏幕宽度小于等于 767px 时应用的样式 */
    .header_bg {
      /* 添加你希望的样式，例如： */
      width: 100%; /* 或者其他你希望的宽度 */
      background: #1947ba; /* 或者其他你希望的背景色 */
      padding-top: 20px;
      padding: 2rem 6%;
    }
    .header_bg_title {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 300;
      font-size: 1.025rem;
      color: #ffffff;
      line-height: 29px;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
    .contentboxlist {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      position: relative;
      height: auto;
      margin-top: 20px;
    }
    .tabulli1 {
      width: 335px;
      height: 240px;
      background-image: url(../image/yuanjing.png);
      background-repeat: no-repeat;
      background-size: cover;
      box-sizing: border-box;
      padding: 107px 21px 0 21px;
    }
    .tabulli2 {
      width: 335px;
      height: 240px;
      background-image: url(../image/shiming.png);
      background-repeat: no-repeat;
      background-size: cover;
      box-sizing: border-box;
      padding: 107px 21px 0 21px;
    }
    .tabulli3 {
      width: 335px;
      height: 240px;
      background-image: url(../image/linian.png);
      background-repeat: no-repeat;
      background-size: cover;
      box-sizing: border-box;
      padding: 107px 21px 0 21px;
    }
    .tabulli4 {
      width: 335px;
      height: 240px;
      background-image: url(../image/jiazhiguan.png);
      background-repeat: no-repeat;
      background-size: cover;
      box-sizing: border-box;
      padding: 107px 21px 0 21px;
    }
    .tabulli2-xh {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: bold;
      font-size: 16px;
      color: #fff;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-bottom: 16px;
    }
    .tabulli2-name {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 500;
      font-size: 30px;
      color: #fff;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
    .tabulli1-xh {
      font-family: DINPro;
      font-weight: bold;
      font-size: 12px;
      color: #002177;
      line-height: 16px
    }
    .tabulli1-name {
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 18px;
      color: #002177;
      line-height: 16px;
      margin-top: 10px;
    }
    .tabulli1-conter {
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 10px;
      color: #002177;
      line-height: 16px;
    }
    .tabulli1-xian{
      width: 293px;
      height: 1px;
      background: #002177;
      margin: 27px 0 15px 0;
    }
    .index-container .index-slidetow {
      height: 100vh;
      position: relative;
      z-index: 4;
      height: auto;
    }
  }
  .about-list2-qyzz {
    font-family: PingFang-SC, PingFang-SC;
    font-weight: 300;
    font-size: 1.025rem;
    color: #222222;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
  .btnbox-one {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
  @media (min-width: 1024px) {
    .ywbj-text .imgbgitem{
      width: 566px;
      height: 265px;
      background: #1947ba;
      margin-left: -2rem;
      padding: 45px 50px;
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff;
      line-height: 26px;
      text-align: justifyLeft;
      font-style: normal;
      text-transform: none;
      display: block;
    }
    .ywbj-imge-number .imgbgitem{
      display: none;
    }
    .ywbj-imge .imgbgitem{
      display: none;
    }
    .ywbj_box{
      width: 90%;
      display: flex;
    }
    .ywbj_zhushi{
      width: 90%;
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 0.5rem;
      color: #222222;
      text-indent: 2%;
    }
    .ywbj_box_item_img{
      width: 7.625rem;
    }
    .ywbj_box_number_unit{
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 23px;
      color: #252525;
      display: inline-block;
    }
    .ywbj_box_number_num{
      font-family: DIN;
      font-weight: 500;
      font-size: 1.275rem;
      color: #1947BA;
    }
    .ywbj_box_item_title{
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 0.7rem;
      color: #252525;
      line-height: 0px;
    }
    .index-container .index-slide4 .news-container .item {
        width: 11.575rem;
        height: 14.325rem;
        background: #ffffff;
        padding: 0.625rem 0.7rem 0.9rem 0.7rem;
        text-align: center;
        box-sizing: border-box;
        margin-right: 1.225rem;
    }
    .ywbj-imge-number .img {
      margin-left: -2rem;
      width: 60%;
      overflow: hidden;
    }
    .ywbj-imge .img {
      margin-left: -2rem;
      width: 60%;
      overflow: hidden;
    }
    .ywbj-text .img {
      display: none;
    }
    .ywbj-imge-number .img img {
      position: relative;
      width: 292px;
      height: 253px;
      object-fit: cover;
      transition: all 0.5s;
    }
    .ywbj-imge .img img {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.5s;
    }
    .ywbj-text .img img {
      display: none;
    }
    .ywbj-imge-number .text {
      width: 47%;
    }
    .ywbj-imge .text {
      width: 47%;
    }
    .ywbj-text .text {
      display: none;
    }
    .ywbj-imge-number .num-item {
      height: 110px;
      font-family: DINPro, DINPro;
      font-weight: 400;
      font-size: 110px;
      color: #1947ba;
      line-height: 26px;
      text-align: left;
      font-style: normal;
    }
    .ywbj-imge-number .name-item {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 400;
      font-size: 30px;
      color: #252525;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 32px;
    }
    .ywbj-imge .num-item {
      display: none;
    }
    .ywbj-imge .name-item {
      display: none;
    }
    .ywbj-imge-number .name-item1{
    }
    .ywbj-imge .name-item1{
      display: none;
    }
    .ywbj-imge .text .tip {
      color: #1947ba;
      margin-bottom: 0.25rem;
    }
    .ywbj-text .text .tip {
      display: none;
    }
    .ywbj-imge-number .text .tip {
      display: none;
    }

    .ywbj-imge .text .tit3 {
      margin-bottom: 0.5rem;
      line-height: 26px;
      height: 54px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .ywbj-imge .text .tit4 {
      line-height: 20px;
      height: 40px;
      overflow: hidden;
      margin-bottom: 1.25rem;
    }
    .ywbj-text .text .tit3 {
      display: none;
    }
    .ywbj-imge-number .text .tit3 {
      display: none;
    }
    .ywbj-text .text .tit4{
      display: none;
    }
    .ywbj-imge-number .text .tit4 {
      display: none;
    }
    .footer-nav_barno {
      display: flex;
    }
    .page3-inner {
      position: absolute;
      width: 100%;
      left: 0;
    }

    .page3-swpier .swiper-slide {
      padding-bottom: 28%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      filter: blur(5px);
    }

    .page3-swpier .swiper-slide-active {
      filter: blur(0);
    }

    .swiper-inner {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      box-sizing: border-box;
      opacity: 0;
      color: #fff;
      transition: 0.5s;
      padding: 15% 5%;
    }

    .swiper-inner h1 {
      width: 403px;
      height: 146px;
      font-family: DINPro, DINPro;
      font-weight: 500;
      font-size: 200px;
      color: #ffffff;
      line-height: 0px;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }

    .swiper-inner p {
      width: 359px;
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 500;
      font-size: 20px;
      color: #ffffff;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
  }
  @media (max-width: 767px) {
    .page3-inner {
      position: absolute;
      width: 100%;
      left: 0;
      top: calc(50% - 120px);
    }

    .page3-swpier .swiper-slide {
      /* padding-bottom: 28%; */
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: relative;
      filter: blur(5px);
      width: 240px;
      height: 240px;
    }

    .page3-swpier .swiper-slide-active {
      filter: blur(0);
    }

    .swiper-inner {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      box-sizing: border-box;
      opacity: 0;
      color: #fff;
      transition: 0.5s;
      padding: 15% 5%;
    }


  .ywbj-text .imgbgitem {
      background: #1947ba;
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff;
      line-height: 26px;
      text-align: justifyLeft;
      font-style: normal;
      text-transform: none;
      padding: 0.85rem 1rem;
    }
    .ywbj-imge-number .imgbgitem{
      display: none;
    }
    .ywbj-imge .imgbgitem{
      display: none;
    }
    .ywbj_box{
      width: 90%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .ywbj_zhushi{
      width: 90%;
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 16px;
      color: #222222;
      text-indent: 2%;
    }
    .ywbj_box_item_img{
      width: 7.625rem;
    }
    .ywbj_box_number_unit{
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 23px;
      color: #252525;
      display: inline-block;
    }
    .ywbj_box_number_num{
      font-family: DIN;
      font-weight: 500;
      font-size: 1.275rem;
      color: #1947BA;
    }
    .ywbj_box_item_title{
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 0.7rem;
      color: #252525;
      line-height: 0px;
    }
    .index-container .index-slide4 .news-container .item {
      background: #fff;
      padding: 0.85rem 1rem;
      margin-left: 1rem;
      width: calc(100% - 1rem);
      margin-bottom: 1rem;
      text-align: center;
    }
    .ywbj-imge-number .index-container .index-slide4 .news-container .item .img {
      margin-left: -2rem;
      width: 60%;
      overflow: hidden;
    }
    .ywbj-imge .index-container .index-slide4 .news-container .item .img {
      margin-left: -2rem;
      width: 60%;
      overflow: hidden;
    }
    .ywbj-text .index-container .index-slide4 .news-container .item .img {
      display: none;
    }
    .ywbj-imge-number .index-container .index-slide4 .news-container .item .img img {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.5s;
    }
    .ywbj-imge .index-container .index-slide4 .news-container .item .img img {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.5s;
    }
    .ywbj-text .index-container .index-slide4 .news-container .item .img img {
      display: none;
    }
    .ywbj-imge-number .text {
      width: 47%;
    }
    .ywbj-imge .text {
      width: 47%;
    }
    .ywbj-text .text {
      display: none;
    }
    .ywbj-imge .text .tip {
      color: #1947ba;
      margin-bottom: 0.25rem;
    }
    .ywbj-imge .text .tit3 {
      margin-bottom: 0.5rem;
      line-height: 26px;
      height: 54px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .ywbj-imge .text .tit4 {
      line-height: 20px;
      height: 40px;
      overflow: hidden;
      margin-bottom: 1.25rem;
    }
    .ywbj-imge-number .text .tip {
      display: none;
    }
    .ywbj-text .text .tit3 {
      display: none;
    }
    .ywbj-imge-number .text .tit3 {
      display: none;
    }
    .ywbj-text .text .tit4{
      display: none;
    }
    .ywbj-imge-number .text .tit4 {
      display: none;
    }
    .ywbj-imge-number .num-item {
      height: 70px;
      font-family: DINPro, DINPro;
      font-weight: 400;
      font-size: 70px;
      color: #1947ba;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      margin-top: 10px;
    }
    .ywbj-imge .num-item {
      display: none;
    }
    .ywbj-imge .name-item {
      display: none;
    }
    .ywbj-imge-number .name-item1{
    }
    .ywbj-imge .name-item1{
      display: none;
    }
    .ywbj-imge-number .name-item {
      font-family: PingFang-SC, PingFang-SC;
      font-weight: 400;
      font-size: 16px;
      color: #252525;
      line-height: 26px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 10px;
    }
  }
  /*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }
    .swiper-container {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      z-index: 1;
    }
    .swiper-container-no-flexbox .swiper-slide {
      float: left;
    }
    .swiper-container-vertical > .swiper-wrapper {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
    }
    .swiper-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -ms-transition-property: -ms-transform;
      transition-property: transform;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
    }
    .swiper-container-android .swiper-slide,
    .swiper-wrapper {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .swiper-container-multirow > .swiper-wrapper {
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .swiper-container-free-mode > .swiper-wrapper {
      -webkit-transition-timing-function: ease-out;
      -moz-transition-timing-function: ease-out;
      -ms-transition-timing-function: ease-out;
      -o-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      margin: 0 auto;
    }
    .swiper-slide {
      -webkit-flex-shrink: 0;
      -ms-flex: 0 0 auto;
      flex-shrink: 0;
      width: 100%;
      height: 100%;
      position: relative;
    }
    .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide {
      height: auto;
    }
    .swiper-container-autoheight .swiper-wrapper {
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-transition-property: -webkit-transform, height;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -ms-transition-property: -ms-transform;
      transition-property: transform, height;
    }
    .swiper-container .swiper-notification {
      position: absolute;
      left: 0;
      top: 0;
      pointer-events: none;
      opacity: 0;
      z-index: -1000;
    }
    .swiper-wp8-horizontal {
      -ms-touch-action: pan-y;
      touch-action: pan-y;
    }
    .swiper-wp8-vertical {
      -ms-touch-action: pan-x;
      touch-action: pan-x;
    }
    .swiper-button-next,
    .swiper-button-prev {
      position: absolute;
      top: 50%;
      width: 27px;
      height: 44px;
      margin-top: -22px;
      z-index: 10;
      cursor: pointer;
      -moz-background-size: 27px 44px;
      -webkit-background-size: 27px 44px;
      background-size: 27px 44px;
      background-position: center;
      background-repeat: no-repeat;
    }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
      opacity: 0.35;
      cursor: auto;
      pointer-events: none;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
      left: 10px;
      right: auto;
    }
    .swiper-button-prev.swiper-button-black,
    .swiper-container-rtl .swiper-button-next.swiper-button-black {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }
    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
      right: 10px;
      left: auto;
    }
    .swiper-button-next.swiper-button-black,
    .swiper-container-rtl .swiper-button-prev.swiper-button-black {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }
    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
    .swiper-pagination {
      position: absolute;
      text-align: center;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      z-index: 10;
    }
    .swiper-pagination.swiper-pagination-hidden {
      opacity: 0;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      bottom: 10px;
      left: 0;
      width: 100%;
    }
    .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      display: inline-block;
      border-radius: 100%;
      background: #000;
      opacity: 0.2;
    }
    button.swiper-pagination-bullet {
      border: none;
      margin: 0;
      padding: 0;
      box-shadow: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -webkit-appearance: none;
      appearance: none;
    }
    .swiper-pagination-clickable .swiper-pagination-bullet {
      cursor: pointer;
    }
    .swiper-pagination-white .swiper-pagination-bullet {
      background: #fff;
    }
    .swiper-pagination-bullet-active {
      opacity: 1;
      background: #007aff;
    }
    .swiper-pagination-white .swiper-pagination-bullet-active {
      background: #fff;
    }
    .swiper-pagination-black .swiper-pagination-bullet-active {
      background: #000;
    }
    .swiper-container-vertical > .swiper-pagination-bullets {
      right: 10px;
      top: 50%;
      -webkit-transform: translate3d(0, -50%, 0);
      -moz-transform: translate3d(0, -50%, 0);
      -o-transform: translate(0, -50%);
      -ms-transform: translate3d(0, -50%, 0);
      transform: translate3d(0, -50%, 0);
    }
    .swiper-container-vertical
      > .swiper-pagination-bullets
      .swiper-pagination-bullet {
      margin: 5px 0;
      display: block;
    }
    .swiper-container-horizontal
      > .swiper-pagination-bullets
      .swiper-pagination-bullet {
      margin: 0 5px;
    }
    .swiper-pagination-progress {
      background: rgba(0, 0, 0, 0.25);
      position: absolute;
    }
    .swiper-pagination-progress .swiper-pagination-progressbar {
      background: #007aff;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: left top;
      -moz-transform-origin: left top;
      -ms-transform-origin: left top;
      -o-transform-origin: left top;
      transform-origin: left top;
    }
    .swiper-container-rtl
      .swiper-pagination-progress
      .swiper-pagination-progressbar {
      -webkit-transform-origin: right top;
      -moz-transform-origin: right top;
      -ms-transform-origin: right top;
      -o-transform-origin: right top;
      transform-origin: right top;
    }
    .swiper-container-horizontal > .swiper-pagination-progress {
      width: 100%;
      height: 4px;
      left: 0;
      top: 0;
    }
    .swiper-container-vertical > .swiper-pagination-progress {
      width: 4px;
      height: 100%;
      left: 0;
      top: 0;
    }
    .swiper-pagination-progress.swiper-pagination-white {
      background: rgba(255, 255, 255, 0.5);
    }
    .swiper-pagination-progress.swiper-pagination-white
      .swiper-pagination-progressbar {
      background: #fff;
    }
    .swiper-pagination-progress.swiper-pagination-black
      .swiper-pagination-progressbar {
      background: #000;
    }
    .swiper-container-3d {
      -webkit-perspective: 1200px;
      -moz-perspective: 1200px;
      -o-perspective: 1200px;
      perspective: 1200px;
    }
    .swiper-container-3d .swiper-cube-shadow,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-wrapper {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 10;
    }
    .swiper-container-3d .swiper-slide-shadow-left {
      background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
      );
      background-image: -webkit-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: -moz-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: -o-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: linear-gradient(
        to left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
    }
    .swiper-container-3d .swiper-slide-shadow-right {
      background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
      );
      background-image: -webkit-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: -moz-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: -o-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
    }
    .swiper-container-3d .swiper-slide-shadow-top {
      background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
      );
      background-image: -webkit-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: -moz-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: -o-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
    }
    .swiper-container-3d .swiper-slide-shadow-bottom {
      background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
      );
      background-image: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: -o-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
      background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
      );
    }
    .swiper-container-coverflow .swiper-wrapper,
    .swiper-container-flip .swiper-wrapper {
      -ms-perspective: 1200px;
    }
    .swiper-container-cube,
    .swiper-container-flip {
      overflow: visible;
    }
    .swiper-container-cube .swiper-slide,
    .swiper-container-flip .swiper-slide {
      pointer-events: none;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index: 1;
    }
    .swiper-container-cube .swiper-slide .swiper-slide,
    .swiper-container-flip .swiper-slide .swiper-slide {
      pointer-events: none;
    }
    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-active .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }
    .swiper-container-cube .swiper-slide-shadow-bottom,
    .swiper-container-cube .swiper-slide-shadow-left,
    .swiper-container-cube .swiper-slide-shadow-right,
    .swiper-container-cube .swiper-slide-shadow-top,
    .swiper-container-flip .swiper-slide-shadow-bottom,
    .swiper-container-flip .swiper-slide-shadow-left,
    .swiper-container-flip .swiper-slide-shadow-right,
    .swiper-container-flip .swiper-slide-shadow-top {
      z-index: 0;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    .swiper-container-cube .swiper-slide {
      visibility: hidden;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      width: 100%;
      height: 100%;
    }
    .swiper-container-cube.swiper-container-rtl .swiper-slide {
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
    }
    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-next + .swiper-slide,
    .swiper-container-cube .swiper-slide-prev {
      pointer-events: auto;
      visibility: visible;
    }
    .swiper-container-cube .swiper-cube-shadow {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.6;
      -webkit-filter: blur(50px);
      filter: blur(50px);
      z-index: 0;
    }
    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
      -webkit-transition-timing-function: ease-out;
      -moz-transition-timing-function: ease-out;
      -ms-transition-timing-function: ease-out;
      -o-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
    .swiper-container-fade .swiper-slide {
      pointer-events: none;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
    }
    .swiper-container-fade .swiper-slide .swiper-slide {
      pointer-events: none;
    }
    .swiper-container-fade .swiper-slide-active,
    .swiper-container-fade .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }
    .swiper-zoom-container {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      text-align: center;
    }
    .swiper-zoom-container > canvas,
    .swiper-zoom-container > img,
    .swiper-zoom-container > svg {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }
    .swiper-scrollbar {
      border-radius: 10px;
      position: relative;
      -ms-touch-action: none;
      background: rgba(0, 0, 0, 0.1);
    }
    .swiper-container-horizontal > .swiper-scrollbar {
      position: absolute;
      left: 1%;
      bottom: 3px;
      z-index: 50;
      height: 5px;
      width: 98%;
    }
    .swiper-container-vertical > .swiper-scrollbar {
      position: absolute;
      right: 3px;
      top: 1%;
      z-index: 50;
      width: 5px;
      height: 98%;
    }
    .swiper-scrollbar-drag {
      height: 100%;
      width: 100%;
      position: relative;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 10px;
      left: 0;
      top: 0;
    }
    .swiper-scrollbar-cursor-drag {
      cursor: move;
    }
    .swiper-lazy-preloader {
      width: 42px;
      height: 42px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -21px;
      margin-top: -21px;
      z-index: 10;
      -webkit-transform-origin: 50%;
      -moz-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
      -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
      animation: swiper-preloader-spin 1s steps(12, end) infinite;
    }
    .swiper-lazy-preloader:after {
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      background-position: 50%;
      -webkit-background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
    }
    .swiper-lazy-preloader-white:after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }
    @-webkit-keyframes swiper-preloader-spin {
      100% {
        -webkit-transform: rotate(360deg);
      }
    }
    @keyframes swiper-preloader-spin {
      100% {
        transform: rotate(360deg);
      }
    }
/* lunbo */