body {
  background: none; }

.new-header {
  position: sticky;
  top: 0;
  height: 80px;
  display: flex;
  align-items: center;
  background: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: 9999; }
  .new-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto; }
  .new-header .left-part {
    display: flex;
    align-items: center;
    column-gap: 10px; }
    .new-header .left-part img {
      width: 190px;
      height: 44px; }
    .new-header .left-part span {
      font-weight: 400;
      font-size: 24px;
      color: #18285d; }
  .new-header nav {
    display: flex;
    align-items: center;
    column-gap: 30px; }
    .new-header nav a {
      position: relative;
      padding: 0 6px;
      font-weight: 400;
      font-size: 24px;
      color: #1e1e1e; }
      .new-header nav a.active {
        font-weight: bold; }
      .new-header nav a:hover {
        color: #0078d4; }

.footer {
  color: #666666; }

.new-index-page {
  background: url("../../img/new-bottom-bg.png") center bottom no-repeat;
  background-size: 100% auto; }
  .new-index-page header nav a::after {
    bottom: -10px; }
  .new-index-page header .swiper-slide {
    background: transparent;
    width: 100% !important; }
  .new-index-page .hover-status {
    transition: 0.25s; }
  .new-index-page .hover-status:hover {
    transform: scale(1.1) !important; }
  .new-index-page .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(117, 117, 117, 0.3); }
  .new-index-page .swiper-pagination-bullet-active {
    background-color: #757575; }
  .new-index-page header .swiper-container {
    width: 500px;
    height: 365px;
    overflow: hidden; }
    .new-index-page header .swiper-container .swiper {
      width: 100%;
      height: 334px; }
  .new-index-page .header-content {
    padding-top: 30px;
    align-items: center; }
  .new-index-page .header-content-title {
    margin-bottom: 8px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    line-height: 100%;
    color: black; }
  .new-index-page .header-content-descr {
    padding-left: 40px;
    margin-bottom: 94px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    line-height: 100%;
    color: black; }
  .new-index-page .header-content-btn-group {
    column-gap: 20px; }
  .new-index-page .header-content-btn, .new-index-page .header-content-btn1 {
    width: 190px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    background-color: #216dfa;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    transition: 0.25s; }
    .new-index-page .header-content-btn:hover, .new-index-page .header-content-btn1:hover {
      background-color: #02399e; }
  .new-index-page .feature-wrap {
    padding: 64px 0 107px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .new-index-page .feature-wrap .feature-title {
      margin-bottom: 40px;
      font-family: Microsoft YaHei;
      font-weight: 700;
      font-style: Bold;
      font-size: 36px;
      line-height: 48px; }
      .new-index-page .feature-wrap .feature-title a {
        font-style: normal;
        color: #216dfa; }
        .new-index-page .feature-wrap .feature-title a:hover {
          color: #02399e; }
    .new-index-page .feature-wrap .f-list {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 60px; }
      .new-index-page .feature-wrap .f-list .f-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .new-index-page .feature-wrap .f-list .f-item img {
          margin-bottom: 14px;
          width: 60px;
          height: 60px; }
        .new-index-page .feature-wrap .f-list .f-item h3 {
          margin-bottom: 4px;
          font-family: Microsoft YaHei;
          font-weight: 700;
          font-size: 20px;
          line-height: 24px; }
        .new-index-page .feature-wrap .f-list .f-item p {
          font-family: Microsoft YaHei;
          font-weight: 400;
          font-style: Regular;
          font-size: 14px;
          line-height: 24px; }
  .new-index-page .section2-title {
    padding-top: 0;
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
    color: black; }
  .new-index-page .section2-descr {
    font-size: 20px; }
  .new-index-page .section2-list {
    gap: 20px; }
    .new-index-page .section2-list .section2-item-content {
      color: black; }

.new-cz-page .top-box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 33px;
  column-gap: 12px; }
  .new-cz-page .top-box.active {
    display: flex; }
  .new-cz-page .top-box > img {
    width: 604px; }
  .new-cz-page .top-box .swiper-container {
    margin: 0; }
  .new-cz-page .top-box .right-area h1 {
    margin-bottom: 26px;
    font-weight: bold;
    width: fit-content;
    font-size: 30px;
    color: #1e1e1e;
    line-height: 36px; }
  .new-cz-page .top-box .right-area .check-list {
    margin-bottom: 28px; }
    .new-cz-page .top-box .right-area .check-list li {
      display: flex;
      align-items: center;
      column-gap: 6px;
      font-weight: 400;
      font-size: 16px;
      color: black;
      line-height: 36px; }
      .new-cz-page .top-box .right-area .check-list li img {
        width: 20px;
        height: 20px; }
      .new-cz-page .top-box .right-area .check-list li:not(:last-child) {
        margin-bottom: 1px; }
  .new-cz-page .top-box .right-area .down-btn {
    display: block;
    width: 300px;
    height: 60px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    color: white;
    line-height: 60px;
    text-align: center;
    background-color: #216dfa;
    transition: 0.25s; }
    .new-cz-page .top-box .right-area .down-btn:hover {
      background-color: #02399e; }
  .new-cz-page .top-box .right-area .remind-tip {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0%;
    color: #f35325; }
.new-cz-page .h2-title {
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 700;
  font-style: Bold;
  font-size: 36px;
  line-height: 48px;
  color: black; }
.new-cz-page .install-step-wrap {
  padding: 64px 0 39px; }
.new-cz-page .side-swiper-wrap {
  padding-top: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 34px; }
  .new-cz-page .side-swiper-wrap #translateSwiper {
    width: 700px;
    height: auto;
    overflow: hidden;
    margin: 0; }
  .new-cz-page .side-swiper-wrap .tabs-wrap {
    position: relative;
    top: 12px;
    padding-left: 34px; }
    .new-cz-page .side-swiper-wrap .tabs-wrap .line {
      position: absolute;
      left: 0;
      top: 3px;
      width: 3px;
      height: 249px;
      background: #ebecf0; }
    .new-cz-page .side-swiper-wrap .tabs-wrap .tab-item {
      cursor: pointer; }
      .new-cz-page .side-swiper-wrap .tabs-wrap .tab-item.active h3,
      .new-cz-page .side-swiper-wrap .tabs-wrap .tab-item.active p {
        color: black; }
    .new-cz-page .side-swiper-wrap .tabs-wrap .active-line {
      width: 3px;
      height: 60px;
      position: absolute;
      left: 0;
      top: 3px;
      background: #0059fa;
      transition: 0.25s; }
      .new-cz-page .side-swiper-wrap .tabs-wrap .active-line.active-0 {
        top: 0; }
      .new-cz-page .side-swiper-wrap .tabs-wrap .active-line.active-1 {
        top: 94px; }
      .new-cz-page .side-swiper-wrap .tabs-wrap .active-line.active-2 {
        top: 188px; }
      .new-cz-page .side-swiper-wrap .tabs-wrap .active-line.active-3 {
        top: 282px; }
    .new-cz-page .side-swiper-wrap .tabs-wrap .page {
      position: absolute;
      left: -7px;
      top: -23px;
      font-weight: 400;
      font-size: 15px;
      color: #7f7e81; }
    .new-cz-page .side-swiper-wrap .tabs-wrap h3 {
      font-size: 20px;
      font-weight: bold;
      color: #757575;
      line-height: 32px; }
    .new-cz-page .side-swiper-wrap .tabs-wrap p {
      font-weight: 400;
      font-size: 16px;
      color: #757575;
      line-height: 32px; }
    .new-cz-page .side-swiper-wrap .tabs-wrap .small-btn {
      display: block;
      width: 220px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 10px;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      margin-top: 35px;
      margin-left: 27px;
      background-color: #216dfa; }
      .new-cz-page .side-swiper-wrap .tabs-wrap .small-btn:hover {
        background-color: #025ea4; }
  .new-cz-page .side-swiper-wrap .side-swiper img {
    max-width: 700px; }

.new-win-page .header-content-title {
  font-size: 30px;
  line-height: 36px; }
.new-win-page .new-header-content-list {
  display: flex;
  align-items: center;
  column-gap: 20px;
  margin-bottom: 13px; }
  .new-win-page .new-header-content-list .new-header-content-item {
    display: flex;
    align-items: center;
    column-gap: 6px;
    font-size: 16px;
    color: black; }
    .new-win-page .new-header-content-list .new-header-content-item img {
      width: 20px;
      height: 20px; }
.new-win-page .header-content-list.bg-blue {
  background-color: rgba(33, 109, 250, 0.1); }
.new-win-page .header-content-right {
  width: 500px; }
.new-win-page .header-content-item {
  font-size: 14px; }
.new-win-page .header-content-btn, .new-win-page .header-content-btn1 {
  width: 220px;
  height: 60px; }
.new-win-page .thunder-link {
  background-color: rgba(255, 255, 255, 0.4);
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.7);
  transition: 0.25s; }
  .new-win-page .thunder-link:hover {
    background-color: rgba(255, 255, 255, 0.6);
    border-color: #02399e;
    color: #02399e; }
.new-win-page .remind-tip {
  color: #f35325;
  font-size: 16px; }
.new-win-page .download-tip {
  margin-top: 0;
  line-height: 48px;
  color: #f35325;
  font-size: 20px; }
.new-win-page .blue {
  color: #216dfa;
  text-decoration: none !important; }
  .new-win-page .blue:hover {
    color: #02399e; }
.new-win-page .page-section-title {
  padding: 20px 0;
  font-size: 30px;
  line-height: 26px;
  font-weight: bold;
  color: black; }
  .new-win-page .page-section-title::after {
    display: none; }
.new-win-page .swiper-horizontal > .swiper-pagination-bullets, .new-win-page .swiper-pagination-bullets.swiper-pagination-horizontal, .new-win-page .swiper-pagination-custom, .new-win-page .swiper-pagination-fraction {
  bottom: 0; }
.new-win-page .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: RGB(214, 214, 214); }
.new-win-page .swiper-pagination-bullet-active {
  background-color: #333333; }
.new-win-page .section3-item-title {
  color: #216dfa;
  font-size: 16px;
  font-weight: bold; }
.new-win-page .section3-item-p {
  font-size: 14px;
  color: black; }
.new-win-page .section1-item {
  row-gap: 5px;
  color: black; }
.new-win-page .page-section-content {
  padding-left: 48px;
  padding-right: 48px; }
.new-win-page .page-section-content p {
  color: black; }
.new-win-page .icon-tb03 {
  width: 60px;
  height: 60px; }

.new-tutorial .page-section5 {
  margin-bottom: 36px;
  padding-bottom: 20px;
  margin-top: 0;
  background-color: #f2f2f2; }
.new-tutorial .nav-list {
  width: 1200px;
  height: 60px;
  background-color: #fff;
  justify-content: center;
  column-gap: 73px;
  filter: none;
  border-radius: 0; }
.new-tutorial .nav-list .nav-item {
  font-size: 20px;
  color: black;
  font-weight: 400; }
  .new-tutorial .nav-list .nav-item:hover {
    color: #216dfa; }
.new-tutorial .top-bg {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 389px;
  background: linear-gradient(180deg, #0260FF 0%, #FFFFFF 64.42%);
  opacity: 0.2; }

/*# sourceMappingURL=new.css.map */