* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }

body {
  width: 100%;
  overflow-x: hidden;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }

*, *::after, *::before {
  box-sizing: border-box; }

img {
  object-fit: cover;
  vertical-align: middle; }

img:not(.none) {
  max-width: 100%;
  max-height: 100%; }

textarea {
  resize: none;
  font-family: inherit; }

button {
  border: none;
  cursor: pointer; }

.bezier .swiper-wrapper, .div_bezier {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important; }

table {
  border-collapse: collapse; }

::-webkit-scrollbar {
  display: none;
  width: 0; }

[data-lenis-prevent] {
  padding: 0 20px 0 0; }

[data-lenis-prevent]::-webkit-scrollbar {
  width: 4px;
  display: block; }

[data-lenis-prevent]::-webkit-scrollbar-thumb {
  background: #666; }

[data-lenis-prevent]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1); }

._scroll_y {
  position: fixed;
  top: 0;
  right: 3px;
  width: 6px;
  height: 100vh;
  z-index: 9999;
  border-radius: 10px; }

._scroll_y div {
  width: 100%;
  height: 0;
  border-radius: 10px;
  background: black;
  opacity: 0;
  position: relative;
  transition: opacity 0.3s ease;
  cursor: grab; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.4rem; }

::-webkit-scrollbar-track {
  background-color: transparent; }

[data-wheel]::-webkit-scrollbar {
  width: 7px; }

[data-wheel]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem; }

[data-wheel]::-webkit-scrollbar-track {
  background-color: transparent; }

html.lenis, html.lenis body {
  height: auto; }

.lenis.lenis-smooth {
  scroll-behavior: auto !important; }

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain; }

.lenis.lenis-stopped {
  overflow: hidden; }

.lenis.lenis-scrolling iframe {
  pointer-events: none; }

section {
  overflow: hidden; }

section.unset {
  overflow: unset; }

.lenis_scroll {
  height: 250px;
  overflow: hidden;
  overflow-y: scroll; }

.lenis_scroll::-webkit-scrollbar-thumb {
  background: var(--color); }

.lenis_scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05); }

.lenis_scroll::-webkit-scrollbar {
  width: 2px !important;
  display: block; }

.common_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1; }

