a {
  outline: none;
  text-decoration: none; }

@-webkit-keyframes ceiling-header-show {
  from {
    top: -60px; }
  to {
    top: 0; } }

@keyframes ceiling-header-show {
  from {
    top: -60px; }
  to {
    top: 0; } }

@-webkit-keyframes fade-up-header {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-up-header {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.header-container {
  background-color: transparent;
  position: fixed;
  width: 100%;
  top: -60px;
  left: 0;
  z-index: 999;
  -webkit-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-animation: ceiling-header-show 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: ceiling-header-show 1s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
  .header-container.isFixed {
    background-color: #fff;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
    .header-container.isFixed .login-zone .platform-login a {
      color: #202d40;
      vertical-align: -2px;
      text-decoration: none; }
    .header-container.isFixed .login-zone .register .button {
      background: #0066ff;
      color: #fff; }
      .header-container.isFixed .login-zone .register .button:hover {
        background: #3385ff; }
    .header-container.isFixed .login-zone .login .button {
      background: #ebeff5;
      color: #000; }
      .header-container.isFixed .login-zone .login .button:hover {
        background: #202d40;
        color: #fff; }
  .header-container .header-content {
    max-width: 1340px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    padding: 0 20px; }
  .header-container .logo img {
    height: 40px;
    min-width: 130px;
    margin: 10px 0;
    display: block; }
  .header-container .logo,
  .header-container .icon,
  .header-container .nav {
    display: inline-block; }
  .header-container .nav {
    margin-left: 30px; }
    .header-container .nav .nav-item {
      float: left;
      margin: 0 20px;
      cursor: pointer; }
      .header-container .nav .nav-item a {
        cursor: pointer;
        text-decoration: none;
        color: #000; }
      .header-container .nav .nav-item span {
        cursor: pointer;
        text-decoration: none;
        color: #000;
        padding: 0;
        position: relative;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease; }
    .header-container .nav .nav-drop-down-wrap {
      position: relative;
      z-index: 999; }
      .header-container .nav .nav-drop-down-wrap span {
        padding-right: 16px; }
        .header-container .nav .nav-drop-down-wrap span:after {
          content: ' ';
          position: absolute;
          top: 5px;
          right: 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 8px;
          height: 8px;
          border-left: 1px solid #000;
          border-bottom: 1px solid #000;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      .header-container .nav .nav-drop-down-wrap.active span {
        color: #0066ff; }
        .header-container .nav .nav-drop-down-wrap.active span:after {
          top: 9px;
          border-left: 1px solid #0066ff;
          border-bottom: 1px solid #0066ff;
          -webkit-transform: rotate3d(0, 0, 1, -225deg);
          transform: rotate3d(0, 0, 1, -225deg); }
      .header-container .nav .nav-drop-down-wrap.active .nav-drop-down-container {
        -webkit-animation-name: fade-up-header;
        animation-name: fade-up-header;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        display: block; }
      .header-container .nav .nav-drop-down-wrap .nav-drop-down-container {
        display: none;
        top: 49px;
        position: absolute;
        padding-top: 10px;
        left: -20px;
        cursor: default; }
        .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down {
          font-size: 12px;
          color: #000;
          border-radius: 2px 2px 2px 2px;
          background: #fff;
          width: 180px;
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-shadow: 0 0 30px 0 rgba(3, 65, 157, 0.2);
          box-shadow: 0 0 30px 0 rgba(3, 65, 157, 0.2); }
          .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down:after {
            content: ' ';
            position: absolute;
            top: -10px;
            left: 32px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent #fff transparent; }
          .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container {
            width: 100%;
            padding: 4px 0; }
            .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container p a {
              display: block;
              width: 100%;
              height: 100%;
              font-size: 14px;
              color: #202D40;
              line-height: 1;
              font-weight: normal;
              padding: 10px 12px; }
              .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container p a span {
                color: #ee702e; }
                .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container p a span::after {
                  display: none; }
              .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container p a:hover {
                color: #0066ff;
                background-color: #F5F7FA; }
          .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item {
            padding-left: 10px;
            height: 36px;
            line-height: 36px;
            cursor: pointer;
            text-align: left !important; }
            .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item a {
              color: #202d40; }
            .header-container .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item:hover {
              background-color: #f5f7fa; }
  .header-container .login-zone .register,
  .header-container .login-zone .login,
  .header-container .login-zone .avatar {
    display: none; }
  .header-container .login-zone .button {
    outline: none;
    border: none;
    cursor: pointer;
    width: 90px;
    height: 30px;
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .header-container .login-zone .platform-login a {
    color: #fff;
    vertical-align: -2px; }
  .header-container .login-zone .register .button {
    background: #0066ff;
    color: #fff; }
    .header-container .login-zone .register .button:hover {
      background: #3385ff; }
  .header-container .login-zone .login .button {
    background: #ebeff5;
    color: #000; }
    .header-container .login-zone .login .button:hover {
      background: #606c80;
      color: #fff; }
  .header-container .login-zone .avatar img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    vertical-align: middle; }
  .header-container .login-zone {
    float: right; }
  .header-container .icon {
    display: none;
    position: relative;
    top: -5px;
    height: 48px;
    width: 48px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent; }
    .header-container .icon span {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      background-color: #000;
      height: 3px;
      width: 24px;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: background-color 0.2s;
      -o-transition: background-color 0.2s;
      transition: background-color 0.2s; }
      .header-container .icon span:after, .header-container .icon span:before {
        position: absolute;
        background-color: #000;
        height: 3px;
        width: 24px;
        content: "";
        left: 0;
        transition: -webkit-transform 0.2s;
        -webkit-transition: -webkit-transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s; }
      .header-container .icon span:before {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px); }
      .header-container .icon span:after {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px); }
  .header-container .mobile-nav {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 0 5%;
    -webkit-box-shadow: inset 0 1px 0 #e6e6e6;
    box-shadow: inset 0 1px 0 #e6e6e6;
    background-color: #fff; }
  .header-container .icon-user {
    display: none;
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 20px;
    font-size: 16px;
    color: #202d40;
    line-height: 30px; }
  .header-container .mobile-login-zone {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 0 5%;
    -webkit-box-shadow: inset 0 1px 0 #e6e6e6;
    box-shadow: inset 0 1px 0 #e6e6e6;
    background-color: #fff; }
  .header-container.logged-in .login-zone .register,
  .header-container.logged-in .login-zone .login {
    display: none !important; }
  .header-container.logged-in .login-zone .avatar {
    display: inline-block !important; }
  .header-container.logged-in .mobile-login-zone {
    display: none; }
  .header-container.logged-in .icon-user {
    display: none; }
  .header-container.login-checked .login-zone .register,
  .header-container.login-checked .login-zone .login, .header-container.login-checked .login-zone .platform-login {
    display: inline-block; }
  .header-container.expanded.logged-in .login-zone .avatar {
    display: inherit !important;
    text-align: center; }
  .header-container.expanded.logged-in .login,
  .header-container.expanded.logged-in .register {
    display: none !important; }
  .header-container.expanded .icon span {
    background-color: transparent; }
    .header-container.expanded .icon span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .header-container.expanded .icon span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .header-container.expanded .mobile-nav {
    display: block; }
    .header-container.expanded .mobile-nav ul {
      list-style: none; }
    .header-container.expanded .mobile-nav a {
      color: #000;
      outline: none;
      text-decoration: none;
      display: block; }
      .header-container.expanded .mobile-nav a span {
        color: #ee702e; }
    .header-container.expanded .mobile-nav .dropdown-list .dropdown {
      display: block; }
      .header-container.expanded .mobile-nav .dropdown-list .dropdown .label {
        font-size: 16px;
        line-height: 2;
        text-align: left;
        color: #000;
        display: block;
        font-weight: 500;
        padding: 10px 0;
        margin: 0;
        border-bottom: solid 1px rgba(0, 0, 0, 0.12);
        position: relative; }
        .header-container.expanded .mobile-nav .dropdown-list .dropdown .label:after {
          content: ' ';
          position: absolute;
          pointer-events: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 8px;
          height: 8px;
          border-left: 1px solid #000;
          border-bottom: 1px solid #000;
          -webkit-transform: rotate3d(0, 0, 1, -135deg);
          transform: rotate3d(0, 0, 1, -135deg);
          right: 0;
          top: 50%;
          margin-top: -5px;
          z-index: 1;
          -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          -webkit-transition: all 0.1s ease-in;
          -o-transition: all 0.1s ease-in;
          transition: all 0.1s ease-in; }
      .header-container.expanded .mobile-nav .dropdown-list .dropdown .content {
        display: none; }
        .header-container.expanded .mobile-nav .dropdown-list .dropdown .content .menu {
          margin-left: 20px; }
        .header-container.expanded .mobile-nav .dropdown-list .dropdown .content .content-label {
          font-size: 14px;
          line-height: 2;
          text-align: left;
          color: #000;
          display: block;
          padding: 10px 0;
          margin: 0;
          position: relative; }
      .header-container.expanded .mobile-nav .dropdown-list .dropdown.has-submenu .label:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .header-container.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .label {
        color: #0066ff; }
        .header-container.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .label:after {
          -webkit-transform: rotate(-225deg);
          -ms-transform: rotate(-225deg);
          transform: rotate(-225deg); }
      .header-container.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .content {
        display: block; }
  .header-container.expanded .icon-user,
  .header-container.expanded .mobile-login-zone {
    display: none; }
  .header-container.user-expanded .icon-user {
    display: none; }
  .header-container.user-expanded .icon span {
    background-color: transparent; }
    .header-container.user-expanded .icon span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .header-container.user-expanded .icon span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .header-container.user-expanded .mobile-login-zone {
    display: block; }
    .header-container.user-expanded .mobile-login-zone ul {
      list-style: none; }
    .header-container.user-expanded .mobile-login-zone a {
      color: #000;
      outline: none;
      text-decoration: none; }
    .header-container.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn {
      height: 40px;
      width: 84%;
      line-height: 40px;
      font-size: 14px;
      text-align: center;
      border-radius: 2px 2px 2px 2px; }
      .header-container.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.register {
        background: #0066FF;
        margin: 40px auto 15px; }
        .header-container.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.register a {
          display: block;
          width: 100%;
          height: 100%;
          color: #fff; }
      .header-container.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.login {
        background: #EDF1F7;
        margin: 15px auto 40px; }
        .header-container.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.login a {
          display: block;
          width: 100%;
          height: 100%;
          color: #000; }
  .header-container .drop-down-wrap {
    position: relative; }
    .header-container .drop-down-wrap:hover .drop-down-container {
      display: block; }
    .header-container .drop-down-wrap .drop-down-container {
      display: none;
      top: 48px;
      position: absolute;
      padding-top: 10px;
      right: -12px; }
      .header-container .drop-down-wrap .drop-down-container .drop-down {
        font-size: 12px;
        color: #202d40;
        border: 1px solid #f5f6f8;
        width: 110px;
        border-radius: 2px 2px 2px 2px;
        background: #fff;
        position: relative; }
        .header-container .drop-down-wrap .drop-down-container .drop-down:after {
          background: #fff;
          border-color: #f5f5f5 transparent transparent #f5f5f5;
          border-style: solid;
          border-width: 1px;
          content: ' ';
          height: 10px;
          position: absolute;
          top: -5px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          width: 10px;
          right: 24px; }
        .header-container .drop-down-wrap .drop-down-container .drop-down .item {
          padding-left: 10px;
          height: 36px;
          line-height: 36px;
          cursor: pointer;
          text-align: left !important;
          z-index: 999;
          position: relative;
          background-color: #fff; }
          .header-container .drop-down-wrap .drop-down-container .drop-down .item svg {
            font-size: 15px; }
          .header-container .drop-down-wrap .drop-down-container .drop-down .item a {
            color: #202d40;
            text-decoration: unset;
            margin-left: 3px;
            vertical-align: middle; }
          .header-container .drop-down-wrap .drop-down-container .drop-down .item:hover {
            background-color: #f5f7fa; }
  .header-container.no-touch .nav .nav-item:hover span {
    color: #0066ff; }
  .header-container.no-touch .nav .nav-item:hover a {
    color: #0066ff; }
  .header-container.no-touch .nav .nav-drop-down-wrap:hover span {
    color: #0066ff; }
    .header-container.no-touch .nav .nav-drop-down-wrap:hover span:after {
      top: 9px;
      border-left: 1px solid #0066ff;
      border-bottom: 1px solid #0066ff;
      -webkit-transform: rotate3d(0, 0, 1, -225deg);
      transform: rotate3d(0, 0, 1, -225deg); }
  .header-container.no-touch .nav .nav-drop-down-wrap:hover .nav-drop-down-container {
    -webkit-animation-name: fade-up-header;
    animation-name: fade-up-header;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block; }

.container {
  margin-top: 0 !important;
  z-index: 1; }

.index-container {
  background: #fff;
  overflow-x: hidden; }

.section-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0; }
  .section-content .title {
    color: #000;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 1;
    text-align: center; }
  .section-content .description {
    color: #76808e;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px; }

.banner-section {
  background-color: #fff;
  height: 634px;
  overflow: hidden;
  position: relative; }
  .banner-section .section-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }
    .banner-section .section-bg .bg-box {
      width: 100%;
      height: 100%;
      position: relative;
      margin-left: 48%; }
      .banner-section .section-bg .bg-box .img {
        height: 100%; }
        .banner-section .section-bg .bg-box .img.pc-img {
          display: block; }
        .banner-section .section-bg .bg-box .img.mb-img {
          display: none; }
      .banner-section .section-bg .bg-box .motion {
        text-align: initial;
        font-size: initial;
        width: 755px;
        display: inline-block;
        max-width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0;
        opacity: 0;
        -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
        animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards; }
        .banner-section .section-bg .bg-box .motion .motion-area {
          position: relative;
          width: 100%;
          height: 100%; }
        .banner-section .section-bg .bg-box .motion img {
          display: block;
          position: absolute; }
          .banner-section .section-bg .bg-box .motion img.img0 {
            width: 143px;
            top: 452px;
            left: 43px;
            z-index: 11; }
          .banner-section .section-bg .bg-box .motion img.img1 {
            width: 3.5px;
            top: 425px;
            left: 165px;
            z-index: 10;
            opacity: 0; }
            .banner-section .section-bg .bg-box .motion img.img1:before {
              width: 4px;
              display: block;
              content: '';
              position: absolute;
              background-repeat: no-repeat;
              background-image: url(https://coding-net-production-pp-ci.codehub.cn/5db45967-3c72-49fa-84d5-e72a1412f071.png);
              background-size: 100%;
              z-index: 11; }
          .banner-section .section-bg .bg-box .motion img.img2 {
            width: 3.5px;
            top: 428px;
            left: 169px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img3 {
            width: 3.5px;
            top: 430px;
            left: 173px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img4 {
            width: 3.5px;
            top: 433px;
            left: 177px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img5 {
            width: 3.5px;
            top: 435px;
            left: 181px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img6 {
            width: 3.5px;
            top: 437px;
            left: 185px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img7 {
            width: 3.5px;
            top: 439px;
            left: 189px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img8 {
            width: 3px;
            top: 444px;
            left: 197px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img9 {
            width: 3.5px;
            top: 447px;
            left: 201px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img10 {
            width: 3.5px;
            top: 437px;
            left: 165px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img11 {
            width: 3.5px;
            top: 439px;
            left: 169px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img12 {
            width: 3.5px;
            top: 441px;
            left: 173px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img13 {
            width: 2.5px;
            top: 444px;
            left: 178px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img14 {
            width: 3.5px;
            top: 446px;
            left: 181px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img15 {
            width: 3.5px;
            top: 448px;
            left: 185px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img16 {
            width: 2.5px;
            top: 451px;
            left: 190px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img17 {
            width: 4px;
            top: 458px;
            left: 193px;
            z-index: 10;
            opacity: 0; }
          .banner-section .section-bg .bg-box .motion img.img18 {
            width: 101px;
            top: 377px;
            left: 140px;
            z-index: 9; }
          .banner-section .section-bg .bg-box .motion img.img19 {
            width: 96px;
            top: -46px;
            left: 312px;
            z-index: 9;
            -webkit-animation: ani-float 2s ease-in-out 0.2s infinite alternate;
            animation: ani-float 2s ease-in-out 0.2s infinite alternate; }
          .banner-section .section-bg .bg-box .motion img.img20 {
            width: 95px;
            top: 255px;
            left: 312px;
            z-index: 8; }
          .banner-section .section-bg .bg-box .motion img.img21 {
            width: 464px;
            top: -5px;
            left: 94px;
            z-index: 7;
            -webkit-animation: ani-float-alternate 2.2s ease-in-out 0.4s infinite alternate;
            animation: ani-float-alternate 2.2s ease-in-out 0.4s infinite alternate; }
          .banner-section .section-bg .bg-box .motion img.img22 {
            width: 219px;
            top: 424px;
            left: 242px;
            z-index: 1; }
          .banner-section .section-bg .bg-box .motion img.img23 {
            width: 173px;
            top: 197px;
            left: 443px;
            z-index: 8;
            -webkit-animation: ani-float 1s ease-in-out 0.3s infinite alternate;
            animation: ani-float 1s ease-in-out 0.3s infinite alternate; }
          .banner-section .section-bg .bg-box .motion img.img24 {
            width: 65px;
            top: 327px;
            left: 499px;
            z-index: 7; }
          .banner-section .section-bg .bg-box .motion img.img25 {
            width: 278px;
            top: 322px;
            left: 389px;
            z-index: 9;
            -webkit-animation: ani-float-alternate 1.3s ease-in-out 0.2s infinite alternate;
            animation: ani-float-alternate 1.3s ease-in-out 0.2s infinite alternate; }
          .banner-section .section-bg .bg-box .motion img.img26 {
            width: 101px;
            top: 506px;
            left: 478px;
            z-index: 8; }
  .banner-section .section-container {
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
    padding: 0 20px;
    z-index: 11; }
    .banner-section .section-container .info {
      color: #000;
      width: 520px;
      padding-top: 146px;
      position: relative;
      z-index: 99; }
      .banner-section .section-container .info .box {
        overflow: hidden; }
      .banner-section .section-container .info .pc-h2 h2 {
        font-size: 56px;
        font-weight: 500;
        letter-spacing: 1.75px;
        line-height: 80px; }
        .banner-section .section-container .info .pc-h2 h2.first {
          -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
          transform: translateY(100%);
          -webkit-animation: fade-up-100 1s ease 0s forwards;
          animation: fade-up-100 1s ease 0s forwards; }
        .banner-section .section-container .info .pc-h2 h2.last {
          -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
          transform: translateY(100%);
          -webkit-animation: fade-up-100 1s ease 0.2s forwards;
          animation: fade-up-100 1s ease 0.2s forwards; }
      .banner-section .section-container .info .mb-h2 {
        display: none; }
      .banner-section .section-container .info .pc-p {
        margin-top: 30px; }
        .banner-section .section-container .info .pc-p p {
          font-size: 16px;
          color: #76808e;
          font-weight: 500; }
          .banner-section .section-container .info .pc-p p.p1 {
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            transform: translateY(100%);
            -webkit-animation: fade-up-100 0.8s ease 0.4s forwards;
            animation: fade-up-100 0.8s ease 0.4s forwards; }
          .banner-section .section-container .info .pc-p p.p2 {
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            transform: translateY(100%);
            -webkit-animation: fade-up-100 0.8s ease 0.6s forwards;
            animation: fade-up-100 0.8s ease 0.6s forwards; }
      .banner-section .section-container .info .mb-p {
        display: none; }
      .banner-section .section-container .info .btn-area {
        margin-top: 50px; }
        .banner-section .section-container .info .btn-area .btn {
          height: 50px;
          width: 180px;
          text-align: center;
          line-height: 50px;
          cursor: pointer;
          overflow: hidden; }
          .banner-section .section-container .info .btn-area .btn a {
            background: #0066FF;
            border-radius: 2px 2px 2px 2px;
            -webkit-box-shadow: 0 0 29px 0 rgba(3, 65, 157, 0.1);
            box-shadow: 0 0 29px 0 rgba(3, 65, 157, 0.1);
            display: inline-block;
            width: 100%;
            height: 100%;
            color: #fff;
            text-decoration: unset;
            font-size: 20px;
            font-weight: 600;
            -webkit-transform: translateY(165%);
            -ms-transform: translateY(165%);
            transform: translateY(165%);
            -webkit-animation: fade-up-165 0.8s ease 0.6s forwards;
            animation: fade-up-165 0.8s ease 0.6s forwards;
            -webkit-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease; }
            .banner-section .section-container .info .btn-area .btn a:hover {
              background: #3385ff;
              -webkit-box-shadow: none;
              box-shadow: none; }

.tab-section {
  padding-top: 80px;
  padding-bottom: 60px;
  position: relative; }
  .tab-section .section-bg {
    width: 100%;
    height: 368px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -14px;
    z-index: 10; }
    .tab-section .section-bg .bg-box {
      width: 100%;
      height: 368px;
      position: relative;
      overflow: hidden;
      margin: -8px auto 0;
      background: url("https://coding-net-production-pp-ci.codehub.cn/a6545e1a-a224-431e-8de3-03347ab35e2d.png") repeat-x;
      background-size: auto 368px; }
  .tab-section .section-content {
    max-width: 1300px;
    padding: 0;
    position: relative;
    z-index: 11; }
  .tab-section .tab-content {
    max-width: 1300px;
    padding: 0 50px;
    margin: 50px auto 0;
    -webkit-box-shadow: 0px 0px 34px 0px rgba(3, 65, 157, 0.1);
    box-shadow: 0px 0px 34px 0px rgba(3, 65, 157, 0.1);
    background-color: #fff; }
    .tab-section .tab-content .tab-inner {
      max-width: 1160px;
      padding: 40px 20px 57px;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .tab-section .tab-content .tab-inner .left {
        width: 620px;
        height: 132px; }
        .tab-section .tab-content .tab-inner .left .content {
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .tab-section .tab-content .tab-inner .left .content .item {
            margin-right: 40px; }
            .tab-section .tab-content .tab-inner .left .content .item:last-child {
              margin-right: 0; }
      .tab-section .tab-content .tab-inner .right {
        width: 440px;
        height: 132px; }
        .tab-section .tab-content .tab-inner .right .content {
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .tab-section .tab-content .tab-inner .right .content .item:last-child {
            margin-right: 20px; }
      .tab-section .tab-content .tab-inner .tit {
        color: #1f2c41;
        font-size: 18px;
        font-weight: normal;
        line-height: 1;
        padding-top: 3px; }
      .tab-section .tab-content .tab-inner .bar {
        width: 100%;
        height: 1px;
        margin: 24px 0 30px;
        background-color: #dadfe6;
        position: relative; }
        .tab-section .tab-content .tab-inner .bar:after {
          content: ' ';
          width: 0;
          height: 0;
          position: absolute;
          pointer-events: none;
          border-style: solid;
          border-width: 10px 5px 0 5px;
          border-color: #dadfe6 transparent transparent transparent;
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
          -webkit-transform-origin: center;
          -ms-transform-origin: center;
          transform-origin: center;
          right: -2px;
          top: -4px; }
      .tab-section .tab-content .tab-inner .content {
        display: -ms-flexbox;
        display: flex; }
        .tab-section .tab-content .tab-inner .content .item {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: center;
          align-items: center;
          width: 106px;
          height: 56px; }
          .tab-section .tab-content .tab-inner .content .item .icon {
            width: 56px;
            height: 56px; }
            .tab-section .tab-content .tab-inner .content .item .icon img {
              width: 100%;
              height: 100%;
              display: inline-block; }
          .tab-section .tab-content .tab-inner .content .item .txt {
            color: #000000;
            font-size: 20px;
            font-weight: normal;
            letter-spacing: 0px; }

.feature-section {
  padding-bottom: 50px; }
  .feature-section .section-box {
    width: 100%;
    background-color: #fff;
    height: 600px;
    position: relative; }
  .feature-section .section-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }
    .feature-section .section-bg .bg-box {
      width: 100%;
      height: 100%;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      .feature-section .section-bg .bg-box .img {
        height: 100%;
        position: absolute;
        top: 0; }
        .feature-section .section-bg .bg-box .img.pc-img {
          display: block !important; }
        .feature-section .section-bg .bg-box .img.mb-img {
          display: none !important; }
  .feature-section .section-content {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 11; }
  .feature-section .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    .feature-section .item.even {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .feature-section .item .word {
      width: 440px;
      padding-right: 20px; }
      .feature-section .item .word .icon {
        width: 70px;
        height: 70px; }
        .feature-section .item .word .icon img {
          width: 100%;
          height: 100%;
          display: inline-block; }
      .feature-section .item .word .tit {
        font-size: 40px;
        color: #202d40;
        font-weight: 400;
        padding: 20px 0; }
      .feature-section .item .word .desc {
        color: #202d40;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        width: 420px; }
        .feature-section .item .word .desc a {
          color: #0066FF; }
          .feature-section .item .word .desc a:hover {
            color: #3385ff; }
    .feature-section .item .carousel .carousel-inner {
      width: 540px;
      height: 380px;
      padding: 20px;
      background-color: #fff;
      border-radius: 2px 2px 2px 2px;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(3, 65, 157, 0.1);
      box-shadow: 0px 0px 30px 0px rgba(3, 65, 157, 0.1);
      position: relative;
      overflow: hidden; }
      .feature-section .item .carousel .carousel-inner .slick-track {
        display: inline-block; }
      .feature-section .item .carousel .carousel-inner .carousel-item {
        display: inline-block; }
      .feature-section .item .carousel .carousel-inner img {
        width: 60%;
        display: block; }
  .feature-section .section-box3 {
    height: 1107px; }
    .feature-section .section-box3 .section-content {
      padding-top: 60px;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .feature-section .section-box3 .item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: center;
      align-items: center; }
      .feature-section .section-box3 .item .word {
        width: 800px;
        padding-right: 0px;
        text-align: center; }
        .feature-section .section-box3 .item .word .icon {
          display: inline-block;
          vertical-align: middle; }
        .feature-section .section-box3 .item .word .tit {
          display: inline-block;
          vertical-align: middle; }
        .feature-section .section-box3 .item .word .desc {
          width: 800px; }
      .feature-section .section-box3 .item .carousel {
        margin-top: 40px; }
        .feature-section .section-box3 .item .carousel .carousel-inner {
          width: 960px;
          height: 605px; }
          .feature-section .section-box3 .item .carousel .carousel-inner img {
            width: 100%;
            display: inline-block; }
        .feature-section .section-box3 .item .carousel .carousel-dots-spec {
          width: 840px;
          margin: 38px auto 0;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .feature-section .section-box3 .item .carousel .carousel-dots-spec .svg {
            display: block; }
          .feature-section .section-box3 .item .carousel .carousel-dots-spec .svg-active {
            display: none; }
          .feature-section .section-box3 .item .carousel .carousel-dots-spec .slick-active .svg {
            display: none; }
          .feature-section .section-box3 .item .carousel .carousel-dots-spec .slick-active .svg-active {
            display: block; }
          .feature-section .section-box3 .item .carousel .carousel-dots-spec .slick-active .process-bar span {
            display: block;
            height: 2px;
            background-color: #0066ff;
            -webkit-animation-name: process-bar;
            animation-name: process-bar;
            -webkit-animation-duration: 5s;
            animation-duration: 5s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
          .feature-section .section-box3 .item .carousel .carousel-dots-spec .slick-active .first-dot .process-bar span {
            display: none; }
          .feature-section .section-box3 .item .carousel .carousel-dots-spec .dot-con {
            width: 180px;
            cursor: pointer; }
            .feature-section .section-box3 .item .carousel .carousel-dots-spec .dot-con:hover .svg {
              display: none; }
            .feature-section .section-box3 .item .carousel .carousel-dots-spec .dot-con:hover .svg-active {
              display: block; }
            .feature-section .section-box3 .item .carousel .carousel-dots-spec .dot-con .process-bar {
              width: 100%;
              height: 2px;
              background-color: #dadfe6; }
            .feature-section .section-box3 .item .carousel .carousel-dots-spec .dot-con .icon {
              width: 30px;
              height: 30px;
              margin: 15px 0; }
            .feature-section .section-box3 .item .carousel .carousel-dots-spec .dot-con .txt h4 {
              line-height: 25px;
              font-size: 18px;
              color: #202d40;
              margin-bottom: 15px;
              font-weight: normal; }
            .feature-section .section-box3 .item .carousel .carousel-dots-spec .dot-con .txt p {
              color: #727f8f;
              font-size: 14px;
              font-weight: normal; }

.tool-section {
  width: 100%;
  height: 1014px;
  background-color: #f4faff;
  position: relative; }
  .tool-section .section-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10; }
    .tool-section .section-bg .bg-box {
      width: 1440px;
      height: 100%;
      position: relative;
      margin: 0 auto; }
      .tool-section .section-bg .bg-box .img {
        height: 320px;
        position: absolute; }
        .tool-section .section-bg .bg-box .img.pc-img {
          display: block; }
        .tool-section .section-bg .bg-box .img:nth-child(1) {
          height: 520px;
          left: -120px;
          bottom: -70px; }
        .tool-section .section-bg .bg-box .img:nth-child(2) {
          top: 193px;
          right: 0; }
  .tool-section .section-content {
    position: relative;
    z-index: 11; }
    .tool-section .section-content .title {
      padding-top: 80px;
      padding-bottom: 15px; }
    .tool-section .section-content .description {
      margin-bottom: 100px; }
    .tool-section .section-content .tool-content {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start; }
      .tool-section .section-content .tool-content .item {
        width: 338px;
        -webkit-box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1); }
        .tool-section .section-content .tool-content .item .top {
          width: 100%;
          height: 298px;
          background: #ffffff;
          border-radius: 0px 0px 0px 0px;
          -webkit-box-shadow: 0px 0px 34px 0px rgba(3, 65, 157, 0.1);
          box-shadow: 0px 0px 34px 0px rgba(3, 65, 157, 0.1);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -ms-flex-align: center;
          align-items: center;
          position: relative;
          z-index: 15; }
          .tool-section .section-content .tool-content .item .top .icon {
            width: 180px;
            height: 180px;
            margin: 30px 0 20px; }
            .tool-section .section-content .tool-content .item .top .icon img {
              width: 100%; }
          .tool-section .section-content .tool-content .item .top .tit {
            color: #000000;
            font-size: 20px; }
        .tool-section .section-content .tool-content .item .bottom {
          background: #fbfbfb;
          position: relative;
          z-index: 14; }
          .tool-section .section-content .tool-content .item .bottom .desc {
            padding: 30px 40px;
            color: #76808e;
            font-size: 14px;
            font-weight: normal;
            line-height: 24px;
            text-align: justify; }
            .tool-section .section-content .tool-content .item .bottom .desc a {
              color: #0066ff; }
        .tool-section .section-content .tool-content .item:nth-child(1) {
          margin-top: 40px; }
        .tool-section .section-content .tool-content .item:nth-child(3) {
          margin-top: 40px; }

.user-section {
  padding-top: 100px;
  padding-bottom: 90px;
  position: relative; }
  .user-section .section-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10; }
    .user-section .section-bg .bg-box {
      width: 1440px;
      height: 100%;
      position: relative;
      margin: 0 auto; }
      .user-section .section-bg .bg-box .img {
        height: 160px;
        position: absolute; }
        .user-section .section-bg .bg-box .img.pc-img {
          display: block; }
        .user-section .section-bg .bg-box .img:nth-child(1) {
          height: 240px;
          left: 165px;
          bottom: 618px; }
        .user-section .section-bg .bg-box .img:nth-child(2) {
          top: 305px;
          right: 297px; }
  .user-section .section-content {
    max-width: 1100px;
    position: relative;
    z-index: 11; }
    .user-section .section-content .user-content {
      max-width: 1000px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 110px auto 120px; }
      .user-section .section-content .user-content .item {
        width: 800px;
        height: 174px;
        position: relative;
        margin-bottom: 60px;
        z-index: 1;
        cursor: pointer; }
        .user-section .section-content .user-content .item .item-a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 99; }
        .user-section .section-content .user-content .item:hover .img {
          -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
          transform: translateY(4px); }
        .user-section .section-content .user-content .item:hover .content {
          -webkit-box-shadow: 0px 2px 10px 0px rgba(15, 34, 74, 0.1);
          box-shadow: 0px 2px 10px 0px rgba(15, 34, 74, 0.1);
          -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
          transform: translateY(4px); }
        .user-section .section-content .user-content .item.item1 {
          -ms-flex-item-align: start;
          align-self: flex-start; }
        .user-section .section-content .user-content .item.item2 {
          -ms-flex-item-align: center;
          align-self: center; }
        .user-section .section-content .user-content .item.item3 {
          -ms-flex-item-align: end;
          align-self: flex-end;
          margin-bottom: 0; }
        .user-section .section-content .user-content .item .img {
          background: #f4faff;
          border-radius: 0px 0px 0px 0px;
          -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
          height: 50px;
          width: 200px;
          position: absolute;
          top: 0;
          left: 40px;
          z-index: 10;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .user-section .section-content .user-content .item .img img {
            width: 100%; }
        .user-section .section-content .user-content .item .content {
          margin-top: 30px;
          height: 144px;
          width: 100%;
          background-color: #fff;
          -webkit-box-shadow: 0px 6px 34px 0px rgba(15, 34, 74, 0.1);
          box-shadow: 0px 6px 34px 0px rgba(15, 34, 74, 0.1);
          position: relative;
          z-index: 9;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          .user-section .section-content .user-content .item .content .word {
            height: 112px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-align: start;
            align-items: flex-start; }
            .user-section .section-content .user-content .item .content .word .left {
              color: #dadfe6;
              font-family: ArialMT;
              font-size: 100px;
              height: 112px;
              text-align: justify;
              width: 34px;
              margin-left: 30px;
              margin-right: 16px;
              margin-top: 6px; }
            .user-section .section-content .user-content .item .content .word .right {
              color: #000000;
              font-size: 14px;
              font-weight: normal;
              height: 48px;
              letter-spacing: 0px;
              line-height: 24px;
              text-align: justify;
              width: 680px;
              margin-top: 56px; }
          .user-section .section-content .user-content .item .content .btn {
            display: none; }
    .user-section .section-content .icon-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 20px; }
      .user-section .section-content .icon-content .item {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        margin-bottom: 15px;
        text-align: center;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-filter: gray;
        filter: gray;
        opacity: 0.5; }
        .user-section .section-content .icon-content .item img {
          height: 60px;
          display: inline-block; }
        .user-section .section-content .icon-content .item:hover {
          opacity: 1;
          -webkit-filter: inherit;
          filter: inherit; }

.start-section {
  width: 100%;
  height: 179px;
  position: relative;
  background: -webkit-gradient(linear, right top, left top, from(#5cc7ff), to(#0581ff));
  background: -webkit-linear-gradient(right, #5cc7ff 0%, #0581ff 100%);
  background: -o-linear-gradient(right, #5cc7ff 0%, #0581ff 100%);
  background: linear-gradient(-90deg, #5cc7ff 0%, #0581ff 100%); }
  .start-section .section-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }
    .start-section .section-bg .bg-box {
      width: 100%;
      height: 100%;
      position: relative;
      margin: 0 auto; }
      .start-section .section-bg .bg-box .img {
        height: 100%;
        position: absolute;
        top: 0; }
        .start-section .section-bg .bg-box .img.pc-img {
          display: block; }
        .start-section .section-bg .bg-box .img:nth-child(1) {
          left: 34px; }
        .start-section .section-bg .bg-box .img:nth-child(2) {
          right: 34px; }
  .start-section .section-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    position: relative;
    letter-spacing: 1.5px;
    height: 100%;
    z-index: 99; }
    .start-section .section-content .btn {
      margin-left: 30px;
      background: #fff;
      border-radius: 2px 2px 2px 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 50px;
      width: 180px;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      cursor: pointer;
      -webkit-box-shadow: 0 0 29px 0 rgba(3, 65, 157, 0.1);
      box-shadow: 0 0 29px 0 rgba(3, 65, 157, 0.1); }
      .start-section .section-content .btn a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #0066FF;
        font-size: 20px;
        font-weight: 600;
        text-align: center; }
      .start-section .section-content .btn:hover {
        -webkit-box-shadow: none;
        box-shadow: none; }
        .start-section .section-content .btn:hover a {
          color: #3385ff; }

.carousel {
  position: relative; }
  .carousel .carousel-inner {
    margin-bottom: 0 !important; }
  .carousel .carousel-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 25px auto 0; }
    .carousel .carousel-dots li {
      color: #b6c2cd;
      font-size: 12px;
      font-weight: 500;
      position: relative;
      padding: 0 15px; }
      .carousel .carousel-dots li span {
        cursor: pointer; }
      .carousel .carousel-dots li.slick-active {
        color: #0066ff; }
      .carousel .carousel-dots li:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 6px;
        height: 6px;
        border-left: 1px solid #b6c2cd;
        border-bottom: 1px solid #b6c2cd;
        -webkit-transform: rotate3d(0, 0, 1, -135deg);
        transform: rotate3d(0, 0, 1, -135deg);
        position: absolute;
        right: 0;
        top: 6px; }
      .carousel .carousel-dots li:last-child:after {
        display: none; }

.tab-nav {
  display: none;
  width: 100%;
  height: 70px;
  background-color: #fff;
  -webkit-box-shadow: 0px 14px 14px 0px rgba(3, 65, 157, 0.1);
  box-shadow: 0px 14px 14px 0px rgba(3, 65, 157, 0.1);
  position: fixed;
  top: 63px;
  left: 0;
  z-index: 998;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }
  .tab-nav.slideShow {
    display: block;
    -webkit-animation: slide-show 0.5s ease forwards;
    animation: slide-show 0.5s ease forwards; }
  .tab-nav.slideHide {
    display: block;
    -webkit-animation: slide-hide 0.5s ease forwards;
    animation: slide-hide 0.5s ease forwards; }
  .tab-nav .tab-nav-contanner {
    max-width: 1100px;
    height: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .tab-nav .tab-nav-contanner .item {
      width: 90px;
      height: 42px;
      opacity: 0.5;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .tab-nav .tab-nav-contanner .item.active {
        opacity: 1; }
      .tab-nav .tab-nav-contanner .item a {
        width: 100%;
        display: block;
        text-decoration: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center; }
      .tab-nav .tab-nav-contanner .item .icon {
        width: 42px;
        height: 42px; }
        .tab-nav .tab-nav-contanner .item .icon img {
          width: 100%;
          height: 100%;
          display: inline-block; }
      .tab-nav .tab-nav-contanner .item .txt {
        color: #000000;
        font-size: 20px;
        font-weight: normal;
        letter-spacing: 0px; }
    .tab-nav .tab-nav-contanner .arrow {
      width: 60px;
      height: 1px;
      background-color: #dadfe6;
      position: relative;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .tab-nav .tab-nav-contanner .arrow:after {
        content: ' ';
        width: 0;
        height: 0;
        position: absolute;
        pointer-events: none;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: #dadfe6 transparent transparent transparent;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        right: -2px;
        top: -4px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .tab-nav .tab-nav-contanner .arrow.active {
        background-color: #000; }
        .tab-nav .tab-nav-contanner .arrow.active:after {
          border-color: #000 transparent transparent transparent; }

@-webkit-keyframes slide-show {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slide-show {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slide-hide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@keyframes slide-hide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@-webkit-keyframes fade-up-100 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-up-100 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-up-165 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(165%);
    transform: translateY(165%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-up-165 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(165%);
    transform: translateY(165%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-up {
  0% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-up {
  0% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-down {
  0% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-down {
  0% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-up-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-up-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.img1-ani {
  -webkit-animation: fade-in 0.2s ease 0.2s forwards;
  animation: fade-in 0.2s ease 0.2s forwards; }

.img2-ani {
  -webkit-animation: fade-in 0.2s ease 0.4s forwards;
  animation: fade-in 0.2s ease 0.4s forwards; }

.img3-ani {
  -webkit-animation: fade-in 0.2s ease 0.6s forwards;
  animation: fade-in 0.2s ease 0.6s forwards; }

.img4-ani {
  -webkit-animation: fade-in 0.2s ease 0.8s forwards;
  animation: fade-in 0.2s ease 0.8s forwards; }

.img5-ani {
  -webkit-animation: fade-in 0.2s ease 1.0s forwards;
  animation: fade-in 0.2s ease 1.0s forwards; }

.img6-ani {
  -webkit-animation: fade-in 0.2s ease 1.2s forwards;
  animation: fade-in 0.2s ease 1.2s forwards; }

.img7-ani {
  -webkit-animation: fade-in 0.2s ease 1.4s forwards;
  animation: fade-in 0.2s ease 1.4s forwards; }

.img8-ani {
  -webkit-animation: fade-in 0.2s ease 1.6s forwards;
  animation: fade-in 0.2s ease 1.6s forwards; }

.img9-ani {
  -webkit-animation: fade-in 0.2s ease 1.8s forwards;
  animation: fade-in 0.2s ease 1.8s forwards; }

.img10-ani {
  -webkit-animation: fade-in 0.2s ease 2.0s forwards;
  animation: fade-in 0.2s ease 2.0s forwards; }

.img11-ani {
  -webkit-animation: fade-in 0.2s ease 2.2s forwards;
  animation: fade-in 0.2s ease 2.2s forwards; }

.img12-ani {
  -webkit-animation: fade-in 0.2s ease 2.4s forwards;
  animation: fade-in 0.2s ease 2.4s forwards; }

.img13-ani {
  -webkit-animation: fade-in 0.2s ease 2.6s forwards;
  animation: fade-in 0.2s ease 2.6s forwards; }

.img14-ani {
  -webkit-animation: fade-in 0.2s ease 2.8s forwards;
  animation: fade-in 0.2s ease 2.8s forwards; }

.img15-ani {
  -webkit-animation: fade-in 0.2s ease 3.0s forwards;
  animation: fade-in 0.2s ease 3.0s forwards; }

.img16-ani {
  -webkit-animation: fade-in 0.2s ease 3.2s forwards;
  animation: fade-in 0.2s ease 3.2s forwards; }

.img17-ani {
  -webkit-animation: flash 1s ease 3.4s infinite;
  animation: flash 1s ease 3.4s infinite; }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@-webkit-keyframes ani-float {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px); } }

@keyframes ani-float {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px); } }

@-webkit-keyframes ani-float-alternate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px); } }

@keyframes ani-float-alternate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px); } }

.fade-up-target {
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%); }

.fade-down-target {
  -webkit-transform: translateY(5%);
  -ms-transform: translateY(5%);
  transform: translateY(5%); }

.fade-up-in-target {
  opacity: 0; }

.fade-up-anmi {
  -webkit-animation-name: fade-up;
  animation-name: fade-up;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.fade-down-anmi {
  -webkit-animation-name: fade-down;
  animation-name: fade-down;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.fade-up-in-anmi {
  -webkit-animation-name: fade-up-in;
  animation-name: fade-up-in;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

@-webkit-keyframes process-bar {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@keyframes process-bar {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@media only screen and (max-width: 1300px) {
  .tab-section .section-content {
    max-width: 100%;
    padding: 0 20px; }
  .tab-section .tab-content {
    padding: 0; }
    .tab-section .tab-content .tab-inner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .tab-section .tab-content .tab-inner .left {
        width: 60%;
        margin-right: 40px; }
      .tab-section .tab-content .tab-inner .right {
        width: 40%; } }

@media only screen and (max-width: 1200px) {
  .tab-section .section-content {
    max-width: 100%;
    padding: 0; } }

@media only screen and (max-width: 1100px) {
  .feature-section .section-box {
    height: auto;
    padding: 0 0 40px; }
  .feature-section .section-content {
    max-height: 100%;
    padding: 0 20px;
    padding-top: 60px;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .feature-section .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center; }
    .feature-section .item.even {
      -ms-flex-direction: column;
      flex-direction: column; }
    .feature-section .item .word {
      width: 800px;
      padding-right: 0px;
      text-align: center; }
      .feature-section .item .word .icon {
        display: inline-block;
        vertical-align: middle; }
      .feature-section .item .word .tit {
        display: inline-block;
        vertical-align: middle; }
      .feature-section .item .word .desc {
        width: 800px; }
    .feature-section .item .carousel {
      margin-top: 40px; }
      .feature-section .item .carousel .carousel-inner {
        width: 960px;
        height: auto; }
        .feature-section .item .carousel .carousel-inner img {
          width: 100%;
          display: inline-block; }
      .feature-section .item .carousel .carousel-dots li {
        font-size: 20px; }
        .feature-section .item .carousel .carousel-dots li:after {
          width: 10px;
          height: 10px;
          top: 10px; }
      .feature-section .item .carousel .carousel-dots-spec {
        display: none; }
  .feature-section .section-box3 .item .carousel .carousel-inner {
    width: 960px;
    height: auto; }
  .feature-section .section-box3 .item .carousel .carousel-dots-spec {
    display: none; }
  .tool-section {
    width: 100%;
    height: auto;
    padding-bottom: 80px; }
    .tool-section .section-content .title {
      padding-left: 30px;
      padding-right: 30px; }
    .tool-section .section-content .description {
      padding: 0 20px; }
    .tool-section .section-content .tool-content {
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .tool-section .section-content .tool-content .item {
        margin-right: 20px; }
        .tool-section .section-content .tool-content .item:last-child {
          margin-right: 0; } }

@media only screen and (max-width: 960px) {
  .feature-section .section-box {
    height: auto;
    padding: 40px 0; }
  .feature-section .section-content {
    padding: 0; }
  .feature-section .item {
    width: 100%; }
    .feature-section .item .word {
      width: auto;
      padding: 0 20px; }
      .feature-section .item .word .desc {
        width: auto; }
    .feature-section .item .carousel {
      width: 100%;
      margin: 40px auto 0; }
      .feature-section .item .carousel .carousel-inner {
        width: 100%;
        height: auto;
        padding: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none; }
  .feature-section .section-box3 .section-content {
    padding: 0; }
  .feature-section .section-box3 .item {
    width: 100%; }
    .feature-section .section-box3 .item .word {
      width: auto;
      padding: 0 20px; }
      .feature-section .section-box3 .item .word .desc {
        width: auto; }
    .feature-section .section-box3 .item .carousel {
      width: 100%; }
      .feature-section .section-box3 .item .carousel .carousel-inner {
        width: 100%;
        height: auto;
        padding: 0; } }

@media only screen and (max-width: 800px) {
  .user-section {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative; }
    .user-section .section-bg {
      display: none; }
    .user-section .section-content .title {
      padding: 0 40px; }
    .user-section .section-content .user-content {
      max-width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 60px auto 50px; }
      .user-section .section-content .user-content .item {
        width: 345px;
        height: 276px;
        margin-bottom: 20px; }
        .user-section .section-content .user-content .item .item-a {
          display: none; }
        .user-section .section-content .user-content .item.item1 {
          -ms-flex-item-align: center;
          align-self: center; }
        .user-section .section-content .user-content .item.item2 {
          -ms-flex-item-align: center;
          align-self: center; }
        .user-section .section-content .user-content .item.item3 {
          -ms-flex-item-align: center;
          align-self: center;
          margin-bottom: 0; }
        .user-section .section-content .user-content .item .img {
          left: 50%;
          margin-left: -100px; }
          .user-section .section-content .user-content .item .img img {
            width: 100%; }
        .user-section .section-content .user-content .item .content {
          height: 246px;
          width: 100%;
          -webkit-box-shadow: 0px 0px 20px 0px rgba(15, 34, 74, 0.1);
          box-shadow: 0px 0px 20px 0px rgba(15, 34, 74, 0.1); }
          .user-section .section-content .user-content .item .content .word {
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-align: start;
            align-items: flex-start; }
            .user-section .section-content .user-content .item .content .word .left {
              margin-left: 10px;
              margin-right: 6px;
              margin-top: 6px; }
            .user-section .section-content .user-content .item .content .word .right {
              height: 120px;
              width: 275px;
              margin-top: 52px; }
          .user-section .section-content .user-content .item .content .btn {
            display: block;
            position: absolute;
            left: 50px;
            bottom: 30px;
            color: #0066ff;
            font-size: 16px;
            font-weight: normal; }
    .user-section .section-content .icon-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center; }
      .user-section .section-content .icon-content .item {
        -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
        margin-bottom: 15px;
        text-align: center;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-filter: gray;
        filter: gray;
        opacity: 0.4; }
        .user-section .section-content .icon-content .item img {
          height: 60px;
          display: inline-block; }
        .user-section .section-content .icon-content .item:hover {
          opacity: 1;
          -webkit-filter: inherit;
          filter: inherit; } }

@media only screen and (max-width: 768px) {
  .header-container {
    background-color: #fff;
    top: 0;
    -webkit-animation: none;
    animation: none; }
    .header-container .nav,
    .header-container .login-zone {
      display: none; }
    .header-container .header-content {
      padding: 0 10px; }
    .header-container.logged-in .login-zone {
      display: block;
      margin-right: 40px; }
      .header-container.logged-in .login-zone .avatar {
        display: inherit !important;
        text-align: center; }
        .header-container.logged-in .login-zone .avatar img {
          width: 30px;
          height: 30px; }
    .header-container .icon {
      display: inline-block; }
    .header-container .icon-user {
      display: block; }
    .header-container .mobile-nav,
    .header-container .mobile-login-zone {
      width: calc(100% - 20px);
      left: 10px;
      border-radius: 3px;
      background-color: #ffffff;
      -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }
  .tab-section {
    padding-top: 40px;
    padding-bottom: 20px; }
    .tab-section .section-bg {
      display: none; }
    .tab-section .tab-content {
      max-width: 92%;
      padding: 0 20px;
      margin: 30px auto 0; }
      .tab-section .tab-content .tab-inner {
        padding: 20px 0 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .tab-section .tab-content .tab-inner .left {
          width: 100%;
          height: 90px;
          margin-bottom: 30px;
          margin-right: 0; }
          .tab-section .tab-content .tab-inner .left .content {
            -ms-flex-pack: justify;
            justify-content: space-between; }
            .tab-section .tab-content .tab-inner .left .content .item {
              margin-right: 0px; }
              .tab-section .tab-content .tab-inner .left .content .item:last-child {
                margin-right: 20px; }
        .tab-section .tab-content .tab-inner .right {
          width: 100%;
          height: 90px; }
          .tab-section .tab-content .tab-inner .right .content .item:last-child {
            margin-right: 0; }
        .tab-section .tab-content .tab-inner .tit {
          font-size: 16px;
          padding-top: 1px; }
        .tab-section .tab-content .tab-inner .bar {
          height: 1px;
          margin: 10px 0 15px; }
        .tab-section .tab-content .tab-inner .content .item {
          width: 80px;
          height: 42px; }
          .tab-section .tab-content .tab-inner .content .item .icon {
            width: 42px;
            height: 42px; }
          .tab-section .tab-content .tab-inner .content .item .txt {
            font-size: 15px; }
  .tab-nav {
    display: none !important; } }

@media only screen and (max-width: 600px) {
  .banner-section {
    height: 670px;
    background-color: #091834; }
    .banner-section .section-bg .bg-box {
      height: 610px;
      margin-top: 60px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      margin-left: 0; }
      .banner-section .section-bg .bg-box .motion {
        display: none; }
      .banner-section .section-bg .bg-box .img.pc-img {
        display: none; }
      .banner-section .section-bg .bg-box .img.mb-img {
        display: block; }
    .banner-section .section-container {
      padding: 0 30px; }
      .banner-section .section-container .info {
        color: #fff;
        width: auto;
        padding-top: 380px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; }
        .banner-section .section-container .info .pc-h2 {
          display: none; }
        .banner-section .section-container .info .mb-h2 {
          display: block; }
          .banner-section .section-container .info .mb-h2 h2 {
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 1px;
            text-align: center;
            line-height: 1; }
            .banner-section .section-container .info .mb-h2 h2.last {
              padding-top: 10px; }
        .banner-section .section-container .info .pc-p {
          display: none; }
        .banner-section .section-container .info .mb-p {
          display: block; }
          .banner-section .section-container .info .mb-p p {
            margin-top: 20px;
            font-size: 12px;
            color: #fff;
            font-weight: normal;
            text-align: center; }
        .banner-section .section-container .info .btn-area {
          margin-top: 30px; }
          .banner-section .section-container .info .btn-area .btn {
            background: #0066FF;
            border-radius: 0;
            height: 40px;
            width: 120px;
            line-height: 40px; }
            .banner-section .section-container .info .btn-area .btn a {
              font-size: 14px;
              font-weight: normal; }
  .feature-section {
    padding-bottom: 0; }
    .feature-section .section-box {
      height: auto;
      padding-top: 0;
      padding-bottom: 40px; }
    .feature-section .section-bg {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10; }
      .feature-section .section-bg .bg-box {
        width: 100%;
        height: 100%;
        position: relative; }
        .feature-section .section-bg .bg-box .img {
          width: 100%;
          height: auto;
          position: absolute;
          top: 0; }
          .feature-section .section-bg .bg-box .img.pc-img {
            display: none !important; }
          .feature-section .section-bg .bg-box .img.mb-img {
            display: block !important; }
    .feature-section .item {
      height: 100%;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-direction: column;
      flex-direction: column; }
      .feature-section .item.even {
        -ms-flex-direction: column;
        flex-direction: column; }
      .feature-section .item .word {
        width: auto;
        padding: 40px 30px 0;
        text-align: center; }
        .feature-section .item .word .icon {
          display: inline-block;
          vertical-align: middle; }
        .feature-section .item .word .tit {
          font-size: 28px;
          display: inline-block;
          vertical-align: middle;
          padding: 0; }
        .feature-section .item .word .desc {
          font-size: 14px;
          width: auto;
          margin-top: 40px; }
      .feature-section .item .carousel {
        margin-top: 20px; }
        .feature-section .item .carousel .carousel-inner {
          width: 100%;
          height: auto;
          padding: 0;
          background-color: #fff;
          position: relative;
          overflow: hidden; }
        .feature-section .item .carousel .carousel-dots li {
          font-size: 12px; }
          .feature-section .item .carousel .carousel-dots li:after {
            width: 6px;
            height: 6px;
            top: 6px; }
    .feature-section .section-box3 {
      height: auto; }
      .feature-section .section-box3 .section-content {
        padding-top: 0;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center; }
      .feature-section .section-box3 .item {
        height: 100%; }
        .feature-section .section-box3 .item .word {
          width: auto;
          padding: 40px 30px 0;
          text-align: center; }
          .feature-section .section-box3 .item .word .icon {
            display: inline-block;
            vertical-align: middle; }
          .feature-section .section-box3 .item .word .tit {
            font-size: 28px;
            display: inline-block;
            vertical-align: middle;
            padding: 0; }
          .feature-section .section-box3 .item .word .desc {
            font-size: 14px;
            width: auto;
            margin-top: 40px; }
        .feature-section .section-box3 .item .carousel {
          margin-top: 20px; }
          .feature-section .section-box3 .item .carousel .carousel-inner {
            width: 100%;
            height: auto;
            padding: 0;
            background-color: #fff;
            position: relative;
            overflow: hidden; }
          .feature-section .section-box3 .item .carousel .carousel-dots-spec {
            display: none; }
  .tool-section {
    width: 100%;
    height: auto;
    padding-bottom: 60px; }
    .tool-section .section-bg {
      display: none; }
    .tool-section .section-content .title {
      padding-top: 60px;
      padding-bottom: 0; }
    .tool-section .section-content .description {
      margin-bottom: 40px;
      line-height: 24px;
      padding: 0 30px; }
    .tool-section .section-content .tool-content {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center; }
      .tool-section .section-content .tool-content .item {
        width: 345px;
        margin-right: 0; }
        .tool-section .section-content .tool-content .item .top {
          height: 235px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .tool-section .section-content .tool-content .item .top .icon {
            width: 120px;
            height: 120px;
            margin: 30px 0 30px; }
          .tool-section .section-content .tool-content .item .top .tit {
            font-size: 18px; }
        .tool-section .section-content .tool-content .item .bottom {
          background: #fbfbfb;
          position: relative;
          z-index: 14; }
          .tool-section .section-content .tool-content .item .bottom .desc {
            padding: 20px 30px; }
        .tool-section .section-content .tool-content .item:nth-child(1) {
          margin-top: 0px; }
        .tool-section .section-content .tool-content .item:nth-child(2) {
          margin-top: 20px; }
        .tool-section .section-content .tool-content .item:nth-child(3) {
          margin-top: 20px; }
  .start-section {
    height: 100px; }
    .start-section .section-bg .bg-box .img:nth-child(1) {
      left: -4px; }
    .start-section .section-bg .bg-box .img:nth-child(2) {
      right: -4px; }
    .start-section .section-content {
      font-size: 18px; }
      .start-section .section-content .btn {
        margin-left: 10px;
        background: #FFFFFF;
        border-radius: 2px 2px 2px 2px;
        height: 40px;
        width: 120px;
        cursor: pointer; }
        .start-section .section-content .btn a {
          color: #0066FF;
          display: block;
          width: 100%;
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          font-weight: 600;
          text-align: center; }
  .fade-up-target {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  .fade-down-target {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  .fade-up-in-target {
    opacity: 1; } }

@media only screen and (max-width: 500px) {
  .header-container.expanded .nav {
    margin-left: 0px; }
    .header-container.expanded .nav .nav-item span {
      padding: 0;
      position: relative;
      z-index: auto; }
    .header-container.expanded .nav .nav-drop-down-wrap {
      position: relative;
      z-index: auto; }
      .header-container.expanded .nav .nav-drop-down-wrap:hover .nav-drop-down-container {
        display: block; }
      .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container {
        left: 23px;
        z-index: 99;
        text-align: left; }
        .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down {
          width: 320px;
          height: 300px; }
          .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container {
            width: 300px;
            height: 243px; }
            .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container .left h2,
            .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container .right h2 {
              font-size: 14px; }
            .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container .left hr,
            .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container .right hr {
              width: 144px; }
            .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container .left p,
            .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .item-container .right p {
              font-size: 12px; }
          .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down:after {
            left: 148px; }
  .section-content .title {
    font-size: 30px;
    line-height: 40px;
    padding: 0 66px; }
  .section-content .description {
    font-size: 14px; } }

@media only screen and (max-width: 375px) {
  .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container {
    left: 0px; } }

@media only screen and (max-width: 320px) {
  .header-container.expanded .nav .nav-drop-down-wrap .nav-drop-down-container {
    left: -29px; } }