.parallax {
  width: 100%;
  height: 100%; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 84px;
  padding: 0 40px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: .6s ease; }
  .header .header_l {
    display: flex;
    align-items: center;
    gap: 56px;
    height: 100%; }
    .header .header_l .logo {
      display: block;
      width: 195px;
      position: relative; }
      .header .header_l .logo img {
        display: block;
        width: 100%;
        transition: 0.6s; }
        .header .header_l .logo img:nth-child(2) {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0; }
    .header .header_l .nav {
      display: flex;
      align-items: center;
      gap: 50px;
      height: 100%; }
      .header .header_l .nav .first {
        display: flex;
        align-items: center;
        gap: 5px;
        height: 100%;
        position: relative; }
        .header .header_l .nav .first .second {
          position: absolute;
          opacity: 0;
          transition: 0.6s;
          pointer-events: none;
          padding: 75px 0 0;
          top: 0;
          left: 50%;
          transform: translateX(-50%); }
          .header .header_l .nav .first .second .second_box {
            border-radius: 10px;
            background: #FFF;
            box-shadow: 0 4px 8px 0 rgba(22, 43, 84, 0.1);
            text-align: center;
            padding: 16px 19px; }
          .header .header_l .nav .first .second a, .header .header_l .nav .first .second p {
            display: block;
            color: #333;
            font-size: 14px;
            font-weight: 400;
            transition: 0.6s;
            white-space: nowrap; }
            .header .header_l .nav .first .second a:not(:last-child), .header .header_l .nav .first .second p:not(:last-child) {
              margin-bottom: 15px; }
            .header .header_l .nav .first .second a:hover, .header .header_l .nav .first .second p:hover {
              color: #0454F4; }
        .header .header_l .nav .first:hover .second {
          opacity: 1;
          pointer-events: auto; }
        .header .header_l .nav .first > svg {
          display: block;
          width: 10px;
          height: auto; }
          .header .header_l .nav .first > svg path {
            transition: 0.6s; }
        .header .header_l .nav .first > a, .header .header_l .nav .first p {
          display: block;
          color: #FFF;
          font-size: 14px;
          font-weight: 400;
          transition: 0.6s;
          position: relative;
          z-index: 3;
          cursor: pointer; }
        .header .header_l .nav .first:hover > a, .header .header_l .nav .first.on > a {
          color: #0454F4 !important; }
        .header .header_l .nav .first:hover > svg path, .header .header_l .nav .first.on > svg path {
          fill: #0454F4 !important; }
  .header .header_r {
    display: flex;
    gap: 12px; }
    .header .header_r .point {
      display: flex;
      align-items: center;
      gap: 8px;
      transition: 0.6s;
      padding: 0 10px;
      border-radius: 4px;
      border: 0.8px solid #FFF;
      height: 36px;
      position: relative;
      z-index: 3; }
      .header .header_r .point img {
        display: block;
        width: 18px; }
      .header .header_r .point p {
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        transition: 0.6s; }
    .header .header_r .person_box .login_btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 88px;
      height: 36px;
      border-radius: 4px;
      background: #0454F4;
      cursor: pointer; }
      .header .header_r .person_box .login_btn p {
        color: #FFF;
        font-size: 14px;
        font-weight: 400; }
    .header .header_r .person_box .avatar {
      position: relative; }
      .header .header_r .person_box .avatar .avatar_btn {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        z-index: 3; }
        .header .header_r .person_box .avatar .avatar_btn img {
          display: block;
          width: 100%;
          height: 100%; }
      .header .header_r .person_box .avatar .pull_down {
        position: absolute;
        top: 0;
        right: 0;
        padding: 62px 0 0;
        opacity: 0;
        pointer-events: none;
        transition: 0.6s; }
        .header .header_r .person_box .avatar .pull_down .pull_down_box {
          width: 178px;
          border-radius: 10px;
          background: #FFF;
          box-shadow: 0 4px 8px 0 rgba(22, 43, 84, 0.1);
          padding: 18px 0 10px; }
          .header .header_r .person_box .avatar .pull_down .pull_down_box .line {
            width: 100%;
            height: 1px;
            background: #E6E6E6;
            margin: 16px 0; }
          .header .header_r .person_box .avatar .pull_down .pull_down_box .link {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 0 19px; }
            .header .header_r .person_box .avatar .pull_down .pull_down_box .link .icon {
              width: 17px;
              height: 17px;
              display: flex;
              align-items: center;
              justify-content: center; }
              .header .header_r .person_box .avatar .pull_down .pull_down_box .link .icon svg {
                display: block; }
                .header .header_r .person_box .avatar .pull_down .pull_down_box .link .icon svg path {
                  transition: 0.6s; }
            .header .header_r .person_box .avatar .pull_down .pull_down_box .link p {
              color: #333;
              font-size: 14px;
              font-weight: 500;
              transition: 0.6s; }
            .header .header_r .person_box .avatar .pull_down .pull_down_box .link:nth-child(1) {
              margin-bottom: 25px; }
            .header .header_r .person_box .avatar .pull_down .pull_down_box .link:hover .icon svg path {
              fill: #0454F4; }
            .header .header_r .person_box .avatar .pull_down .pull_down_box .link:hover p {
              color: #0454F4; }
      .header .header_r .person_box .avatar:hover .pull_down {
        opacity: 1;
        pointer-events: auto; }
  .header.on, .header.header_on {
    height: 68px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(25px); }
    .header.on .header_l .logo img, .header.header_on .header_l .logo img {
      opacity: 0; }
      .header.on .header_l .logo img:nth-child(2), .header.header_on .header_l .logo img:nth-child(2) {
        opacity: 1; }
    .header.on .header_l .nav .first > a, .header.on .header_l .nav .first p, .header.header_on .header_l .nav .first > a, .header.header_on .header_l .nav .first p {
      color: #09244D; }
    .header.on .header_l .nav .first > svg path, .header.header_on .header_l .nav .first > svg path {
      fill: #09244D; }
    .header.on .header_r .point, .header.header_on .header_r .point {
      border: 1px solid rgba(9, 36, 77, 0.12); }
      .header.on .header_r .point p, .header.header_on .header_r .point p {
        color: #09244D; }

.footer {
  background: #F1F1F3;
  padding: 46px 0; }
  .footer .wrap {
    display: flex;
    justify-content: space-between; }
    .footer .wrap .footer_l {
      width: 1285px; }
      .footer .wrap .footer_l .logo {
        width: 239px; }
        .footer .wrap .footer_l .logo img {
          display: block;
          width: 100%; }
      .footer .wrap .footer_l .line {
        width: 100%;
        height: 1px;
        background: #E0E4EC;
        margin: 27px 0 12px; }
      .footer .wrap .footer_l .footer_links p, .footer .wrap .footer_l .footer_links a {
        color: rgba(9, 36, 77, 0.8);
        font-size: 14px;
        font-weight: 400;
        line-height: 2.15;
        transition: 0.6s; }
      .footer .wrap .footer_l .footer_links a:hover {
        color: #0454F4; }
    .footer .wrap .ewm {
      width: 100px; }
      .footer .wrap .ewm .ewm_box {
        width: 100px;
        height: 100px;
        border-radius: 8px;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center; }
        .footer .wrap .ewm .ewm_box img {
          display: block;
          width: 93px; }
      .footer .wrap .ewm p {
        margin: 6px 0 0;
        color: #09244D;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.333;
        text-align: center; }

.w1200 {
  width: 1200px;
  margin: 0 auto; }

.w1440 {
  width: 1440px;
  margin: 0 auto; }

.common_banner {
  width: 100%;
  height: 27.0833333333vw;
  position: relative; }
  .common_banner .img {
    width: 100%;
    height: 100%; }
    .common_banner .img img {
      display: block;
      width: 100%;
      height: 100%; }
  .common_banner .text {
    position: absolute;
    top: 13.5416666667vw;
    left: 50%;
    transform: translateX(-50%); }
    .common_banner .text .h1 {
      color: #FFF;
      font-size: 48px;
      font-weight: 400; }
      .common_banner .text .h1 div {
        font-weight: bold; }

.fix_ewm {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  transition: 0.6s; }
  .fix_ewm .fix_shadow {
    background: rgba(4, 17, 44, 0.1);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer; }
  .fix_ewm .fix_box {
    position: relative;
    z-index: 9;
    width: 420px;
    border-radius: 12px;
    background: #FFF;
    padding: 30px;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.6s; }
    .fix_ewm .fix_box .h5 {
      color: #0454F4;
      font-size: 20px;
      font-weight: 600;
      border-bottom: 1px solid #d9d9d9;
      margin-bottom: 24px;
      padding: 0 0 20px; }
    .fix_ewm .fix_box form .layui-form-item {
      display: flex;
      align-items: center;
      gap: 8px; }
      .fix_ewm .fix_box form .layui-form-item input {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        background: #FFF;
        padding: 0 12px; }
      .fix_ewm .fix_box form .layui-form-item:nth-child(2) input {
        width: 260px; }
      .fix_ewm .fix_box form .layui-form-item:nth-child(2) button {
        width: 92px;
        height: 40px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        background: #F7F7F7;
        color: #333;
        font-size: 14px;
        font-weight: 400;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        .fix_ewm .fix_box form .layui-form-item:nth-child(2) button.on {
          pointer-events: none; }
    .fix_ewm .fix_box form .p {
      color: #333;
      font-size: 12px;
      font-weight: 400; }
      .fix_ewm .fix_box form .p span {
        color: #0454F4; }
    .fix_ewm .fix_box form .submit {
      margin: 43px 0 0;
      width: 360px;
      height: 40px;
      border-radius: 5px;
      background: #0454F4;
      color: #FFF;
      font-size: 14px;
      font-weight: 400; }
  .fix_ewm.on {
    opacity: 1;
    pointer-events: auto; }
    .fix_ewm.on .fix_box {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.4s; }

.page {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px; }
  .page a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    background: #F7F7F8;
    color: #555;
    font-size: 16px;
    font-weight: 500;
    transition: 0.6s; }
    .page a:hover, .page a.on {
      background: #0454F4;
      color: #FFFFFF; }
  .page .sp {
    width: fit-content;
    background: unset !important; }
    .page .sp:hover {
      color: #0454F4; }
  .page .page_btn {
    width: 88px; }