.headercenter {
  position: inherit !important;
  box-shadow: none !important; }

.header {
  min-width: 1280px; }

.header,
.headercenter {
  background: #ffffff;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s linear; }
  .header:hover .logoimg, .header.active .logoimg,
  .headercenter:hover .logoimg,
  .headercenter.active .logoimg {
    display: none; }
  .header:hover .logoimgon, .header.active .logoimgon,
  .headercenter:hover .logoimgon,
  .headercenter.active .logoimgon {
    display: block !important; }
  .header:hover ol li, .header.active ol li,
  .headercenter:hover ol li,
  .headercenter.active ol li {
    color: #333 !important; }
  .header:hover .mall, .header.active .mall,
  .headercenter:hover .mall,
  .headercenter.active .mall {
    color: #333 !important; }
    .header:hover .mall .mall-link, .header.active .mall .mall-link,
    .headercenter:hover .mall .mall-link,
    .headercenter.active .mall .mall-link {
      display: flex;
      align-items: center; }
      .header:hover .mall .mall-link:hover, .header.active .mall .mall-link:hover,
      .headercenter:hover .mall .mall-link:hover,
      .headercenter.active .mall .mall-link:hover {
        color: #0043ff !important; }
        .header:hover .mall .mall-link:hover .icon-mallactive, .header.active .mall .mall-link:hover .icon-mallactive,
        .headercenter:hover .mall .mall-link:hover .icon-mallactive,
        .headercenter.active .mall .mall-link:hover .icon-mallactive {
          display: block; }
        .header:hover .mall .mall-link:hover .icon-mallon, .header.active .mall .mall-link:hover .icon-mallon,
        .headercenter:hover .mall .mall-link:hover .icon-mallon,
        .headercenter.active .mall .mall-link:hover .icon-mallon {
          display: none !important; }
    .header:hover .mall .icon-mall,
    .header:hover .mall .icon-mallactive, .header.active .mall .icon-mall,
    .header.active .mall .icon-mallactive,
    .headercenter:hover .mall .icon-mall,
    .headercenter:hover .mall .icon-mallactive,
    .headercenter.active .mall .icon-mall,
    .headercenter.active .mall .icon-mallactive {
      display: none; }
    .header:hover .mall .icon-mallon, .header.active .mall .icon-mallon,
    .headercenter:hover .mall .icon-mallon,
    .headercenter.active .mall .icon-mallon {
      display: block !important; }
  .header .logo,
  .headercenter .logo {
    cursor: pointer;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 80px; }
    .header .logo img,
    .headercenter .logo img {
      width: 90px; }
  .header .mall,
  .headercenter .mall {
    color: #fff;
    padding-right: 80px;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .header .mall .zh,
    .headercenter .mall .zh {
      width: 20px;
      height: 20px;
      margin-left: 40px; }
    .header .mall img,
    .headercenter .mall img {
      width: 14px;
      height: 14px;
      margin-right: 7px; }
      .header .mall img.icon-mallon, .header .mall img.icon-mallactive,
      .headercenter .mall img.icon-mallon,
      .headercenter .mall img.icon-mallactive {
        display: none; }
    .header .mall span,
    .headercenter .mall span {
      flex: 65px 0 0;
      font-size: 15px;
      font-weight: bold; }
  .header .content,
  .headercenter .content {
    width: 1200px;
    margin: 0 auto; }
  .header .nav,
  .headercenter .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 960px; }
    .header .nav ol,
    .headercenter .nav ol {
      z-index: 99;
      margin: 0 auto; }
      .header .nav ol > li,
      .headercenter .nav ol > li {
        width: 160px;
        height: 70px;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        line-height: 70px;
        color: #000;
        float: left;
        cursor: pointer; }
        .header .nav ol > li.active,
        .headercenter .nav ol > li.active {
          color: #0043ff !important; }
          .header .nav ol > li.active span::after,
          .headercenter .nav ol > li.active span::after {
            transform: scaleX(1); }
        .header .nav ol > li:hover,
        .headercenter .nav ol > li:hover {
          color: #0043ff !important; }
          .header .nav ol > li:hover span::after,
          .headercenter .nav ol > li:hover span::after {
            transform: scaleX(1); }
          .header .nav ol > li:hover:nth-child(2) .product-center,
          .headercenter .nav ol > li:hover:nth-child(2) .product-center {
            z-index: 9;
            height: 188px; }
          .header .nav ol > li:hover:nth-child(3) .product-center,
          .headercenter .nav ol > li:hover:nth-child(3) .product-center {
            z-index: 9;
            height: 188px; }
          .header .nav ol > li:hover:nth-child(4) ul,
          .headercenter .nav ol > li:hover:nth-child(4) ul {
            height: 412px;
            z-index: 9;
            background: #fff !important; }
          .header .nav ol > li:hover:nth-child(5) ul,
          .headercenter .nav ol > li:hover:nth-child(5) ul {
            height: 205px;
            z-index: 9;
            background: #fff !important; }
          .header .nav ol > li:hover:nth-child(7) ul,
          .headercenter .nav ol > li:hover:nth-child(7) ul {
            height: 166px;
            z-index: 9;
            background: #fff !important; }
        .header .nav ol > li .sencond-navigation,
        .headercenter .nav ol > li .sencond-navigation {
          background: #fff;
          box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
          height: 0;
          overflow: hidden;
          transition: 0.3s ease-out;
          z-index: -1; }
          .header .nav ol > li .sencond-navigation li,
          .headercenter .nav ol > li .sencond-navigation li {
            width: 100%;
            height: 41px;
            line-height: 41px;
            font-weight: normal;
            cursor: pointer;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px; }
            .header .nav ol > li .sencond-navigation li:hover,
            .headercenter .nav ol > li .sencond-navigation li:hover {
              color: #0043ff !important;
              background: #f5f5f5; }
        .header .nav ol > li span,
        .headercenter .nav ol > li span {
          position: relative;
          display: block;
          width: 100%;
          height: 100%; }
          .header .nav ol > li span::after,
          .headercenter .nav ol > li span::after {
            position: absolute;
            content: '';
            width: 56px;
            height: 2px;
            background: #0043ff;
            left: 50%;
            bottom: 0px;
            margin-left: -28px;
            transform: scaleX(0);
            transition: 0.3s ease-out; }
        .header .nav ol > li.active span::after,
        .headercenter .nav ol > li.active span::after {
          position: absolute;
          content: '';
          width: 56px;
          height: 2px;
          background: #0043ff;
          left: 50%;
          margin-left: -28px;
          bottom: 0px; }
        .header .nav ol > li .product-center,
        .headercenter .nav ol > li .product-center {
          width: 100%;
          position: absolute;
          background: #fff;
          top: 70px;
          height: 0;
          overflow: hidden;
          left: 0;
          right: 0;
          box-shadow: 0px 1px 8px 0px rgba(1, 1, 1, 0.18);
          transition: height ease-in 0.3s;
          z-index: -1; }
          .header .nav ol > li .product-center ul,
          .headercenter .nav ol > li .product-center ul {
            display: flex;
            flex-flow: wrap;
            align-items: center;
            justify-content: center; }
            .header .nav ol > li .product-center ul.software-list,
            .headercenter .nav ol > li .product-center ul.software-list {
              justify-content: flex-start; }
            .header .nav ol > li .product-center ul.soft-center,
            .headercenter .nav ol > li .product-center ul.soft-center {
              margin-left: 130px; }
            .header .nav ol > li .product-center ul li,
            .headercenter .nav ol > li .product-center ul li {
              display: flex;
              flex-direction: column;
              align-items: center;
              width: 16.666%;
              font-size: 14px;
              font-weight: normal;
              color: #5f5f5f;
              margin: 24px 0 33px;
              cursor: pointer; }
              .header .nav ol > li .product-center ul li:nth-of-type(n + 7),
              .headercenter .nav ol > li .product-center ul li:nth-of-type(n + 7) {
                margin-top: 0; }
              .header .nav ol > li .product-center ul li:hover .product-active,
              .headercenter .nav ol > li .product-center ul li:hover .product-active {
                display: block; }
              .header .nav ol > li .product-center ul li:hover .product-noactive,
              .headercenter .nav ol > li .product-center ul li:hover .product-noactive {
                display: none; }
              .header .nav ol > li .product-center ul li:hover p,
              .headercenter .nav ol > li .product-center ul li:hover p {
                color: #0043ff; }
              .header .nav ol > li .product-center ul li .product-active,
              .headercenter .nav ol > li .product-center ul li .product-active {
                display: none; }
              .header .nav ol > li .product-center ul li img,
              .headercenter .nav ol > li .product-center ul li img {
                width: 98px;
                height: 98px;
                margin-bottom: 25px; }
              .header .nav ol > li .product-center ul li p,
              .headercenter .nav ol > li .product-center ul li p {
                line-height: 24px; }

@charset "UTF-8";
.article {
  margin-top: 70px; }
  .article .return {
    display: flex;
    align-items: center;
    width: 88px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #C3C3C3;
    font-size: 14px;
    cursor: pointer;
    position: fixed;
    top: 76px;
    left: 100px; }
    .article .return img {
      display: block;
      width: 24px;
      margin: 0 4px 0 16px; }
  .article .article-cont {
    display: flex;
    justify-content: center; }
    .article .article-cont .left {
      position: fixed;
      top: 140px;
      bottom: 0;
      left: 100px;
      width: 260px;
      background: #F9FAFC;
      padding: 0 16px; }
      .article .article-cont .left .artitle {
        font-size: 18px;
        font-weight: bold;
        margin: 24px 0 7px 20px; }
      .article .article-cont .left .ant-tree-treenode-selected {
        /* 自定义选中节点的背景色或边框样式 */
        background: rgba(0, 67, 255, 0.1);
        color: #0043FF;
        border-radius: 4px; }
      .article .article-cont .left .ant-tree {
        background: #F9FAFC; }
        .article .article-cont .left .ant-tree .ant-tree-treenode {
          width: 100%;
          padding: 0; }
        .article .article-cont .left .ant-tree .ant-tree-node-selected {
          /* 自定义选中节点的背景色或边框样式 */
          background: transparent; }
        .article .article-cont .left .ant-tree .ant-tree-switcher {
          line-height: 40px; }
        .article .article-cont .left .ant-tree .ant-tree-node-content-wrapper {
          line-height: 40px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
    .article .article-cont .center {
      flex: 1;
      margin: 70px 50px 0 50px;
      max-width: 1000px; }
      .article .article-cont .center .article-title {
        margin-bottom: 22px; }
        .article .article-cont .center .article-title h3 {
          font-size: 36px;
          line-height: 52px;
          font-weight: bold;
          margin-bottom: 8px; }
        .article .article-cont .center .article-title p {
          font-size: 14px;
          color: #8F8F8F;
          line-height: 20px;
          padding-bottom: 8px;
          border-bottom: 1px solid #E5E5E5; }
      .article .article-cont .center .detailed {
        min-height: 436px; }
      .article .article-cont .center .feedback {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 40px 0;
        border-bottom: 1px solid #E5E5E5; }
        .article .article-cont .center .feedback p {
          font-size: 14px;
          font-weight: bold;
          margin-bottom: 20px; }
        .article .article-cont .center .feedback .btn-list {
          display: flex;
          justify-content: center; }
          .article .article-cont .center .feedback .btn-list .btn {
            display: flex;
            align-items: center;
            width: 160px;
            height: 40px;
            background: #F6F8FB;
            border-radius: 4px;
            margin-right: 16px;
            cursor: pointer; }
            .article .article-cont .center .feedback .btn-list .btn.disabled {
              background: #C3C3C3;
              color: #fff;
              cursor: no-drop; }
            .article .article-cont .center .feedback .btn-list .btn.active {
              background: rgba(0, 67, 255, 0.1) !important;
              color: #0043FF !important; }
            .article .article-cont .center .feedback .btn-list .btn:hover {
              background: #EEEEEE; }
            .article .article-cont .center .feedback .btn-list .btn img {
              display: block;
              width: 24px;
              margin: 0 8px 0 34px; }
      .article .article-cont .center .support-download h3 {
        font-size: 24px;
        margin: 40px 0 24px;
        text-align: left;
        font-weight: normal; }
      .article .article-cont .center .support-download .support-item {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 120px; }
        .article .article-cont .center .support-download .support-item .article-list {
          display: flex;
          align-items: center;
          font-size: 14px;
          height: 40px;
          width: 50%;
          cursor: pointer; }
          .article .article-cont .center .support-download .support-item .article-list:hover {
            color: #0043FF; }
            .article .article-cont .center .support-download .support-item .article-list:hover .img-title {
              background: url("/static/images/icon-titleon.png") no-repeat;
              background-size: 100% 100%; }
          .article .article-cont .center .support-download .support-item .article-list .img-title {
            width: 24px;
            height: 24px;
            margin: 0 8px;
            background: url("/static/images/icon-title.png") no-repeat;
            background-size: 100% 100%; }
        .article .article-cont .center .support-download .support-item .support-list {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 196px;
          height: 196px;
          background: #F6F8FB;
          border-radius: 8px;
          margin-right: 32px;
          margin-bottom: 32px;
          cursor: pointer; }
          .article .article-cont .center .support-download .support-item .support-list:last-child {
            margin-right: 0; }
          .article .article-cont .center .support-download .support-item .support-list img {
            width: 108px;
            height: 108px;
            margin-bottom: 8px; }
          .article .article-cont .center .support-download .support-item .support-list p {
            font-size: 16px; }
    .article .article-cont .right {
      position: fixed;
      top: 140px;
      right: 20px;
      width: 260px; }

.join {
  width: 100%;
  background-color: #ffffff !important; }
  .join .contact-banner {
    margin-top: 70px; }
  .join .contact-infor {
    width: 1200px;
    padding-bottom: 180px;
    margin-top: 120px; }

.join-top {
  background-color: #ffffff;
  padding-bottom: 30px; }

.brandstory-box {
  background-color: #ffffff !important; }

.join-us .brandstory {
  width: 100%;
  margin-bottom: 200px; }

.join-us .top {
  height: 430px;
  position: relative;
  padding-top: 64px; }
  .join-us .top .left {
    width: 311px;
    height: 63px;
    font-size: 24px;
    font-weight: 400;
    color: #3D3D3D;
    line-height: 38px; }
  .join-us .top img {
    width: 730px;
    height: 227px;
    margin-left: 300px;
    margin-top: 20px; }
  .join-us .top .right {
    width: 298px;
    height: 63px;
    font-size: 24px;
    font-weight: 400;
    color: #3D3D3D;
    line-height: 38px;
    position: absolute;
    right: 0px;
    bottom: 0px; }

.join-us .hz {
  margin-top: 80px; }
  .join-us .hz img {
    width: 100%;
    height: 664px; }

.history-box {
  position: relative; }
  .history-box .bg-hidden {
    width: 100%;
    height: 590px;
    position: absolute;
    bottom: 0px;
    z-index: 1; }
  .history-box .history {
    width: 1200px;
    margin: 0px auto 0;
    padding-top: 40px;
    position: relative;
    z-index: 2; }
    .history-box .history .style-1 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      background-color: #ffffff;
      border-radius: 60px;
      overflow: hidden;
      height: 530px; }
      .history-box .history .style-1 .left {
        padding: 56px 75px;
        box-sizing: border-box; }
        .history-box .history .style-1 .left img {
          width: 246px;
          height: 188px; }
        .history-box .history .style-1 .left div {
          font-size: 38px;
          color: #0C0C0C;
          margin-top: 68px;
          margin-bottom: 32px; }
        .history-box .history .style-1 .left p {
          font-size: 15px;
          font-weight: 400;
          color: #3C3C3C;
          line-height: 28px; }
      .history-box .history .style-1 .right img {
        width: 600px;
        height: 530px; }
    .history-box .history .style-2 {
      display: flex;
      width: 100%;
      background-color: #ffffff;
      border-radius: 60px;
      margin-top: 57px;
      height: 530px;
      overflow: hidden; }
      .history-box .history .style-2 .right {
        padding: 65px 85px;
        box-sizing: border-box; }
        .history-box .history .style-2 .right img {
          width: 274px;
          height: 160px; }
        .history-box .history .style-2 .right div {
          height: 43px;
          font-size: 38px;
          color: #141414;
          margin-top: 55px;
          margin-bottom: 42px; }
        .history-box .history .style-2 .right p {
          font-size: 15px;
          font-weight: 400;
          color: #3C3C3C;
          line-height: 28px; }
      .history-box .history .style-2 .left img {
        width: 600px;
        height: 530px; }
    .history-box .history .style-3 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      background-color: #ffffff;
      border-radius: 60px;
      overflow: hidden;
      height: 530px;
      margin-top: 57px; }
      .history-box .history .style-3 .left {
        padding: 81px 92px 61px 75px;
        box-sizing: border-box; }
        .history-box .history .style-3 .left img {
          width: 290px;
          height: 68px; }
        .history-box .history .style-3 .left div {
          height: 42px;
          font-size: 38px;
          color: #141414;
          line-height: 26px;
          margin-top: 68px;
          margin-bottom: 26px; }
        .history-box .history .style-3 .left p {
          font-size: 15px;
          line-height: 28px;
          font-weight: 400;
          color: #3C3C3C;
          margin-bottom: 30px; }
      .history-box .history .style-3 .right img {
        width: 600px;
        height: 530px; }
    .history-box .history .style-4 h3 {
      font-size: 38px;
      color: #141414;
      line-height: 30px;
      margin-top: 100px;
      margin-bottom: 59px;
      height: 49px;
      text-align: center; }
    .history-box .history .style-4 img {
      width: 100%;
      height: 490px; }
    .history-box .history .style-5 {
      position: relative; }
      .history-box .history .style-5 h3 {
        font-size: 38px;
        color: #141414;
        line-height: 30px;
        margin-top: 100px;
        margin-bottom: 59px;
        height: 49px;
        text-align: center; }
      .history-box .history .style-5 .solution-swiper img {
        width: 100%; }
      .history-box .history .style-5 .prev {
        position: absolute;
        left: 30px;
        margin-top: 0;
        top: 374px;
        outline: none;
        z-index: 1;
        cursor: pointer; }
        .history-box .history .style-5 .prev img {
          width: 54px;
          height: 54px; }
      .history-box .history .style-5 .next {
        position: absolute;
        margin-top: 0;
        right: 30px;
        z-index: 1;
        top: 374px;
        cursor: pointer;
        outline: none; }
        .history-box .history .style-5 .next img {
          width: 54px;
          height: 54px; }
    .history-box .history .style-6 h3 {
      font-size: 38px;
      color: #141414;
      line-height: 30px;
      margin-top: 100px;
      margin-bottom: 59px;
      height: 49px;
      text-align: center; }
    .history-box .history .style-6 ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .history-box .history .style-6 ul li {
        width: 591px;
        height: 439px;
        box-sizing: border-box;
        margin-bottom: 52px;
        position: relative; }
        .history-box .history .style-6 ul li div {
          position: absolute;
          z-index: 1;
          top: 75px;
          left: 38px; }
          .history-box .history .style-6 ul li div > p:nth-child(1) {
            height: 40px;
            font-size: 30px;
            color: #FFFFFF; }
          .history-box .history .style-6 ul li div > p:nth-child(2) {
            height: 21px;
            font-size: 15px;
            font-weight: 400;
            line-height: 28px;
            color: #FFFFFF;
            margin-top: 13px; }
        .history-box .history .style-6 ul li img {
          width: 100%;
          height: 100%; }
    .history-box .history .style-7 {
      margin-top: 14px;
      margin-bottom: 33px;
      padding-left: 65px; }
      .history-box .history .style-7 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .history-box .history .style-7 ul li {
          width: 561px;
          height: 138px;
          box-sizing: border-box;
          position: relative; }
          .history-box .history .style-7 ul li div {
            position: absolute;
            z-index: 1;
            top: 0px;
            left: 20px;
            width: 100%; }
            .history-box .history .style-7 ul li div > p:nth-child(1) {
              height: 40px;
              font-size: 30px;
              color: #000000; }
            .history-box .history .style-7 ul li div > p:nth-child(2) {
              font-size: 15px;
              font-weight: 400;
              color: #282828;
              width: 90%;
              margin-top: 13px; }
          .history-box .history .style-7 ul li .active {
            left: 77px; }

.switch {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
  background-color: #ffffff;
  margin-top: 30px; }
  .switch li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 184px;
    padding: 18px 0;
    cursor: pointer; }
    .switch li.active {
      color: #0043FF; }
    .switch li:last-child {
      margin-right: 0; }
    .switch li img {
      width: 45px;
      height: 45px;
      margin-right: 18px; }

.pagecont {
  margin-top: 70px; }

.solution-bread .content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 0; }
  .solution-bread .content .search-left {
    display: flex;
    justify-content: center;
    width: 100%; }
    .solution-bread .content .search-left li {
      position: relative;
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center;
      padding-bottom: 20px;
      position: relative;
      cursor: pointer; }
      .solution-bread .content .search-left li:hover {
        color: #0043ff; }
        .solution-bread .content .search-left li:hover .switch-imgon {
          display: block !important; }
        .solution-bread .content .search-left li:hover .switch-img {
          display: none; }
      .solution-bread .content .search-left li:last-child {
        margin-right: 0; }
      .solution-bread .content .search-left li.active:after {
        position: absolute;
        content: '';
        width: 47px;
        height: 3px;
        background: #0043ff;
        border-radius: 3px 3px 0px 0px;
        left: 50%;
        bottom: 0;
        transform: translate3d(-50%, 0, 0); }
      .solution-bread .content .search-left li.active .switch-imgon {
        display: block !important; }
      .solution-bread .content .search-left li.active .switch-img {
        display: none; }
      .solution-bread .content .search-left li.active span {
        color: #0043ff; }
      .solution-bread .content .search-left li img {
        width: 55px;
        height: 55px;
        margin-bottom: 16px; }
        .solution-bread .content .search-left li img.switch-imgon {
          display: none; }

.classify ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .classify ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 373px;
    border: 1px solid #eeeeee;
    margin-right: 40px;
    margin-bottom: 40px;
    cursor: pointer; }
    .classify ul li:hover {
      box-shadow: 1px 2px 12px 0px rgba(1, 1, 1, 0.1);
      border-color: transparent; }
      .classify ul li:hover span {
        background: #0043ff;
        color: #fff; }
    .classify ul li img {
      width: 250px;
      height: 250px;
      margin: 54px 0 36px; }
    .classify ul li h4 {
      font-size: 14px;
      font-weight: bold;
      color: #5a5a5a;
      margin-bottom: 14px;
      padding: 0 32px; }
    .classify ul li p {
      color: #a0a0a0;
      width: 200px;
      line-height: 18px;
      text-align: justify;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      -webkit-line-clamp: 2;
      text-align: center;
      height: 36px;
      margin-bottom: 50px; }
    .classify ul li:nth-child(3n + 3) {
      margin-right: 0; }
    .classify ul li span {
      width: 89px;
      height: 24px;
      line-height: 22px;
      border: 1px solid #0043ff;
      border-radius: 12px;
      text-align: center;
      color: #0043ff;
      cursor: pointer;
      margin-bottom: 24px; }

.classify-page {
  text-align: center;
  padding: 60px 0 104px !important;
  justify-content: center; }

@charset "UTF-8";
.company {
  width: 100%;
  background-color: #f1f2f4; }
  .company .contact-banner {
    margin-top: 70px; }
  .company .contact-infor {
    width: 1200px;
    padding-bottom: 180px;
    margin-top: 120px; }

.company-top {
  padding-bottom: 30px; }

.company-us .top {
  height: 350px;
  position: relative;
  margin-top: 120px; }
  .company-us .top .left {
    width: 311px;
    height: 63px;
    font-size: 25px;
    font-weight: 400;
    color: #3D3D3D;
    line-height: 38px; }
  .company-us .top img {
    width: 730px;
    height: 227px;
    margin-left: 314px;
    margin-top: 20px; }
  .company-us .top .right {
    width: 298px;
    height: 63px;
    font-size: 25px;
    font-weight: 400;
    color: #3D3D3D;
    line-height: 38px;
    position: absolute;
    right: 0px;
    bottom: 0px; }

.company-us .hz {
  margin-top: 59px; }
  .company-us .hz img {
    width: 100%;
    height: 664px; }

.history-box-c {
  background-color: #f0f2f6; }
  .history-box-c .history {
    width: 1200px;
    margin: 70px auto 0px; }
    .history-box-c .history .company-1 ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .history-box-c .history .company-1 ul li {
        width: 589px;
        height: 536px;
        box-sizing: border-box;
        margin-bottom: 40px;
        position: relative; }
        .history-box-c .history .company-1 ul li .item-1 {
          position: absolute;
          z-index: 1;
          top: 82px;
          left: 43px; }
          .history-box-c .history .company-1 ul li .item-1 > p:nth-child(1) {
            height: 40px;
            font-size: 30px;
            color: #FFFFFF; }
          .history-box-c .history .company-1 ul li .item-1 > p:nth-child(2) {
            font-size: 15px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 28px;
            margin-top: 36px;
            width: 81%; }
        .history-box-c .history .company-1 ul li .item-2 {
          position: absolute;
          z-index: 1;
          top: 76px;
          left: 57px;
          font-size: 15px;
          font-weight: 400;
          color: #0043FF;
          line-height: 28px;
          width: 80%; }
          .history-box-c .history .company-1 ul li .item-2 img {
            width: 130px; }
          .history-box-c .history .company-1 ul li .item-2 > p:nth-child(2) {
            margin-top: 38px;
            font-size: 15px; }
          .history-box-c .history .company-1 ul li .item-2 > p:nth-child(3) {
            margin-top: 20px;
            margin-bottom: 20px; }
        .history-box-c .history .company-1 ul li .item-3 {
          position: absolute;
          z-index: 1;
          top: 408px;
          left: 48px;
          font-size: 18px;
          font-weight: 400;
          color: #0043FF;
          line-height: 34px;
          width: 80%; }
          .history-box-c .history .company-1 ul li .item-3 > p:nth-child(1) {
            font-size: 30px;
            color: #FFFFFF; }
          .history-box-c .history .company-1 ul li .item-3 > p:nth-child(2) {
            font-size: 18px;
            font-weight: 400;
            color: #FFFFFF;
            margin-top: 10px;
            width: 93%; }
        .history-box-c .history .company-1 ul li > img {
          width: 100%;
          height: 100%; }
    .history-box-c .history .company-2 {
      position: relative; }
      .history-box-c .history .company-2 h3 {
        font-size: 38px;
        color: #141414;
        line-height: 30px;
        margin-top: 65px;
        margin-bottom: 50px;
        color: #1E1E1E;
        height: 49px;
        text-align: center; }
      .history-box-c .history .company-2 .text-box {
        font-size: 15px;
        color: #1E1E1E;
        font-weight: 400;
        color: #1E1E1E;
        line-height: 46px;
        position: absolute;
        right: 240px;
        top: 230px; }
      .history-box-c .history .company-2 img {
        width: 100%; }
    .history-box-c .history .company-3 {
      position: relative; }
      .history-box-c .history .company-3 h3 {
        font-size: 38px;
        color: #141414;
        margin-top: 84px;
        height: 49px;
        text-align: center; }
      .history-box-c .history .company-3 h4 {
        height: 43px;
        font-size: 24px;
        font-weight: 400;
        color: #000000;
        margin-top: 24px;
        text-align: center; }
        .history-box-c .history .company-3 h4 span {
          color: #0043FF; }
      .history-box-c .history .company-3 .c-box {
        margin-top: 48px;
        background-image: url("https://imagepc.ctaiot.com/official_website/site/c-bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 1110px;
        overflow: hidden; }
        .history-box-c .history .company-3 .c-box .c-6 {
          width: 977px;
          height: 577px;
          margin: 11px auto; }
      .history-box-c .history .company-3 .text-box {
        width: 670px;
        margin: 0px auto;
        text-align: left; }
        .history-box-c .history .company-3 .text-box .text-1 {
          margin-top: 89px;
          font-size: 15px;
          font-weight: 400;
          color: #1E1E1E;
          text-align: center; }
        .history-box-c .history .company-3 .text-box .text-2 {
          margin-top: 39px;
          font-size: 15px;
          font-weight: 400;
          color: #1E1E1E;
          text-align: center; }
        .history-box-c .history .company-3 .text-box .text-3 {
          font-size: 15px;
          font-weight: 400;
          color: #1E1E1E;
          text-align: center;
          margin-top: 5px; }
        .history-box-c .history .company-3 .text-box img {
          width: 42px;
          height: 49px;
          margin: 33px auto 32px; }
        .history-box-c .history .company-3 .text-box .text-4 {
          font-size: 30px;
          font-weight: 400;
          color: #0043FF;
          text-align: center; }
      .history-box-c .history .company-3 img {
        width: 100%;
        height: 490px; }

.dev-history-box {
  width: 100%;
  height: 848px;
  box-sizing: border-box;
  padding: 114px 0px;
  background-color: #ffffff; }
  .dev-history-box .dev-history {
    display: flex;
    width: 1200px;
    margin: 0px auto; }
    .dev-history-box .dev-history .left .text {
      font-size: 38px;
      color: #141414;
      margin-top: 215px;
      margin-left: 0px;
      width: 250px; }
    .dev-history-box .dev-history .left .btn-box {
      position: relative;
      margin-top: 70px;
      width: 200px; }
      .dev-history-box .dev-history .left .btn-box .prev {
        position: absolute;
        left: -7px;
        margin-top: 0;
        outline: none;
        z-index: 1;
        cursor: pointer; }
        .dev-history-box .dev-history .left .btn-box .prev img {
          width: 54px;
          height: 54px; }
      .dev-history-box .dev-history .left .btn-box .next {
        position: absolute;
        margin-top: 0;
        right: 42px;
        z-index: 1;
        cursor: pointer;
        outline: none; }
        .dev-history-box .dev-history .left .btn-box .next img {
          width: 54px;
          height: 54px; }
    .dev-history-box .dev-history .right {
      width: 948px;
      position: relative; }
      .dev-history-box .dev-history .right .solution-swiper {
        width: 100%; }
        .dev-history-box .dev-history .right .solution-swiper .swiper-slide {
          width: 316px !important;
          padding: 0px 30px 0px 30px;
          border-left: 1px solid #ECEBF2;
          position: relative;
          height: 519px; }
          .dev-history-box .dev-history .right .solution-swiper .swiper-slide:last-child {
            border-right: 1px solid #ECEBF2; }
          .dev-history-box .dev-history .right .solution-swiper .swiper-slide .text-1 {
            margin-top: 75px;
            font-size: 60px;
            font-weight: 400;
            height: 68px;
            color: #DBE0E7; }
          .dev-history-box .dev-history .right .solution-swiper .swiper-slide .text-2 {
            font-size: 18px;
            font-weight: 500;
            color: #0043FF;
            margin-top: 75px; }
          .dev-history-box .dev-history .right .solution-swiper .swiper-slide .text-3 {
            font-size: 15px;
            font-weight: 400;
            color: #78797B;
            margin-top: 35px; }
          .dev-history-box .dev-history .right .solution-swiper .swiper-slide img {
            width: 260px;
            height: 147px;
            position: absolute;
            bottom: 17px; }

.ry-box {
  background: linear-gradient(to bottom, #f9f9fb, #c5c9d3);
  /* 标准语法 */
  overflow: hidden; }
  .ry-box .ry {
    width: 100%;
    height: 1022px; }
    .ry-box .ry h2 {
      height: 47px;
      font-size: 38px;
      color: #141414;
      margin-top: 100px;
      text-align: center; }
    .ry-box .ry ul {
      width: 1050px;
      margin: 0px auto;
      display: flex;
      margin-top: 63px; }
      .ry-box .ry ul li {
        width: 348px;
        border-right: 1px solid #ffffff; }
        .ry-box .ry ul li:last-child {
          border-right: 0px solid #ffffff; }
        .ry-box .ry ul li .text-1 {
          display: flex;
          justify-content: center; }
          .ry-box .ry ul li .text-1 .t-1 {
            height: 102px;
            font-size: 60px;
            color: #0043FF; }
          .ry-box .ry ul li .text-1 .t-2 {
            font-size: 24px;
            color: #1E1E1E;
            margin-top: 35px;
            margin-left: 2px; }
        .ry-box .ry ul li .text-2 {
          height: 25px;
          font-size: 24px;
          font-weight: 400;
          color: #1E1E1E;
          text-align: center; }
    .ry-box .ry img {
      width: 1230px;
      height: 457px;
      margin: 0px auto;
      margin-top: 75px; }

.switch {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
  background-color: #ffffff;
  margin-top: 30px; }
  .switch li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 184px;
    padding: 18px 0;
    cursor: pointer; }
    .switch li.active {
      color: #0043FF; }
    .switch li:last-child {
      margin-right: 0; }
    .switch li img {
      width: 45px;
      height: 45px;
      margin-right: 18px; }

@charset "UTF-8";
.contact {
  width: 100%; }
  .contact .contact-banner {
    margin-top: 70px; }

.contact-infor-box {
  margin-top: 24px;
  background: linear-gradient(to bottom, #ffffff 0px, #f0f1f5 1738px, #f0f1f5);
  /* 标准语法 */ }

.contact-infor {
  width: 1200px;
  padding-bottom: 180px;
  margin-top: 0px; }
  .contact-infor h5 {
    text-align: center;
    padding: 70px 0;
    text-align: center;
    font-weight: 600;
    font-size: 38px;
    color: #1E1E1E; }
  .contact-infor ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between; }
    .contact-infor ul .item-1 {
      width: 580px;
      height: 276px;
      padding: 68px 0px 68px 156px;
      background-color: #F0F1F5;
      box-sizing: border-box;
      border-radius: 60px;
      justify-content: center;
      display: flex;
      flex-flow: column; }
      .contact-infor ul .item-1 .title-item {
        font-size: 30px;
        color: #212121;
        margin-bottom: 38px; }
      .contact-infor ul .item-1 .text {
        display: flex;
        align-items: center;
        font-size: 24px;
        font-weight: 400;
        color: #1C1C1C; }
        .contact-infor ul .item-1 .text img {
          width: 24px;
          height: 24px;
          margin-right: 15px; }
    .contact-infor ul .item-2 {
      width: 580px;
      height: 277px;
      padding: 68px 0px 68px 156px;
      background-color: #F0F1F5;
      box-sizing: border-box;
      border-radius: 60px;
      justify-content: center;
      display: flex;
      flex-flow: column; }
      .contact-infor ul .item-2 .title-item {
        font-size: 30px;
        color: #212121;
        margin-bottom: 38px; }
      .contact-infor ul .item-2 .text {
        display: flex;
        align-items: center;
        font-size: 24px;
        font-weight: 400;
        color: #1C1C1C; }
        .contact-infor ul .item-2 .text img {
          width: 24px;
          height: 24px;
          margin-right: 16px; }
    .contact-infor ul .item-3 {
      width: 387px;
      height: 277px;
      padding: 68px 0px 68px 80px;
      background-color: #F0F1F5;
      box-sizing: border-box;
      border-radius: 60px;
      justify-content: center;
      display: flex;
      flex-flow: column; }
      .contact-infor ul .item-3 .title-item {
        font-size: 30px;
        color: #212121;
        margin-bottom: 38px; }
      .contact-infor ul .item-3 .text {
        display: flex;
        align-items: center;
        font-size: 24px;
        font-weight: 400;
        color: #1C1C1C; }
        .contact-infor ul .item-3 .text img {
          width: 24px;
          height: 24px; }
  .contact-infor .hz-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 90px; }
    .contact-infor .hz-box .left {
      margin-top: 80px; }
    .contact-infor .hz-box .text-1 {
      font-size: 30px;
      color: #1E1E1E;
      margin-bottom: 9px; }
    .contact-infor .hz-box .text-2 {
      font-size: 18px;
      line-height: 30px;
      font-weight: 400;
      color: #1E1E1E;
      width: 340px;
      margin-bottom: 82px; }
    .contact-infor .hz-box img {
      width: 598px;
      height: 624px; }
  .contact-infor .link-us {
    position: relative;
    margin-top: 100px; }
    .contact-infor .link-us .bg {
      position: relative; }
      .contact-infor .link-us .bg img {
        width: 100%;
        height: 440px; }
      .contact-infor .link-us .bg div {
        height: 37px;
        font-size: 38px;
        color: #FFFFFF;
        margin-top: 144px;
        width: 100%;
        letter-spacing: 4px;
        text-align: center;
        position: absolute; }
    .contact-infor .link-us .link-code {
      width: 950px;
      height: 250px;
      background-color: #ffffff;
      border-radius: 50px;
      position: absolute;
      left: 125px;
      top: 293px;
      display: flex;
      padding: 32px 112px;
      box-sizing: border-box; }
      .contact-infor .link-us .link-code .item img {
        width: 142px;
        height: 142px; }
      .contact-infor .link-us .link-code .item div {
        text-align: center;
        font-size: 18px;
        color: #1E1E1E; }
      .contact-infor .link-us .link-code .item:nth-child(2) {
        margin: 0px 151px; }

.switch {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
  background-color: #ffffff;
  margin-top: 30px; }
  .switch li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 184px;
    padding: 18px 0;
    cursor: pointer; }
    .switch li.active {
      color: #0043FF; }
    .switch li:last-child {
      margin-right: 0; }
    .switch li img {
      width: 45px;
      height: 45px;
      margin-right: 18px; }

.cooperation {
  padding-top: 70px; }
  .cooperation h3 {
    font-size: 38px;
    font-weight: 500;
    color: #333333;
    padding: 40px 0;
    text-align: center; }
  .cooperation label {
    font-size: 16px !important;
    color: #333333 !important;
    padding-bottom: 8px !important;
    height: 24px !important; }
  .cooperation .ant-form-item {
    margin-bottom: 32px !important; }
  .cooperation .ant-select-selection-placeholder {
    line-height: 48px !important; }
  .cooperation .ant-select-selection-item {
    line-height: 48px !important; }
  .cooperation .ant-select-selector {
    height: 48px !important; }
  .cooperation .ant-select-selection-search-input {
    height: 48px !important;
    line-height: 48px !important; }
  .cooperation .submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 156px;
    height: 48px;
    background: #0043FF;
    border-radius: 6px;
    margin-bottom: 200px;
    margin-top: 24px; }

.service {
  margin-top: 70px; }
  .service .service-banner {
    display: flex;
    height: 670px;
    background: linear-gradient(180deg, #F5F8FF 0%, #F5F8FF 50%, #FFFFFF 100%); }
    .service .service-banner .content {
      display: flex; }
      .service .service-banner .content .left h3 {
        font-size: 50px;
        font-weight: bold;
        margin: 120px 0 16px; }
      .service .service-banner .content .left p {
        width: 493px;
        color: #999;
        line-height: 33px;
        margin-bottom: 32px;
        font-size: 24px; }
      .service .service-banner .content .left .button {
        width: 160px;
        height: 55px;
        line-height: 55px;
        background: #0043FF;
        box-shadow: 0px 2px 10px 0px rgba(4, 151, 255, 0.3);
        border-radius: 8px;
        font-size: 20px;
        text-align: center;
        color: #fff;
        cursor: pointer; }
      .service .service-banner .content img {
        width: 703px; }

.hot-course h3 {
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: bold;
  margin: 80px 0 24px; }

.hot-course .hot-list {
  display: flex;
  margin-bottom: 104px; }
  .hot-course .hot-list .hot-item {
    flex: 0 0 584px;
    height: 312px;
    background: #F8FAFD;
    border-radius: 8px;
    padding: 0 24px;
    margin-right: 32px;
    margin-bottom: 24px; }
    .hot-course .hot-list .hot-item:nth-child(even) {
      margin-right: 0; }
    .hot-course .hot-list .hot-item h4 {
      display: flex;
      align-items: center;
      font-size: 18px;
      font-weight: bold;
      margin: 12px 0; }
      .hot-course .hot-list .hot-item h4 img {
        display: block;
        width: 40px;
        margin-right: 8px; }
    .hot-course .hot-list .hot-item ul {
      height: 200px;
      overflow: hidden; }
      .hot-course .hot-list .hot-item ul li {
        height: 40px;
        line-height: 40px;
        position: relative;
        padding-left: 20px;
        margin-right: 32px;
        cursor: pointer; }
        .hot-course .hot-list .hot-item ul li:hover {
          color: #0043FF; }
          .hot-course .hot-list .hot-item ul li:hover a {
            text-decoration: underline; }
        .hot-course .hot-list .hot-item ul li::after {
          position: absolute;
          content: "";
          width: 4px;
          height: 4px;
          background: #333333;
          border-radius: 100%;
          left: 0;
          top: 18px; }
    .hot-course .hot-list .hot-item .all-course {
      height: 48px;
      line-height: 48px;
      border-top: 1px solid #E5E5E5;
      color: #0043FF;
      cursor: pointer; }
      .hot-course .hot-list .hot-item .all-course:hover {
        text-decoration: underline; }
    .hot-course .hot-list .hot-item:hover {
      background: #FFFFFF;
      box-shadow: 0px 24px 72px -8px rgba(0, 0, 0, 0.08), 0px 4px 8px -4px rgba(0, 0, 0, 0.02);
      border-radius: 8px; }

.search-inp {
  text-align: right; }

.search-inp {
  display: flex;
  justify-content: flex-end;
  margin: 40px 0; }
  .search-inp .download-search {
    border: 1px solid #cccccc;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 400px; }
    .search-inp .download-search.active {
      border-color: #0043ff; }
    .search-inp .download-search input {
      width: 360px;
      height: 48px;
      text-indent: 16px; }
    .search-inp .download-search span {
      cursor: pointer;
      padding: 5px 14px; }
      .search-inp .download-search span img {
        width: 19px; }

.switch {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
  background-color: #ffffff;
  margin-top: 30px; }
  .switch li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 154px;
    padding: 18px 0;
    cursor: pointer; }
    .switch li.active {
      color: #0043FF; }
      .switch li.active:nth-child(1) .icon {
        background: #F7F7F7 url("/static/images/icon-printeron.png") no-repeat;
        background-size: 100% 100%; }
      .switch li.active:nth-child(2) .icon {
        background: #F7F7F7 url("/static/images/icon-scanon.png") no-repeat;
        background-size: 100% 100%; }
      .switch li.active:nth-child(3) .icon {
        background: #F7F7F7 url("/static/images/icon-collectoron.png") no-repeat;
        background-size: 100% 100%; }
      .switch li.active:nth-child(4) .icon {
        background: #F7F7F7 url("/static/images/icon-editsofton.png") no-repeat;
        background-size: 100% 100%; }
    .switch li:last-child {
      margin-right: 0; }
    .switch li:nth-child(1):hover .icon {
      background: #F7F7F7 url("/static/images/icon-printeron.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(1) .icon {
      background: #F7F7F7 url("/static/images/icon-printer.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(2):hover .icon {
      background: #F7F7F7 url("/static/images/icon-scanon.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(2) .icon {
      background: #F7F7F7 url("/static/images/icon-scan.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(3):hover .icon {
      background: #F7F7F7 url("/static/images/icon-collectoron.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(3) .icon {
      background: #F7F7F7 url("/static/images/icon-collector.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(4):hover .icon {
      background: #F7F7F7 url("/static/images/icon-editsofton.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(4) .icon {
      background: #F7F7F7 url("/static/images/icon-editsoft.png") no-repeat;
      background-size: 100% 100%; }
    .switch li .icon {
      width: 45px;
      height: 45px;
      margin-right: 18px;
      border-radius: 100%; }

.page {
  text-align: center;
  margin-bottom: 10px; }

.pagelist {
  text-align: center;
  margin-bottom: 104px; }

.submit-feedback {
  height: 32px;
  line-height: 32px;
  color: #666666;
  font-size: 14px;
  text-align: center;
  margin-bottom: 50px;
  visibility: visible; }
  .submit-feedback.hidden {
    visibility: hidden; }
  .submit-feedback span {
    color: #0043FF;
    margin-left: 4px;
    cursor: pointer; }

.course-list {
  display: flex;
  flex-wrap: wrap;
  margin: 48px auto; }
  .course-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 270px;
    margin-right: 40px;
    border: 1px solid #eeeeee;
    background: #fff;
    padding: 19px 0 51px;
    margin-bottom: 30px;
    transition: all 0.3s linear;
    cursor: pointer; }
    .course-list li:hover {
      box-shadow: 0px 7px 49px 0px rgba(203, 203, 203, 0.48);
      border-color: transparent; }
    .course-list li img {
      width: 182px;
      height: 182px;
      margin-bottom: 40px; }
    .course-list li:nth-of-type(4n + 4) {
      margin-right: 0; }
    .course-list li span {
      padding: 0 12px; }

.norecord {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .norecord img {
    width: 111px;
    height: 135px;
    margin: 210px 0 50px; }
  .norecord p {
    color: #666666;
    font-size: 20px;
    padding-bottom: 210px; }

.detailscont {
  width: 1000px;
  margin: 0 auto;
  font-size: 16px; }

.title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-top: 30px; }

.detailscont {
  padding-bottom: 30px; }
  .detailscont img {
    display: inline-block;
    max-width: 800px; }

.contact {
  width: 100%; }
  .contact .contact-banner {
    margin-top: 70px; }

.content h1 {
  margin: 120px 0 64px;
  font-size: 38px;
  font-weight: bold;
  text-align: center; }

.content .path {
  display: block;
  width: 100%; }

.content .sdk-item {
  display: flex;
  flex-wrap: wrap; }
  .content .sdk-item .sdk-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F8FAFD;
    border-radius: 8px;
    margin-right: 32px;
    margin-bottom: 32px;
    flex: 30%; }
    .content .sdk-item .sdk-list:nth-child(3n+3) {
      margin-right: 0; }
    .content .sdk-item .sdk-list img {
      display: block;
      width: 46px;
      margin: 56px 0 26px; }
    .content .sdk-item .sdk-list h4 {
      font-size: 18px;
      margin-bottom: 16px; }
    .content .sdk-item .sdk-list p {
      font-size: 14px;
      color: #999;
      line-height: 20px;
      margin-bottom: 24px;
      height: 40px;
      width: 240px;
      text-align: center; }
      .content .sdk-item .sdk-list p.manual {
        width: 390px; }
    .content .sdk-item .sdk-list .btn {
      width: 200px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: #FFFFFF;
      box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.08);
      border-radius: 4px;
      border: 1px solid #EEEEEE;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 32px;
      color: #333;
      cursor: pointer; }
      .content .sdk-item .sdk-list .btn:hover {
        box-shadow: 0px 4px 24px 0px rgba(0, 67, 255, 0.5);
        border-radius: 4px;
        backdrop-filter: blur(1px);
        color: #FFFFFF;
        background: #0043FF;
        border-color: #0043FF; }

.content .develop-item {
  display: flex;
  flex-wrap: wrap; }
  .content .develop-item .support-list {
    display: flex;
    align-items: center;
    width: 580px;
    height: 172px;
    border-radius: 8px;
    margin-right: 32px;
    margin-bottom: 32px;
    cursor: pointer; }
    .content .develop-item .support-list:hover {
      background: #0043FF;
      box-shadow: 0px 4px 24px 0px rgba(0, 67, 255, 0.5);
      backdrop-filter: blur(1px);
      color: #fff; }
      .content .develop-item .support-list:hover p {
        color: #fff; }
    .content .develop-item .support-list:nth-child(2n+2) {
      margin-right: 0; }
    .content .develop-item .support-list:nth-child(1) .icon {
      background: #F7F7F7 url("/static/images/service6.png") no-repeat;
      background-size: 64px 64px; }
    .content .develop-item .support-list:nth-child(1):hover .icon {
      background: #fff url("/static/images/service6on.png") no-repeat;
      background-size: 64px 64px; }
    .content .develop-item .support-list:nth-child(2) .icon {
      background: #F7F7F7 url("/static/images/service7.png") no-repeat;
      background-size: 64px 64px; }
    .content .develop-item .support-list:nth-child(2):hover .icon {
      background: #fff url("/static/images/service7on.png") no-repeat;
      background-size: 64px 64px; }
    .content .develop-item .support-list:nth-child(3) .icon {
      background: #F7F7F7 url("/static/images/service8.png") no-repeat;
      background-size: 64px 64px; }
    .content .develop-item .support-list:nth-child(3):hover .icon {
      background: #fff url("/static/images/service8on.png") no-repeat;
      background-size: 64px 64px; }
    .content .develop-item .support-list:nth-child(4) .icon {
      background: #F7F7F7 url("/static/images/service9.png") no-repeat;
      background-size: 64px 64px; }
    .content .develop-item .support-list:nth-child(4):hover .icon {
      background: #fff url("/static/images/service9on.png") no-repeat;
      background-size: 64px 64px; }
    .content .develop-item .support-list .icon {
      width: 64px;
      height: 64px;
      margin: 0 24px 0 32px;
      background: #fff url("/static/images/service6.png") no-repeat;
      background-size: 64px 64px;
      border-radius: 100%; }
    .content .develop-item .support-list h3 {
      font-size: 24px;
      margin-bottom: 8px;
      font-weight: bold; }
    .content .develop-item .support-list p {
      width: 428px;
      font-size: 16px;
      color: #999;
      line-height: 24px; }

.developer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 240px;
  background: #F8FAFD;
  border-radius: 8px;
  padding: 0 40px;
  margin-bottom: 120px; }
  .developer .right img {
    width: 176px; }
  .developer h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px; }
  .developer h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px; }
    .developer h5 span {
      font-size: 14px;
      color: #999;
      margin-left: 8px;
      font-weight: normal; }
  .developer p {
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 7px; }
    .developer p img {
      width: 24px;
      margin-right: 8px; }

.service {
  margin-top: 70px; }
  .service .dlabel-banner {
    display: flex;
    height: 670px;
    background: linear-gradient(180deg, #F5F8FF 0%, #F5F8FF 50%, #FFFFFF 100%); }
    .service .dlabel-banner .content {
      display: flex; }
      .service .dlabel-banner .content .left h3 {
        font-size: 50px;
        font-weight: bold;
        margin: 120px 0 16px; }
      .service .dlabel-banner .content .left p {
        width: 493px;
        color: #999;
        line-height: 33px;
        margin-bottom: 32px;
        font-size: 24px; }
      .service .dlabel-banner .content .left .button {
        width: 160px;
        height: 55px;
        line-height: 55px;
        background: #0043FF;
        box-shadow: 0px 2px 10px 0px rgba(4, 151, 255, 0.3);
        border-radius: 8px;
        font-size: 20px;
        text-align: center;
        color: #fff;
        cursor: pointer; }
        .service .dlabel-banner .content .left .button:hover {
          background: rgba(0, 67, 255, 0.3);
          box-shadow: 0px 2px 10px 0px rgba(4, 151, 255, 0.3); }
      .service .dlabel-banner .content img {
        width: 703px;
        height: 440px;
        margin-top: 85px; }
  .service .content .big-video {
    width: 1200px;
    margin: 80px 0 60px; }
  .service .content .big-video video {
    width: 100%;
    height: 100%;
    border-radius: 15px; }
  .service .content h4 {
    font-size: 38px;
    margin-bottom: 60px;
    text-align: center;
    font-weight: bold; }
  .service .content .core-list {
    margin-bottom: 88px; }
    .service .content .core-list ul {
      display: flex;
      flex-wrap: wrap; }
      .service .content .core-list ul li {
        display: flex;
        width: 378px;
        height: 216px;
        border-radius: 16px;
        margin-right: 32px;
        margin-bottom: 32px; }
        .service .content .core-list ul li:nth-child(3n+3) {
          margin-right: 0; }
        .service .content .core-list ul li img {
          width: 56px;
          height: 56px;
          margin: 40px 24px 0 40px; }
        .service .content .core-list ul li .right h5 {
          margin: 50px 0 16px;
          font-size: 24px;
          font-weight: bold; }
        .service .content .core-list ul li .right p {
          color: #999999;
          line-height: 24px;
          font-size: 16px; }
  .service .content .easy-use .easy-title {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #E6E9F2;
    margin-bottom: 80px; }
    .service .content .easy-use .easy-title span {
      position: relative;
      font-size: 24px;
      padding-bottom: 20px;
      margin-right: 212px;
      cursor: pointer; }
      .service .content .easy-use .easy-title span:last-child {
        margin-right: 0; }
      .service .content .easy-use .easy-title span.active {
        color: #0043FF; }
        .service .content .easy-use .easy-title span.active::after {
          position: absolute;
          content: "";
          width: 56px;
          height: 4px;
          background: #0043FF;
          left: 20px;
          bottom: 0; }
  .service .content .easy-use .easy-content .func-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 52px; }
  .service .content .easy-use .easy-content .func-item:last-child {
    margin-bottom: 140px; }
  .service .content .easy-use .easy-content .func-video {
    width: 724px; }
  .service .content .easy-use .easy-content .func-video img {
    width: 100%;
    height: 100%; }
  .service .content .easy-use .easy-content .func-video video {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .service .content .easy-use .easy-content video:focus {
    outline: none; }
  .service .content .easy-use .easy-content .func-describe {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 342px; }
  .service .content .easy-use .easy-content .func-describe p {
    font-size: 18px;
    text-align: justify;
    color: #666666;
    line-height: 33px; }
  .service .content .application {
    margin-bottom: 88px; }
    .service .content .application ul {
      display: flex;
      flex-wrap: wrap; }
      .service .content .application ul li {
        width: 276px;
        height: 288px;
        background: #FFFFFF;
        box-shadow: 0px 6px 32px 0px rgba(231, 231, 231, 0.4);
        border-radius: 8px;
        margin-right: 32px;
        margin-bottom: 32px; }
        .service .content .application ul li:nth-child(4n+4) {
          margin-right: 0; }
        .service .content .application ul li img {
          display: block;
          width: 276px;
          height: 208px; }
        .service .content .application ul li p {
          line-height: 80px;
          font-weight: bold;
          font-size: 18px;
          text-align: center; }

.download .content {
  padding-top: 80px;
  position: relative; }
  .download .content.tab-download {
    padding-top: 0; }
  .download .content .soft-tab .download-search {
    position: absolute;
    border: 1px solid #cccccc;
    bottom: 10px;
    right: 0;
    display: flex;
    align-items: center;
    overflow: hidden; }
    .download .content .soft-tab .download-search.active {
      border-color: #0043ff; }
    .download .content .soft-tab .download-search input {
      width: 160px;
      height: 30px;
      text-indent: 16px; }
    .download .content .soft-tab .download-search span {
      cursor: pointer;
      padding: 5px 14px; }
      .download .content .soft-tab .download-search span img {
        width: 19px; }

.download .download-list {
  display: flex;
  justify-content: center;
  padding-top: 80px; }
  .download .download-list li {
    position: relative;
    font-size: 26px;
    padding-bottom: 30px;
    margin-right: 80px;
    cursor: pointer;
    flex-shrink: 0; }
    .download .download-list li:last-child {
      margin-right: 0; }
    .download .download-list li.active {
      color: #0043ff; }
      .download .download-list li.active:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 3px;
        background: #0043ff;
        border-radius: 3px 3px 0px 0px;
        bottom: 0;
        left: 0; }

.download .trouble-list {
  height: 41px; }
  .download .trouble-list li {
    position: relative;
    float: left;
    font-size: 14px;
    height: 40px;
    margin-right: 35px;
    cursor: pointer;
    font-weight: bold; }
    .download .trouble-list li span {
      display: block;
      text-align: center;
      width: 84px;
      padding-bottom: 20px; }
    .download .trouble-list li.active {
      color: #0043ff; }
      .download .trouble-list li.active:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 3px;
        background: #0043ff;
        border-radius: 3px 3px 0px 0px;
        bottom: 0;
        left: 0; }

.download .tab-cont .norecord {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .download .tab-cont .norecord img {
    width: 111px;
    height: 135px;
    margin: 210px 0 50px; }
  .download .tab-cont .norecord p {
    color: #666666;
    font-size: 20px;
    padding-bottom: 210px; }

.download .tab-cont .download-search {
  width: 568px;
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 77px auto 50px; }
  .download .tab-cont .download-search.active {
    border-color: #0043ff; }
  .download .tab-cont .download-search input {
    width: 519px;
    height: 36px;
    text-indent: 16px; }
  .download .tab-cont .download-search span {
    cursor: pointer;
    padding: 5px 14px; }
    .download .tab-cont .download-search span img {
      width: 19px; }

.download .tab-cont .tool-list li {
  display: flex;
  justify-content: space-between;
  height: 70px;
  align-items: center;
  padding: 0 40px;
  border: 1px solid #e5e5e5;
  height: 80px;
  line-height: 80px;
  margin-top: 28px; }
  .download .tab-cont .tool-list li:first-child {
    margin-top: 40px; }
  .download .tab-cont .tool-list li:hover {
    box-shadow: 0px 0px 30px 0px rgba(231, 231, 231, 0.38); }
    .download .tab-cont .tool-list li:hover span {
      color: #0043ff; }
    .download .tab-cont .tool-list li:hover a {
      background: #0043ff;
      color: #fff; }
  .download .tab-cont .tool-list li b {
    color: #999999; }
  .download .tab-cont .tool-list li span {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #808080; }
  .download .tab-cont .tool-list li a {
    display: block;
    cursor: pointer;
    width: 108px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #0043ff;
    color: #0043ff; }

.download .tab-cont .course-list {
  display: flex;
  flex-wrap: wrap;
  margin: 48px auto; }
  .download .tab-cont .course-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 270px;
    margin-right: 40px;
    border: 1px solid #eeeeee;
    background: #fff;
    padding: 19px 0 51px;
    margin-bottom: 30px;
    transition: all 0.3s linear;
    cursor: pointer; }
    .download .tab-cont .course-list li:hover {
      box-shadow: 0px 7px 49px 0px rgba(203, 203, 203, 0.48);
      border-color: transparent; }
    .download .tab-cont .course-list li img {
      width: 182px;
      height: 182px;
      margin-bottom: 40px; }
    .download .tab-cont .course-list li:nth-of-type(4n + 4) {
      margin-right: 0; }

.download .introduce {
  padding-bottom: 57px; }
  .download .introduce img {
    width: 85px;
    height: 85px;
    margin-right: 12px; }
  .download .introduce .intro-cont h6 {
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 69px 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 18px; }
    .download .introduce .intro-cont h6 img {
      display: inline-block;
      width: 27px;
      height: 27px;
      margin: 0 12px 0 0; }
  .download .introduce .intro-cont p {
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    color: #666; }
  .download .introduce .intro-cont .item {
    margin-bottom: 10px; }

.download .app-download.ttl-download {
  margin-bottom: 104px; }
  .download .app-download.ttl-download ol {
    justify-content: center; }

.download .app-download ol {
  display: flex;
  justify-content: start;
  margin-bottom: 88px;
  flex-wrap: wrap; }
  .download .app-download ol li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 378px;
    height: 280px;
    background: #F8FAFD;
    border-radius: 16px;
    margin-right: 32px;
    margin-bottom: 32px;
    cursor: pointer; }
    .download .app-download ol li:nth-child(3n+3) {
      margin-right: 0; }
    .download .app-download ol li span {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 16px; }
    .download .app-download ol li p {
      width: 314px;
      color: #999999;
      line-height: 20px;
      font-size: 14px;
      text-align: center; }
    .download .app-download ol li .icon {
      display: flex;
      width: 100%;
      height: 100%;
      flex-direction: column;
      align-items: center;
      font-size: 18px;
      cursor: pointer; }
    .download .app-download ol li:last-child {
      margin-right: 0; }
    .download .app-download ol li.active:hover {
      box-shadow: 0px 4px 20px 0px rgba(231, 231, 231, 0.4);
      background: #0043FF; }
      .download .app-download ol li.active:hover .code {
        display: block; }
      .download .app-download ol li.active:hover .icon {
        display: none; }
    .download .app-download ol li a {
      display: flex;
      width: 373px;
      height: 406px;
      background: linear-gradient(#f4fbff, #fcfeff);
      align-items: center;
      justify-content: center;
      flex-direction: column;
      color: #0043ff; }
      .download .app-download ol li a b {
        display: none; }
      .download .app-download ol li a:hover span {
        display: none; }
      .download .app-download ol li a:hover b {
        display: block; }
    .download .app-download ol li .code {
      display: none;
      position: absolute;
      top: 24px;
      padding: 2px;
      text-align: center; }
      .download .app-download ol li .code canvas {
        border-radius: 4px; }
      .download .app-download ol li .code img {
        width: 219px;
        height: 219px;
        margin-bottom: 0; }
      .download .app-download ol li .code em {
        display: block;
        text-align: center;
        font-size: 18px;
        margin-top: 18px;
        color: #fff; }
    .download .app-download ol li img {
      width: 106px;
      height: 106px;
      margin-bottom: 16px;
      margin-top: 24px; }

.switch {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
  margin-top: 37px; }
  .switch li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 205px;
    padding: 18px 0;
    cursor: pointer; }
    .switch li.active {
      color: #0043ff; }
    .switch li:last-child {
      margin-right: 0; }
    .switch li img {
      width: 45px;
      height: 45px;
      margin-right: 18px; }

.sdkdownload {
  padding-bottom: 190px; }
  .sdkdownload ol {
    display: flex;
    justify-content: center; }
    .sdkdownload ol li {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 285px;
      align-items: center;
      height: 355px;
      box-sizing: border-box;
      background: linear-gradient(#f4fbff, #fcfeff);
      border-right: 1px solid #C9DFFF;
      cursor: pointer; }
      .sdkdownload ol li:first-child {
        border-right: 0; }
      .sdkdownload ol li:last-child {
        border-right: 0; }
      .sdkdownload ol li.sdklist {
        position: relative; }
        .sdkdownload ol li.sdklist a {
          width: 100%;
          height: 50%;
          background: url("/static/images/bg1.png") no-repeat;
          background-size: 100% 100%; }
          .sdkdownload ol li.sdklist a:hover span {
            display: none; }
          .sdkdownload ol li.sdklist a:hover b {
            display: block;
            font-size: 22px;
            font-weight: bold;
            color: #fff; }
        .sdkdownload ol li.sdklist span {
          position: absolute;
          display: block;
          top: 60px;
          right: 30px;
          font-size: 22px;
          color: #fff;
          font-weight: bold; }
          .sdkdownload ol li.sdklist span p {
            text-align: center; }
        .sdkdownload ol li.sdklist .esc {
          position: absolute;
          display: block;
          top: 235px;
          right: 30px;
          font-size: 22px;
          color: #fff;
          font-weight: bold; }
        .sdkdownload ol li.sdklist b {
          position: absolute;
          top: 79px;
          right: 30px; }
        .sdkdownload ol li.sdklist .escsee {
          position: absolute;
          top: 260px;
          right: 30px; }
      .sdkdownload ol li .icon {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        align-items: center;
        font-size: 22px;
        cursor: pointer; }
      .sdkdownload ol li:last-child {
        margin-right: 0; }
      .sdkdownload ol li:hover {
        box-shadow: 0px 4px 20px 0px rgba(231, 231, 231, 0.4); }
        .sdkdownload ol li:hover .code {
          display: block; }
        .sdkdownload ol li:hover .icon {
          display: none; }
      .sdkdownload ol li a {
        display: flex;
        width: 100%;
        height: 355px;
        background: linear-gradient(#f4fbff, #fcfeff);
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        .sdkdownload ol li a span {
          font-size: 22px;
          color: #333; }
        .sdkdownload ol li a p {
          font-size: 14px;
          color: #999; }
        .sdkdownload ol li a b {
          display: none; }
        .sdkdownload ol li a:hover span {
          display: none; }
        .sdkdownload ol li a:hover b {
          display: block;
          font-size: 22px;
          color: #0043FF; }
      .sdkdownload ol li .code {
        display: none;
        position: absolute;
        top: 46px;
        padding: 2px; }
        .sdkdownload ol li .code img {
          width: 219px;
          height: 219px;
          margin-bottom: 0; }
        .sdkdownload ol li .code em {
          display: block;
          text-align: center;
          margin-top: 22px;
          font-size: 22px;
          color: #0043ff; }
      .sdkdownload ol li img {
        width: 243px;
        height: 243px;
        margin-bottom: 18px;
        margin-top: 24px; }

.sdkexplain {
  padding-top: 0 !important; }
  .sdkexplain h4 {
    position: relative;
    padding: 97px 0 102px;
    font-size: 37px;
    font-weight: bold; }
    .sdkexplain h4::after {
      position: absolute;
      content: "";
      top: 157px;
      left: 50%;
      margin-left: -34px;
      width: 68px;
      height: 3px;
      background: linear-gradient(-90deg, #5AB1FF, #0043FF); }
  .sdkexplain img {
    width: 1018px;
    margin: 0 auto;
    padding-bottom: 78px; }
  .sdkexplain span {
    font-size: 26px;
    position: absolute;
    bottom: 141px;
    left: 219px; }
    .sdkexplain span:last-child {
      left: 897px; }

.company-culture {
  background: #f8fafd;
  margin-top: 70px; }

.contact {
  width: 100%; }
  .contact .contact-banner {
    margin-top: 70px; }
    .contact .contact-banner img {
      width: 100%; }

.content .driver h1 {
  margin: 120px 0 24px;
  font-size: 24px;
  font-weight: bold; }

.content .driver .center-item {
  display: flex;
  flex-wrap: wrap; }

.content .driver .center-list {
  width: 378px;
  height: 240px;
  background: #F8FAFD;
  border-radius: 16px;
  position: relative;
  margin-right: 32px;
  margin-bottom: 32px; }
  .content .driver .center-list:last-child {
    margin-bottom: 120px; }
  .content .driver .center-list:hover .hover-list {
    display: flex; }
  .content .driver .center-list:nth-child(3n+3) {
    margin-right: 0; }
  .content .driver .center-list .hover-list {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 378px;
    height: 240px;
    background: linear-gradient(180deg, rgba(0, 67, 255, 0) 0%, #0043FF 100%);
    border-radius: 16px;
    backdrop-filter: blur(20px); }
    .content .driver .center-list .hover-list img {
      width: 72px;
      margin-bottom: 20px; }
    .content .driver .center-list .hover-list h2 {
      font-size: 18px;
      font-weight: bold;
      color: #FFFFFF;
      margin-bottom: 8px; }
    .content .driver .center-list .hover-list p {
      font-size: 14px;
      color: #FFFFFF;
      width: 314px;
      line-height: 20px; }
  .content .driver .center-list .icon {
    display: block;
    width: 46px;
    margin: 67px 0 49px 41px; }
  .content .driver .center-list .pag {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    text-indent: 41px; }

.contact-banner {
  margin-top: 70px; }

.dynamic ol {
  display: flex;
  justify-content: center;
  padding: 70px 0; }
  .dynamic ol li {
    font-size: 26px;
    margin-right: 117px;
    cursor: pointer;
    color: #555555;
    padding-bottom: 30px;
    position: relative; }
    .dynamic ol li:last-child {
      margin-right: 0; }
    .dynamic ol li.active {
      color: #0043ff; }
      .dynamic ol li.active:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 3px;
        background: #0043ff;
        border-radius: 3px 3px 0px 0px;
        bottom: 0;
        left: 0; }

.dynamic ul {
  display: flex;
  flex-wrap: wrap; }
  .dynamic ul li {
    display: flex;
    justify-content: space-between;
    flex: 0 0 380px;
    flex-direction: column;
    padding: 0 30px 0 0;
    margin-bottom: 85px;
    cursor: pointer; }
    .dynamic ul li:hover img {
      transform: scale(1.1); }
    .dynamic ul li:hover h4 {
      color: #0043FF; }
    .dynamic ul li:nth-child(3n+3) {
      padding-right: 0; }
    .dynamic ul li .news-cont {
      display: flex;
      flex-direction: column; }
      .dynamic ul li .news-cont .img {
        display: block;
        width: 380px;
        height: 240px;
        overflow: hidden; }
        .dynamic ul li .news-cont .img img {
          display: block;
          width: 100%;
          height: 100%;
          transition: all 0.3s linear; }
      .dynamic ul li .news-cont .news-tit h4 {
        font-size: 18px;
        font-weight: 600;
        padding: 17px 0 13px;
        width: 380px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .dynamic ul li .news-cont .news-tit p {
        color: #b1b1b1;
        text-align: justify;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 2;
        line-height: 24px; }
    .dynamic ul li .news-date {
      text-align: left; }
      .dynamic ul li .news-date h5 {
        font-size: 14px;
        display: inline-block;
        background: #F4F5F5;
        padding: 2px 8px;
        border-radius: 4px; }
      .dynamic ul li .news-date p {
        color: #c2c2c4;
        font-size: 14px; }

.switch {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
  margin-top: 30px; }
  .switch li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 205px;
    padding: 18px 0;
    cursor: pointer; }
    .switch li.active {
      color: #0043FF; }
    .switch li:last-child {
      margin-right: 0; }
    .switch li img {
      width: 45px;
      height: 45px;
      margin-right: 18px; }

@charset "UTF-8";
.join {
  width: 100%;
  background-color: #f1f2f4; }
  .join .contact-banner {
    margin-top: 70px; }
  .join .contact-infor {
    width: 1200px;
    padding-bottom: 180px;
    margin-top: 120px; }

.join-top {
  background-color: #ffffff;
  padding-bottom: 30px; }

.join-us-box {
  background: linear-gradient(to bottom, #ffffff 574px, #f0f1f5 1298px, #fff);
  /* 标准语法 */ }

.join-us .top {
  height: 430px;
  position: relative;
  padding-top: 64px; }
  .join-us .top .left {
    width: 311px;
    height: 63px;
    font-size: 24px;
    font-weight: 400;
    color: #3D3D3D;
    line-height: 38px; }
  .join-us .top img {
    width: 730px;
    height: 227px;
    margin-left: 300px;
    margin-top: 20px; }
  .join-us .top .right {
    width: 298px;
    height: 63px;
    font-size: 24px;
    font-weight: 400;
    color: #3D3D3D;
    line-height: 38px;
    position: absolute;
    right: 0px;
    bottom: 0px; }

.join-us .hz {
  margin-top: 80px; }
  .join-us .hz img {
    width: 100%;
    height: 664px; }

.history-box {
  position: relative; }
  .history-box .bg-hidden {
    width: 100%;
    height: 590px;
    position: absolute;
    bottom: 0px;
    z-index: 1; }
  .history-box .history {
    width: 1200px;
    margin: 0px auto 0;
    padding-top: 40px;
    position: relative;
    z-index: 2; }
    .history-box .history .style-1 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      background-color: #ffffff;
      border-radius: 60px;
      overflow: hidden;
      height: 530px; }
      .history-box .history .style-1 .left {
        padding: 56px 75px;
        box-sizing: border-box; }
        .history-box .history .style-1 .left img {
          width: 246px;
          height: 188px; }
        .history-box .history .style-1 .left div {
          font-size: 38px;
          color: #0C0C0C;
          margin-top: 68px;
          margin-bottom: 32px; }
        .history-box .history .style-1 .left p {
          font-size: 15px;
          font-weight: 400;
          color: #3C3C3C;
          line-height: 28px; }
      .history-box .history .style-1 .right img {
        width: 600px;
        height: 530px; }
    .history-box .history .style-2 {
      display: flex;
      width: 100%;
      background-color: #ffffff;
      border-radius: 60px;
      margin-top: 57px;
      height: 530px;
      overflow: hidden; }
      .history-box .history .style-2 .right {
        padding: 65px 85px;
        box-sizing: border-box; }
        .history-box .history .style-2 .right img {
          width: 274px;
          height: 160px; }
        .history-box .history .style-2 .right div {
          height: 43px;
          font-size: 38px;
          color: #141414;
          margin-top: 55px;
          margin-bottom: 42px; }
        .history-box .history .style-2 .right p {
          font-size: 15px;
          font-weight: 400;
          color: #3C3C3C;
          line-height: 28px; }
      .history-box .history .style-2 .left img {
        width: 600px;
        height: 530px; }
    .history-box .history .style-3 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      background-color: #ffffff;
      border-radius: 60px;
      overflow: hidden;
      height: 530px;
      margin-top: 57px; }
      .history-box .history .style-3 .left {
        padding: 81px 92px 61px 75px;
        box-sizing: border-box; }
        .history-box .history .style-3 .left img {
          width: 290px;
          height: 68px; }
        .history-box .history .style-3 .left div {
          height: 42px;
          font-size: 38px;
          color: #141414;
          line-height: 26px;
          margin-top: 68px;
          margin-bottom: 26px; }
        .history-box .history .style-3 .left p {
          font-size: 15px;
          line-height: 28px;
          font-weight: 400;
          color: #3C3C3C;
          margin-bottom: 30px; }
      .history-box .history .style-3 .right img {
        width: 600px;
        height: 530px; }
    .history-box .history .style-4 h3 {
      font-size: 38px;
      color: #141414;
      line-height: 30px;
      margin-top: 100px;
      margin-bottom: 59px;
      height: 49px;
      text-align: center; }
    .history-box .history .style-4 img {
      width: 100%;
      height: 490px; }
    .history-box .history .style-5 {
      position: relative; }
      .history-box .history .style-5 h3 {
        font-size: 38px;
        color: #141414;
        line-height: 30px;
        margin-top: 100px;
        margin-bottom: 59px;
        height: 49px;
        text-align: center; }
      .history-box .history .style-5 .solution-swiper img {
        width: 100%; }
      .history-box .history .style-5 .prev {
        position: absolute;
        left: 30px;
        margin-top: 0;
        top: 374px;
        outline: none;
        z-index: 1;
        cursor: pointer; }
        .history-box .history .style-5 .prev img {
          width: 54px;
          height: 54px; }
      .history-box .history .style-5 .next {
        position: absolute;
        margin-top: 0;
        right: 30px;
        z-index: 1;
        top: 374px;
        cursor: pointer;
        outline: none; }
        .history-box .history .style-5 .next img {
          width: 54px;
          height: 54px; }
    .history-box .history .style-6 h3 {
      font-size: 38px;
      color: #141414;
      line-height: 30px;
      margin-top: 100px;
      margin-bottom: 59px;
      height: 49px;
      text-align: center; }
    .history-box .history .style-6 ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .history-box .history .style-6 ul li {
        width: 591px;
        height: 439px;
        box-sizing: border-box;
        margin-bottom: 52px;
        position: relative; }
        .history-box .history .style-6 ul li div {
          position: absolute;
          z-index: 1;
          top: 75px;
          left: 38px; }
          .history-box .history .style-6 ul li div > p:nth-child(1) {
            height: 40px;
            font-size: 30px;
            color: #FFFFFF; }
          .history-box .history .style-6 ul li div > p:nth-child(2) {
            height: 21px;
            font-size: 15px;
            font-weight: 400;
            line-height: 28px;
            color: #FFFFFF;
            margin-top: 13px; }
        .history-box .history .style-6 ul li img {
          width: 100%;
          height: 100%; }
    .history-box .history .style-7 {
      margin-top: 14px;
      margin-bottom: 33px;
      padding-left: 65px; }
      .history-box .history .style-7 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .history-box .history .style-7 ul li {
          width: 561px;
          height: 138px;
          box-sizing: border-box;
          position: relative; }
          .history-box .history .style-7 ul li div {
            position: absolute;
            z-index: 1;
            top: 0px;
            left: 20px;
            width: 100%; }
            .history-box .history .style-7 ul li div > p:nth-child(1) {
              height: 40px;
              font-size: 30px;
              color: #000000; }
            .history-box .history .style-7 ul li div > p:nth-child(2) {
              font-size: 15px;
              font-weight: 400;
              color: #282828;
              width: 90%;
              margin-top: 13px; }
          .history-box .history .style-7 ul li .active {
            left: 77px; }

.switch {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
  background-color: #ffffff;
  margin-top: 30px; }
  .switch li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 184px;
    padding: 18px 0;
    cursor: pointer; }
    .switch li.active {
      color: #0043FF; }
    .switch li:last-child {
      margin-right: 0; }
    .switch li img {
      width: 45px;
      height: 45px;
      margin-right: 18px; }

.newscont {
  margin-top: 160px; }

.news {
  margin: 30px auto 104px;
  overflow: hidden; }
  .news .cont {
    width: 873px;
    margin-right: 39px;
    float: left; }
    .news .cont .newstitle {
      text-align: center;
      font-weight: 600;
      font-size: 26px;
      padding-bottom: 30px; }
    .news .cont img {
      display: inline-block; }
    .news .cont .back {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 120px;
      height: 40px;
      font-size: 18px;
      color: #666;
      border: 1px solid #bfbfbf;
      border-radius: 20px;
      cursor: pointer;
      text-align: center;
      margin: 30px 0; }
      .news .cont .back:hover {
        background: #0043ff;
        border-color: #0043ff;
        color: #FFFFFF; }
  .news .more {
    float: right;
    width: 288px;
    box-sizing: border-box; }
    .news .more h5 {
      background: #f4f5f6;
      position: relative;
      font-size: 18px;
      font-weight: bold;
      padding: 25px 0 25px 25px; }
      .news .more h5::after {
        position: absolute;
        content: '';
        width: 3px;
        height: 18px;
        background: #0043ff;
        left: 10px;
        top: 29px; }
      .news .more h5::before {
        position: absolute;
        content: '';
        width: calc(100% - 20px);
        height: 1px;
        background: #e8e8e8;
        left: 10px;
        bottom: 0; }
    .news .more ol {
      background: #f4f5f6;
      padding-top: 25px; }
      .news .more ol li {
        color: #555;
        padding-bottom: 50px;
        padding-left: 24px;
        padding-right: 10px;
        position: relative;
        cursor: pointer; }
        .news .more ol li:hover {
          color: #0043ff; }
        .news .more ol li::after {
          position: absolute;
          content: '';
          width: 5px;
          height: 5px;
          background: #b1b1b1;
          top: 8px;
          left: 10px; }

.pagecont {
  margin-top: 70px; }

.product {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 23px 0; }
  .product.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
  .product .search-left {
    padding-left: 100px; }
    .product .search-left h5 {
      font-size: 18px; }
    .product .search-left .bread-crumb {
      font-size: 14px;
      color: #838383; }
      .product .search-left .bread-crumb a:first-child {
        cursor: pointer; }
      .product .search-left .bread-crumb b {
        margin: 0 5px; }
  .product .search-tab {
    padding-right: 100px; }
    .product .search-tab ul {
      display: flex;
      align-items: center; }
      .product .search-tab ul li {
        font-size: 16px;
        cursor: pointer;
        margin-right: 20px; }
        .product .search-tab ul li.active {
          color: #3682e8; }
        .product .search-tab ul li.purchase {
          width: 88px;
          height: 31px;
          line-height: 31px;
          text-align: center;
          color: #fff;
          border-radius: 3px;
          background: #e61717;
          margin-right: 0; }

.details img {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto; }

.parameter {
  text-align: center; }
  .parameter img {
    width: 100%;
    display: block; }

.support-download h3 {
  font-size: 38px;
  margin: 120px 0 64px;
  text-align: center;
  font-weight: normal; }

.support-download .support-item {
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
  margin: 0 auto 120px; }
  .support-download .support-item .support-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 276px;
    height: 276px;
    background: #F6F8FB;
    border-radius: 8px;
    margin-right: 24px;
    margin-bottom: 32px;
    cursor: pointer; }
    .support-download .support-item .support-list :nth-child(4n+4) {
      margin-right: 0; }
    .support-download .support-item .support-list img {
      width: 168px;
      height: 168px;
      margin-bottom: 25px; }
    .support-download .support-item .support-list p {
      font-size: 18px;
      font-weight: bold; }

.service-policy {
  padding-top: 70px; }
  .service-policy h3 {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 36px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 32px; }
  .service-policy img {
    display: block;
    width: 100%;
    margin-bottom: 120px; }

.service-support .support-item {
  display: flex;
  flex-wrap: wrap;
  padding: 120px 0 87px; }
  .service-support .support-item .support-list {
    display: flex;
    align-items: center;
    width: 378px;
    height: 160px;
    background: #F8FAFD;
    border-radius: 8px;
    margin-right: 32px;
    margin-bottom: 32px;
    cursor: pointer; }
    .service-support .support-item .support-list:hover h3 {
      color: #0043FF; }
    .service-support .support-item .support-list:hover {
      box-shadow: 0px 24px 72px -8px rgba(0, 0, 0, 0.08), 0px 4px 8px -1px rgba(0, 0, 0, 0.02);
      background: #FFFFFF; }
    .service-support .support-item .support-list:nth-child(3n+3) {
      margin-right: 0; }
    .service-support .support-item .support-list:nth-child(1) .icon {
      background: #fff url("/static/images/service1.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(1):hover .icon {
      background: #fff url("/static/images/service1on.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(2) .icon {
      background: #fff url("/static/images/service2.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(2):hover .icon {
      background: #fff url("/static/images/service2on.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(3) .icon {
      background: #fff url("/static/images/service3.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(3):hover .icon {
      background: #fff url("/static/images/service3on.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(4) .icon {
      background: #fff url("/static/images/service4.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(4):hover .icon {
      background: #fff url("/static/images/service4on.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(5) .icon {
      background: #fff url("/static/images/service5.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list:nth-child(5):hover .icon {
      background: #fff url("/static/images/service5on.png") no-repeat;
      background-size: 64px 64px; }
    .service-support .support-item .support-list .icon {
      width: 64px;
      height: 64px;
      margin: 0 24px 0 32px;
      background: #fff url("/static/images/service1.png") no-repeat;
      background-size: 64px 64px;
      border-radius: 100%; }
    .service-support .support-item .support-list h3 {
      font-size: 24px;
      margin-bottom: 8px;
      font-weight: bold; }
    .service-support .support-item .support-list p {
      width: 218px;
      font-size: 14px;
      color: #999;
      line-height: 20px; }

.sodetails {
  background: #eff3f6; }

.solution-title {
  text-align: center; }
  .solution-title h3 {
    font-size: 38px;
    padding: 91px 0 69px;
    font-weight: bold; }
  .solution-title p {
    color: #999; }

.solution {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 17px; }
  .solution li {
    position: relative;
    width: 371px;
    margin-right: 38px;
    border-radius: 10px;
    margin-bottom: 87px;
    cursor: pointer; }
    .solution li:nth-child(3n + 3) {
      margin-right: 0; }
    .solution li:hover img {
      transform: scale(1.1); }
    .solution li:hover .more span {
      color: #0043ff !important;
      margin-right: 220px !important; }
    .solution li:hover .more .more-icon {
      display: none !important; }
    .solution li:hover .more .more-icon-blue {
      display: block !important; }
    .solution li .solution-img {
      width: 371px;
      height: 347px;
      overflow: hidden; }
      .solution li .solution-img img {
        width: 371px;
        height: 347px;
        transition: all 0.3s linear; }
    .solution li .solution-cont h4 {
      font-size: 20px;
      font-weight: bold;
      padding: 37px 0 23px;
      color: #262626;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-align: center; }
    .solution li .solution-cont p {
      color: #666;
      font-size: 16px;
      line-height: 28px;
      text-align: justify;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      -webkit-line-clamp: 3; }
    .solution li .solution-cont .more {
      position: absolute;
      bottom: 32px;
      left: 41px;
      display: flex;
      font-size: 18px;
      align-items: center;
      cursor: pointer; }
      .solution li .solution-cont .more span {
        color: #a0a0a0;
        margin-right: 220px;
        transition: all 0.3s linear; }
      .solution li .solution-cont .more img {
        width: 22px;
        height: 17px;
        border-radius: 0; }
        .solution li .solution-cont .more img.more-icon {
          display: block; }
        .solution li .solution-cont .more img.more-icon-blue {
          display: none; }

.solution-details {
  padding: 148px 0 4px; }
  .solution-details h4 {
    padding: 118px 0 66px;
    font-size: 30px;
    font-weight: 500;
    text-align: center; }
  .solution-details .left,
  .solution-details .right {
    position: relative;
    padding-bottom: 100px;
    overflow: hidden; }
    .solution-details .left.solutionl p,
    .solution-details .right.solutionl p {
      line-height: 30px; }
    .solution-details .left div,
    .solution-details .right div {
      background: #fff;
      padding: 28px 45px;
      width: 948px;
      height: 477px; }
      .solution-details .left div h5,
      .solution-details .right div h5 {
        font-size: 22px;
        padding-bottom: 65px;
        position: relative; }
        .solution-details .left div h5::after,
        .solution-details .right div h5::after {
          position: absolute;
          content: '';
          width: 46px;
          height: 3px;
          background: #0043ff;
          left: 0;
          bottom: 36px; }
      .solution-details .left div p,
      .solution-details .right div p {
        width: 522px;
        color: #666;
        line-height: 22px;
        text-align: justify;
        margin-bottom: 22px;
        word-break: break-all; }
        .solution-details .left div p.entire,
        .solution-details .right div p.entire {
          line-height: 30px; }
    .solution-details .left img,
    .solution-details .right img {
      position: absolute;
      top: 51px;
      right: 0;
      width: 569px;
      height: 375px; }
  .solution-details .right div {
    float: right;
    padding: 28px 45px 28px 370px; }
  .solution-details .right img {
    left: 0; }
  .solution-details .spread {
    margin-bottom: 250px; }
    .solution-details .spread p {
      font-size: 14px;
      margin-bottom: 50px; }
    .solution-details .spread .img {
      display: flex;
      justify-content: center; }
      .solution-details .spread .img img {
        flex: 1; }

.sodetails {
  background: #eff3f6; }

.solution-title {
  text-align: center; }
  .solution-title h3 {
    font-size: 38px;
    padding: 91px 0 69px;
    font-weight: bold; }
  .solution-title p {
    color: #999; }

.solution {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 17px; }
  .solution li {
    position: relative;
    width: 371px;
    margin-right: 38px;
    border-radius: 10px;
    margin-bottom: 87px;
    cursor: pointer; }
    .solution li:nth-child(3n + 3) {
      margin-right: 0; }
    .solution li:hover img {
      transform: scale(1.1); }
    .solution li:hover .more span {
      color: #0043ff !important;
      margin-right: 220px !important; }
    .solution li:hover .more .more-icon {
      display: none !important; }
    .solution li:hover .more .more-icon-blue {
      display: block !important; }
    .solution li .solution-img {
      width: 371px;
      height: 347px;
      overflow: hidden; }
      .solution li .solution-img img {
        width: 371px;
        height: 347px;
        transition: all 0.3s linear; }
    .solution li .solution-cont h4 {
      font-size: 20px;
      font-weight: bold;
      padding: 37px 0 23px;
      color: #262626;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-align: center; }
    .solution li .solution-cont p {
      color: #666;
      font-size: 16px;
      line-height: 28px;
      text-align: justify;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      -webkit-line-clamp: 3; }
    .solution li .solution-cont .more {
      position: absolute;
      bottom: 32px;
      left: 41px;
      display: flex;
      font-size: 18px;
      align-items: center;
      cursor: pointer; }
      .solution li .solution-cont .more span {
        color: #a0a0a0;
        margin-right: 220px;
        transition: all 0.3s linear; }
      .solution li .solution-cont .more img {
        width: 22px;
        height: 17px;
        border-radius: 0; }
        .solution li .solution-cont .more img.more-icon {
          display: block; }
        .solution li .solution-cont .more img.more-icon-blue {
          display: none; }

.solution-details {
  padding: 148px 0 4px; }
  .solution-details h4 {
    padding: 118px 0 66px;
    font-size: 30px;
    font-weight: 500;
    text-align: center; }
  .solution-details .left,
  .solution-details .right {
    position: relative;
    padding-bottom: 100px;
    overflow: hidden; }
    .solution-details .left.solutionl p,
    .solution-details .right.solutionl p {
      line-height: 30px; }
    .solution-details .left div,
    .solution-details .right div {
      background: #fff;
      padding: 28px 45px;
      width: 948px;
      height: 477px; }
      .solution-details .left div h5,
      .solution-details .right div h5 {
        font-size: 22px;
        padding-bottom: 65px;
        position: relative; }
        .solution-details .left div h5::after,
        .solution-details .right div h5::after {
          position: absolute;
          content: '';
          width: 46px;
          height: 3px;
          background: #0043ff;
          left: 0;
          bottom: 36px; }
      .solution-details .left div p,
      .solution-details .right div p {
        width: 522px;
        color: #666;
        line-height: 22px;
        text-align: justify;
        margin-bottom: 22px;
        word-break: break-all; }
        .solution-details .left div p.entire,
        .solution-details .right div p.entire {
          line-height: 30px; }
    .solution-details .left img,
    .solution-details .right img {
      position: absolute;
      top: 51px;
      right: 0;
      width: 569px;
      height: 375px; }
  .solution-details .right div {
    float: right;
    padding: 28px 45px 28px 370px; }
  .solution-details .right img {
    left: 0; }
  .solution-details .spread {
    margin-bottom: 250px; }
    .solution-details .spread p {
      font-size: 14px;
      margin-bottom: 50px; }
    .solution-details .spread .img {
      display: flex;
      justify-content: center; }
      .solution-details .spread .img img {
        flex: 1; }

.service-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background: #FFFFFF;
  box-shadow: 0px 6px 32px 0px rgba(231, 231, 231, 0.4);
  margin: 60px auto 0; }
  .service-tab span {
    font-size: 16px;
    margin-right: 112px;
    cursor: pointer; }
    .service-tab span.active {
      color: #0043FF; }
    .service-tab span:last-child {
      margin-right: 0; }

.totalsolution h3 {
  font-size: 38px;
  padding: 120px 0 64px;
  text-align: center; }

.totalsolution .background {
  position: relative;
  width: 1011px;
  height: 600px;
  background: #F8FAFD;
  border-radius: 16px;
  margin-bottom: 64px; }
  .totalsolution .background.background1 {
    height: 700px !important; }
    .totalsolution .background.background1 img {
      top: 163px !important; }
  .totalsolution .background.background2 {
    height: 768px !important; }
    .totalsolution .background.background2 img {
      top: 196px !important; }
  .totalsolution .background p {
    line-height: 30px;
    font-size: 16px;
    padding: 48px 0 40px 48px;
    width: 548px; }
  .totalsolution .background ul li {
    position: relative;
    width: 548px;
    line-height: 24px;
    padding-left: 70px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px; }
    .totalsolution .background ul li::after {
      position: absolute;
      content: "";
      width: 7px;
      height: 7px;
      background: #666666;
      left: 48px;
      top: 8px;
      border-radius: 100%; }
    .totalsolution .background ul li b {
      font-weight: bold; }
  .totalsolution .background img {
    position: absolute;
    width: 572px;
    top: 107px;
    left: 628px; }

.totalsolution .painpoints {
  height: 779px;
  background: linear-gradient(180deg, rgba(240, 242, 246, 0.1) 10%, #F0F2F6 100%); }
  .totalsolution .painpoints.painpoints1 {
    height: 920px; }
  .totalsolution .painpoints.painpoints2 {
    height: 878px !important; }
  .totalsolution .painpoints.painpoints3 {
    height: 848px !important; }
  .totalsolution .painpoints.painpoints4 {
    height: auto; }

.totalsolution .points-cont {
  display: flex; }
  .totalsolution .points-cont .left {
    display: flex;
    flex-direction: column;
    width: 240px;
    margin-right: 52px; }
    .totalsolution .points-cont .left span {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 240px;
      height: 80px;
      background: #FFFFFF;
      border-radius: 4px;
      margin-bottom: 16px;
      color: #1E1E1E;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      position: relative; }
      .totalsolution .points-cont .left span.active {
        background: #0043FF;
        color: #fff;
        box-shadow: 0px 4px 24px 0px rgba(0, 67, 255, 0.3);
        backdrop-filter: blur(1px); }
        .totalsolution .points-cont .left span.active::after {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 40px 0 40px 20px;
          border-color: transparent transparent transparent #0043FF;
          right: -19px;
          border-radius: 4px; }
  .totalsolution .points-cont .right {
    display: flex;
    justify-content: space-between;
    width: 908px;
    height: 500px;
    background: #FFFFFF;
    border-radius: 16px; }
    .totalsolution .points-cont .right.right1 {
      height: 580px; }
    .totalsolution .points-cont .right.right2 {
      height: 560px; }
    .totalsolution .points-cont .right ul {
      margin-top: 40px; }
      .totalsolution .points-cont .right ul li {
        margin-bottom: 24px; }
        .totalsolution .points-cont .right ul li h4 {
          display: flex;
          font-size: 16px;
          font-weight: bold;
          padding-left: 40px;
          width: 454px; }
          .totalsolution .points-cont .right ul li h4 em {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0043FF;
            flex: 0 0 56px;
            height: 24px;
            background: rgba(0, 67, 255, 0.1);
            border-radius: 4px;
            font-weight: normal;
            margin-right: 16px; }
        .totalsolution .points-cont .right ul li p {
          width: 454px;
          color: #666666;
          line-height: 20px;
          padding-left: 112px;
          font-size: 14px;
          text-align: justify;
          margin-bottom: 24px;
          margin-top: 8px; }
    .totalsolution .points-cont .right img {
      display: block;
      width: 350px;
      height: 436px;
      margin-right: 32px;
      margin-top: 32px; }

.totalsolution .share {
  display: flex;
  justify-content: center;
  margin-bottom: 30px; }
  .totalsolution .share.share1 .left {
    margin-right: 105px; }
    .totalsolution .share.share1 .left span {
      width: 551px;
      box-sizing: border-box; }
    .totalsolution .share.share1 .left ul li {
      width: 551px; }
  .totalsolution .share .left {
    margin-right: 160px; }
    .totalsolution .share .left h5 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 8px; }
    .totalsolution .share .left span {
      display: flex;
      align-items: center;
      padding: 8px 12px;
      background: rgba(0, 67, 255, 0.1);
      border-radius: 4px;
      color: #0043FF;
      padding-left: 12px;
      margin-bottom: 56px; }
    .totalsolution .share .left ul li {
      position: relative;
      width: 478px;
      line-height: 24px;
      padding-left: 24px;
      margin-bottom: 8px;
      line-height: 24px; }
      .totalsolution .share .left ul li.dot {
        padding-left: 0; }
        .totalsolution .share .left ul li.dot::after {
          height: 0; }
      .totalsolution .share .left ul li::after {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        background: #666666;
        left: 0px;
        top: 8px;
        border-radius: 100%; }
      .totalsolution .share .left ul li b {
        font-weight: bold; }
  .totalsolution .share img {
    display: block;
    width: 480px; }

.totalsolution .img {
  width: 100%; }

.totalsolution .img-intro {
  text-align: center;
  height: 26px;
  font-size: 18px;
  color: #666;
  padding-top: 22px; }

.totalsolution .revenue .revenue-list {
  display: flex;
  flex-wrap: wrap; }
  .totalsolution .revenue .revenue-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 276px;
    height: 240px;
    background: #F8FAFD;
    border-radius: 8px;
    margin: 0 32px 32px 0; }
    .totalsolution .revenue .revenue-list li:nth-child(n+5) {
      width: 378px; }
    .totalsolution .revenue .revenue-list li:nth-child(7) {
      margin-right: 0; }
    .totalsolution .revenue .revenue-list li:nth-child(4) {
      margin-right: 0; }
    .totalsolution .revenue .revenue-list li p {
      font-size: 18px;
      color: #333333;
      font-weight: bold; }
    .totalsolution .revenue .revenue-list li .revenue-img {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      background: #FFFFFF;
      box-shadow: 0px 8px 24px 2px rgba(0, 0, 0, 0.08);
      border-radius: 100%;
      margin: 40px 0 30px; }
      .totalsolution .revenue .revenue-list li .revenue-img img {
        display: block;
        width: 36px;
        height: 36px; }

.totalsolution .hardware h3 {
  padding-bottom: 9px; }

.totalsolution .hardware .title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 64px;
  color: #666666;
  font-weight: normal; }

.totalsolution .hardware .hardware-list {
  display: flex;
  margin-bottom: 156px; }
  .totalsolution .hardware .hardware-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 378px;
    height: 480px;
    background: #FFFFFF;
    border: 1px solid #eee;
    border-radius: 16px;
    margin-right: 32px; }
    .totalsolution .hardware .hardware-list li:hover {
      box-shadow: 0px 24px 72px -8px rgba(0, 0, 0, 0.08), 0px 4px 8px -4px rgba(0, 0, 0, 0.02);
      border-color: #fff; }
      .totalsolution .hardware .hardware-list li:hover a {
        background: #0043FF;
        color: #fff; }
    .totalsolution .hardware .hardware-list li img {
      display: block;
      width: 200px;
      height: 200px;
      margin: 27px 0 35px; }
    .totalsolution .hardware .hardware-list li h6 {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 8px; }
    .totalsolution .hardware .hardware-list li p {
      width: 211px;
      color: #999990;
      line-height: 20px;
      height: 80px;
      margin-bottom: 16px;
      text-align: center; }
    .totalsolution .hardware .hardware-list li a {
      color: #0043FF;
      font-size: 16px;
      font-weight: bold;
      width: 165px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      cursor: pointer; }
    .totalsolution .hardware .hardware-list li:last-child {
      margin-right: 32px; }

.case-swiper {
  width: 100%;
  height: 616px;
  background: linear-gradient(180deg, rgba(240, 242, 246, 0.1) 10%, #F0F2F6 100%); }
  .case-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
    margin-right: 30px;
    backdrop-filter: blur(1px); }
  .case-swiper .swiper-slide-active,
  .case-swiper .swiper-slide-duplicate-active {
    transform: scale(1.56); }

.pager {
  bottom: 24px !important;
  position: absolute;
  z-index: 69;
  text-align: center; }
  .pager .swiper-pagination-bullet {
    width: 8px !important;
    height: 4px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 2px !important;
    backdrop-filter: blur(5px); }
  .pager .swiper-pagination-bullet-active {
    width: 24px !important;
    height: 4px !important;
    background: #0043FF !important; }

.zoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999; }

/* Zoomed image styles */
.zoomed-image {
  max-width: 90%;
  max-height: 90%; }

.consult {
  background: url("/static/images/banner.png") no-repeat center;
  padding-bottom: 82px;
  margin-top: 121px; }

.consult .content {
  text-align: center; }

.consult h4 {
  font-size: 36px;
  padding: 80px 0 32px;
  font-weight: bold; }

.consult .btn {
  width: 240px;
  height: 55px;
  line-height: 55px;
  background: #0043FF;
  color: #fff;
  font-size: 20px;
  box-shadow: 0px 2px 10px 0px rgba(4, 151, 255, 0.3);
  border-radius: 8px;
  margin: 0 auto;
  cursor: pointer; }

.consult .btn:hover {
  background: #0089EA; }

.service {
  margin-top: 70px; }
  .service .service-banner {
    display: flex;
    height: 670px;
    background: linear-gradient(180deg, #F5F8FF 0%, #F5F8FF 50%, #FFFFFF 100%); }
    .service .service-banner .content {
      display: flex; }
      .service .service-banner .content .left h3 {
        font-size: 50px;
        font-weight: bold;
        margin: 120px 0 16px; }
      .service .service-banner .content .left p {
        width: 493px;
        color: #999;
        line-height: 33px;
        margin-bottom: 32px;
        font-size: 24px; }
      .service .service-banner .content .left .button {
        width: 160px;
        height: 55px;
        line-height: 55px;
        background: #0043FF;
        box-shadow: 0px 2px 10px 0px rgba(4, 151, 255, 0.3);
        border-radius: 8px;
        font-size: 20px;
        text-align: center;
        color: #fff;
        cursor: pointer; }
      .service .service-banner .content img {
        width: 703px; }

.hot-course h3 {
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: bold;
  margin: 80px 0 24px; }

.hot-course .hot-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 104px; }
  .hot-course .hot-list .hot-item {
    flex: 0 0 584px;
    height: 312px;
    background: #F8FAFD;
    border-radius: 8px;
    padding: 0 24px;
    margin-right: 32px;
    margin-bottom: 32px; }
    .hot-course .hot-list .hot-item:nth-child(even) {
      margin-right: 0; }
    .hot-course .hot-list .hot-item h4 {
      display: flex;
      align-items: center;
      font-size: 18px;
      font-weight: bold;
      margin: 12px 0; }
      .hot-course .hot-list .hot-item h4 img {
        display: block;
        width: 40px;
        margin-right: 8px;
        margin-left: -12px; }
    .hot-course .hot-list .hot-item ul {
      height: 200px;
      overflow: hidden; }
      .hot-course .hot-list .hot-item ul li {
        height: 40px;
        line-height: 40px;
        position: relative;
        padding-left: 20px;
        margin-right: 32px;
        cursor: pointer; }
        .hot-course .hot-list .hot-item ul li:hover {
          color: #0043FF; }
          .hot-course .hot-list .hot-item ul li:hover a {
            text-decoration: underline; }
        .hot-course .hot-list .hot-item ul li::after {
          position: absolute;
          content: "";
          width: 4px;
          height: 4px;
          background: #333333;
          border-radius: 100%;
          left: 0;
          top: 18px; }
    .hot-course .hot-list .hot-item .all-course {
      height: 48px;
      line-height: 48px;
      border-top: 1px solid #E5E5E5;
      color: #0043FF;
      cursor: pointer; }
      .hot-course .hot-list .hot-item .all-course:hover {
        text-decoration: underline; }
    .hot-course .hot-list .hot-item:hover {
      background: #FFFFFF;
      box-shadow: 0px 24px 72px -8px rgba(0, 0, 0, 0.08), 0px 4px 8px -4px rgba(0, 0, 0, 0.02);
      border-radius: 8px; }

.search-inp {
  text-align: right; }

.search-inp {
  display: flex;
  justify-content: flex-end;
  margin: 40px 0; }
  .search-inp .download-search {
    border: 1px solid #cccccc;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 400px; }
    .search-inp .download-search.active {
      border-color: #0043ff; }
    .search-inp .download-search input {
      width: 360px;
      height: 48px;
      text-indent: 16px; }
    .search-inp .download-search span {
      cursor: pointer;
      padding: 5px 14px; }
      .search-inp .download-search span img {
        width: 19px; }

.switch {
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 12px 0px rgba(1, 1, 1, 0.06);
  background-color: #ffffff;
  margin-top: 30px; }
  .switch li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 126px !important;
    padding: 18px 0;
    cursor: pointer; }
    .switch li.active {
      color: #0043FF; }
      .switch li.active:nth-child(1) .icon {
        background: #F7F7F7 url("/static/images/icon-printeron.png") no-repeat;
        background-size: 100% 100%; }
      .switch li.active:nth-child(2) .icon {
        background: #F7F7F7 url("/static/images/icon-scanon.png") no-repeat;
        background-size: 100% 100%; }
      .switch li.active:nth-child(3) .icon {
        background: #F7F7F7 url("/static/images/icon-collectoron.png") no-repeat;
        background-size: 100% 100%; }
      .switch li.active:nth-child(4) .icon {
        background: #F7F7F7 url("/static/images/icon-editsofton.png") no-repeat;
        background-size: 100% 100%; }
    .switch li:last-child {
      margin-right: 0 !important; }
    .switch li:nth-child(1):hover .icon {
      background: #F7F7F7 url("/static/images/icon-printeron.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(1) .icon {
      background: #F7F7F7 url("/static/images/icon-printer.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(2):hover .icon {
      background: #F7F7F7 url("/static/images/icon-scanon.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(2) .icon {
      background: #F7F7F7 url("/static/images/icon-scan.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(3):hover .icon {
      background: #F7F7F7 url("/static/images/icon-collectoron.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(3) .icon {
      background: #F7F7F7 url("/static/images/icon-collector.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(4):hover .icon {
      background: #F7F7F7 url("/static/images/icon-editsofton.png") no-repeat;
      background-size: 100% 100%; }
    .switch li:nth-child(4) .icon {
      background: #F7F7F7 url("/static/images/icon-editsoft.png") no-repeat;
      background-size: 100% 100%; }
    .switch li .icon {
      width: 45px;
      height: 45px;
      margin-right: 18px;
      border-radius: 100%; }

.page {
  text-align: center;
  margin-bottom: 10px; }

.submit-feedback {
  height: 32px;
  line-height: 32px;
  color: #666666;
  font-size: 14px;
  text-align: center;
  margin-bottom: 50px;
  visibility: visible; }
  .submit-feedback.hidden {
    visibility: hidden; }
  .submit-feedback span {
    color: #0043FF;
    margin-left: 4px;
    cursor: pointer; }

.service {
  margin-top: 70px; }
  .service .service-banner {
    display: flex;
    height: 670px;
    background: linear-gradient(180deg, #F5F8FF 0%, #F5F8FF 50%, #FFFFFF 100%); }
    .service .service-banner .content {
      display: flex; }
      .service .service-banner .content .left h3 {
        font-size: 50px;
        font-weight: bold;
        margin: 120px 0 16px; }
      .service .service-banner .content .left p {
        width: 493px;
        color: #999;
        line-height: 33px;
        margin-bottom: 32px;
        font-size: 24px; }
      .service .service-banner .content .left .button {
        width: 160px;
        height: 55px;
        line-height: 55px;
        background: #0043FF;
        box-shadow: 0px 2px 10px 0px rgba(4, 151, 255, 0.3);
        border-radius: 8px;
        font-size: 20px;
        text-align: center;
        color: #fff;
        cursor: pointer; }
        .service .service-banner .content .left .button:hover {
          background: rgba(0, 67, 255, 0.3);
          box-shadow: 0px 2px 10px 0px rgba(4, 151, 255, 0.3); }
      .service .service-banner .content img {
        width: 703px;
        height: 671px;
        margin-top: 0 !important; }
  .service .content .big-video {
    width: 1200px;
    margin: 80px 0 60px; }
  .service .content .big-video video {
    width: 100%;
    height: 100%;
    border-radius: 15px; }
  .service .content h4 {
    font-size: 38px;
    margin-bottom: 60px;
    text-align: center;
    font-weight: bold; }
  .service .content .core-list {
    margin-bottom: 88px; }
    .service .content .core-list ul {
      display: flex;
      flex-wrap: wrap; }
      .service .content .core-list ul li {
        display: flex;
        width: 378px;
        height: 216px;
        border-radius: 16px;
        margin-right: 32px;
        margin-bottom: 32px; }
        .service .content .core-list ul li:nth-child(3n+3) {
          margin-right: 0; }
        .service .content .core-list ul li img {
          width: 56px;
          height: 56px;
          margin: 40px 24px 0 40px; }
        .service .content .core-list ul li .right h5 {
          margin: 50px 0 16px;
          font-size: 24px;
          font-weight: bold; }
        .service .content .core-list ul li .right p {
          color: #999999;
          line-height: 24px;
          font-size: 16px; }
  .service .content .easy-use .easy-title {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #E6E9F2;
    margin-bottom: 80px; }
    .service .content .easy-use .easy-title span {
      position: relative;
      font-size: 24px;
      padding-bottom: 20px;
      margin-right: 212px;
      cursor: pointer; }
      .service .content .easy-use .easy-title span:last-child {
        margin-right: 0; }
      .service .content .easy-use .easy-title span.active {
        color: #0043FF; }
        .service .content .easy-use .easy-title span.active::after {
          position: absolute;
          content: "";
          width: 56px;
          height: 4px;
          background: #0043FF;
          left: 20px;
          bottom: 0; }
  .service .content .easy-use .easy-content .func-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 52px; }
  .service .content .easy-use .easy-content .func-item:last-child {
    margin-bottom: 140px; }
  .service .content .easy-use .easy-content .func-video {
    width: 724px; }
  .service .content .easy-use .easy-content .func-video img {
    width: 690px;
    height: 500px; }
  .service .content .easy-use .easy-content video:focus {
    outline: none; }
  .service .content .easy-use .easy-content .func-describe {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 342px; }
  .service .content .easy-use .easy-content .func-describe p {
    font-size: 18px;
    text-align: justify;
    color: #666666;
    line-height: 33px; }
  .service .content .application {
    margin-bottom: 88px; }
    .service .content .application ul {
      display: flex;
      flex-wrap: wrap; }
      .service .content .application ul li {
        width: 276px;
        height: 288px;
        background: #FFFFFF;
        box-shadow: 0px 6px 32px 0px rgba(231, 231, 231, 0.4);
        border-radius: 8px;
        margin-right: 32px;
        margin-bottom: 32px; }
        .service .content .application ul li:nth-child(4n+4) {
          margin-right: 0; }
        .service .content .application ul li img {
          display: block;
          width: 276px;
          height: 208px; }
        .service .content .application ul li p {
          line-height: 80px;
          font-weight: bold;
          font-size: 18px;
          text-align: center; }

@charset "UTF-8";
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
s,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit; }

/* ios默认文本框阴影 */
input,
textarea {
  -webkit-appearance: none;
  outline: none;
  border: none;
  resize: none;
  line-height: normal !important;
  box-sizing: border-box; }
  input::placeholder,
  textarea::placeholder {
    color: #C3C3C3; }

/* 低版本安卓文本框层级问题 */
input:focus {
  -webkit-user-modify: read-write-plaintext-only; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  height: 100%;
  width: 100%;
  background-color: #fff;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #333; }

a,
button,
input {
  outline: 0 none;
  text-decoration: none; }

img {
  display: block;
  outline: none; }

[v-cloak] {
  display: none; }

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

input[type=number] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

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

.footer {
  background: #fafafa;
  color: #666;
  padding: 70px 0 37px; }
  .footer .content {
    display: flex;
    justify-content: center; }
  .footer::after {
    overflow: hidden;
    content: '';
    height: 0;
    visibility: hidden;
    display: block;
    clear: both; }
  .footer .footer-item {
    float: left;
    margin-right: 90px; }
    .footer .footer-item:last-child {
      margin-right: 0; }
    .footer .footer-item h6 {
      font-size: 14px;
      margin-bottom: 30px;
      font-weight: bold; }
    .footer .footer-item ul li {
      font-size: 12px;
      margin-bottom: 20px;
      cursor: pointer;
      transition: all 0.3s linear;
      color: #666; }
      .footer .footer-item ul li:hover {
        color: #0043ff; }
      .footer .footer-item ul li:last-child {
        margin-bottom: 0; }
    .footer .footer-item ol li {
      color: #666;
      display: flex;
      margin-bottom: 20px;
      font-size: 12px;
      transition: all 0.3s linear; }
      .footer .footer-item ol li.link {
        cursor: pointer; }
        .footer .footer-item ol li.link:hover {
          color: #0043ff; }
      .footer .footer-item ol li:nth-of-type(even) {
        margin-right: 0; }
      .footer .footer-item ol li:last-child {
        margin-bottom: 0; }
      .footer .footer-item ol li p {
        width: 200px; }
    .footer .footer-item .chat {
      width: 139px;
      height: 46px;
      line-height: 46px;
      font-size: 20px;
      background: #0043ff;
      box-shadow: 1px 2px 12px 0px rgba(33, 34, 38, 0.5);
      border-radius: 10px;
      cursor: pointer;
      margin-bottom: 26px; }
      .footer .footer-item .chat img {
        float: left;
        width: 32px;
        height: 28px;
        margin: 9px 8px 0 11px; }
    .footer .footer-item .telphone {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 30px; }
    .footer .footer-item p {
      margin-bottom: 10px;
      font-size: 12px;
      color: #666; }
      .footer .footer-item p b {
        font-weight: bold; }
    .footer .footer-item .code {
      display: inline-block;
      position: relative;
      margin-right: 33px; }
      .footer .footer-item .code:hover .code-box {
        display: block; }
      .footer .footer-item .code:hover .wechat {
        display: none; }
      .footer .footer-item .code:hover .wechat-selected {
        display: block; }
      .footer .footer-item .code .code-box {
        display: none;
        position: absolute;
        background: #fff;
        bottom: -182px;
        left: -49px;
        box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05); }
        .footer .footer-item .code .code-box.code-chiteng {
          left: 105px;
          bottom: -163px; }
          .footer .footer-item .code .code-box.code-chiteng:after {
            border: none; }
        .footer .footer-item .code .code-box:after {
          position: absolute;
          content: '';
          left: 56px;
          top: -10px;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #fff; }
        .footer .footer-item .code .code-box.douyin {
          bottom: -174px;
          left: -52px; }
          .footer .footer-item .code .code-box.douyin img {
            width: 110px;
            height: 110px;
            margin: 8px auto; }
        .footer .footer-item .code .code-box img {
          width: 120px;
          margin: 10px auto; }
        .footer .footer-item .code .code-box p {
          font-size: 10px;
          color: #333;
          text-align: center;
          width: 144px; }
      .footer .footer-item .code .wechat {
        width: 30px;
        height: 25px;
        cursor: pointer; }
      .footer .footer-item .code .wechat-selected {
        display: none;
        width: 30px;
        height: 25px;
        cursor: pointer; }

.copyright {
  background: #fafafa;
  height: 80px;
  line-height: 80px;
  border-top: 1px solid #eee;
  text-align: center; }
  .copyright .center {
    color: #666666;
    font-size: 12px;
    cursor: pointer; }

.pagecont {
  margin-top: 70px; }

.banner {
  position: relative;
  max-width: 1980px;
  margin: 0 auto; }
  .banner:hover .prev {
    left: 143px;
    opacity: 1; }
  .banner:hover .next {
    right: 143px;
    opacity: 1; }
  .banner .banner-swiper .swiper-slide {
    cursor: pointer; }
    .banner .banner-swiper .swiper-slide img {
      width: 100%;
      max-height: 940px; }
  .banner .prev {
    opacity: 0;
    position: absolute;
    left: 130px;
    top: 300px;
    z-index: 99;
    outline: none;
    transition: all 0.3s linear;
    cursor: pointer; }
    .banner .prev img {
      width: 49px;
      height: 49px; }
  .banner .next {
    opacity: 0;
    position: absolute;
    right: 130px;
    top: 300px;
    z-index: 99;
    outline: none;
    transition: all 0.3s linear;
    cursor: pointer; }
    .banner .next img {
      width: 49px;
      height: 49px; }
  .banner .paging {
    bottom: 45px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: 69;
    min-width: 1280px;
    text-align: center; }
    .banner .paging:last-child {
      margin-right: 0; }
    .banner .paging .swiper-pagination-bullet {
      position: relative;
      width: 100px;
      height: 13px;
      margin: 0 8px;
      opacity: 1;
      outline: none;
      background: transparent; }
      .banner .paging .swiper-pagination-bullet span {
        display: block;
        width: 100px;
        height: 3px;
        background: #fff;
        opacity: 0.6;
        margin: 5px 0;
        border-radius: 0; }
      .banner .paging .swiper-pagination-bullet .progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: #fff;
        opacity: 1;
        z-index: 9999;
        margin: 5px 0; }
      .banner .paging .swiper-pagination-bullet.swiper-pagination-bullet-active .progress {
        transition: all 5s linear;
        width: 100%; }

.goods-list {
  text-align: center; }
  .goods-list h3 {
    font-size: 38px;
    color: #1E1E1E;
    margin: 87px 0 15px; }
  .goods-list h4 {
    color: #3C3C3C;
    font-size: 15px;
    color: #666666;
    margin-bottom: 74px; }
  .goods-list ul {
    display: flex;
    justify-content: space-between; }
    .goods-list ul li {
      width: 354px;
      cursor: pointer;
      margin-right: 20px; }
      .goods-list ul li.negotiation {
        flex: 0 0 440px;
        background: linear-gradient(180deg, #0043FF 0%, #F3F6FA 94%);
        border-radius: 32px; }
        .goods-list ul li.negotiation h3 {
          line-height: 58px;
          color: #fff;
          font-size: 28px;
          margin: 23px 0 8px; }
      .goods-list ul li .nego-content {
        width: 420px;
        margin: 0 auto;
        border-radius: 12px;
        height: auto; }
      .goods-list ul li > div {
        width: 354px;
        height: 352px;
        margin-bottom: 26px;
        overflow: hidden; }
        .goods-list ul li > div:last-child {
          margin-bottom: 0; }
        .goods-list ul li > div:hover > img {
          transform: scale(1.1); }
      .goods-list ul li img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.3s linear; }

.solution-nav {
  text-align: center;
  padding-bottom: 92px; }
  .solution-nav h3 {
    font-size: 38px;
    color: #1E1E1E;
    margin: 92px 0 15px; }
  .solution-nav h4 {
    color: #666666;
    font-size: 15px;
    margin-bottom: 86px; }
  .solution-nav .solution-cont {
    position: relative; }
    .solution-nav .solution-cont .icon-box {
      display: flex;
      justify-content: space-between; }
      .solution-nav .solution-cont .icon-box li {
        text-align: center;
        cursor: pointer;
        position: relative;
        width: 25%; }
        .solution-nav .solution-cont .icon-box li.active .text {
          color: #0043FF; }
        .solution-nav .solution-cont .icon-box li::after {
          content: ' ';
          position: absolute;
          right: 0px;
          width: 1px;
          height: 98px;
          background-color: #edeef2;
          top: -15px; }
        .solution-nav .solution-cont .icon-box li:last-child::after {
          content: none; }
        .solution-nav .solution-cont .icon-box li:hover .text {
          color: #0043FF; }
        .solution-nav .solution-cont .icon-box li img {
          width: 32px;
          height: 32px;
          margin: 0px auto; }
        .solution-nav .solution-cont .icon-box li div {
          font-size: 16px;
          margin-top: 14px;
          text-align: center;
          font-weight: 400;
          color: #666666; }
    .solution-nav .solution-cont .sol-img {
      width: 100%;
      height: 592px;
      margin-top: 86px; }
      .solution-nav .solution-cont .sol-img img {
        width: 100%;
        height: 100%; }
      .solution-nav .solution-cont .sol-img .btn {
        display: flex;
        justify-content: flex-end;
        position: absolute;
        bottom: 60px;
        right: 60px; }
        .solution-nav .solution-cont .sol-img .btn span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 146px;
          height: 52px;
          border-radius: 14px;
          border: 3px solid rgba(255, 255, 255, 0);
          color: #B3B3B3;
          font-size: 22px;
          background: #FFFFFF;
          margin-left: 20px;
          cursor: pointer; }
          .solution-nav .solution-cont .sol-img .btn span:last-child {
            border-color: #0043FF;
            background: #0043FF;
            color: #fff; }
    .solution-nav .solution-cont .solution-swiper {
      padding-bottom: 52px; }
      .solution-nav .solution-cont .solution-swiper .swiper-cont {
        border: 1px solid #eeeeee; }
        .solution-nav .solution-cont .solution-swiper .swiper-cont:hover {
          box-shadow: 0px 4px 20px 0px rgba(231, 231, 231, 0.4);
          border: none; }
          .solution-nav .solution-cont .solution-swiper .swiper-cont:hover img {
            transform: scale(1.1); }
        .solution-nav .solution-cont .solution-swiper .swiper-cont .swiper-img {
          width: 100%;
          height: 347px;
          overflow: hidden;
          cursor: pointer; }
        .solution-nav .solution-cont .solution-swiper .swiper-cont img {
          width: 100%;
          height: 347px;
          transition: all 0.3s linear; }
        .solution-nav .solution-cont .solution-swiper .swiper-cont h4 {
          color: #606060;
          font-size: 20px;
          text-align: center;
          padding: 37px 0 52px;
          margin: 0 30px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          transition: all 0.3s linear;
          cursor: pointer; }
          .solution-nav .solution-cont .solution-swiper .swiper-cont h4:hover {
            color: #0043ff; }
        .solution-nav .solution-cont .solution-swiper .swiper-cont .solution-more {
          display: flex;
          width: 100%;
          height: 58px;
          align-items: center;
          cursor: pointer; }
          .solution-nav .solution-cont .solution-swiper .swiper-cont .solution-more:hover span {
            color: #0043ff;
            margin-right: 226px; }
          .solution-nav .solution-cont .solution-swiper .swiper-cont .solution-more:hover .more-icon {
            display: none; }
          .solution-nav .solution-cont .solution-swiper .swiper-cont .solution-more:hover .more-icon-blue {
            display: block; }
          .solution-nav .solution-cont .solution-swiper .swiper-cont .solution-more span {
            font-size: 16px;
            color: #a0a0a0;
            padding-left: 33px;
            transition: all 0.3s linear;
            margin-right: 205px; }
          .solution-nav .solution-cont .solution-swiper .swiper-cont .solution-more img {
            width: 24px;
            height: 18px; }
            .solution-nav .solution-cont .solution-swiper .swiper-cont .solution-more img.more-icon {
              display: block; }
            .solution-nav .solution-cont .solution-swiper .swiper-cont .solution-more img.more-icon-blue {
              display: none; }
    .solution-nav .solution-cont .prev {
      position: absolute;
      left: -84px;
      margin-top: 0;
      top: 214px;
      outline: none;
      cursor: pointer; }
      .solution-nav .solution-cont .prev img {
        width: 14px;
        height: 28px; }
    .solution-nav .solution-cont .next {
      position: absolute;
      margin-top: 0;
      right: -84px;
      top: 214px;
      cursor: pointer;
      outline: none; }
      .solution-nav .solution-cont .next img {
        width: 14px;
        height: 28px; }
  .solution-nav .more {
    margin: 0 auto;
    width: 113px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #ffffff;
    color: #4b78f6;
    border: 1px solid #0043ff;
    cursor: pointer;
    transition: all 0.3s linear; }
    .solution-nav .more:hover {
      background: #0043ff;
      color: #fff; }

.product-nav {
  padding-bottom: 90px; }
  .product-nav .title {
    text-align: center;
    padding-bottom: 69px;
    font-size: 38px;
    color: #1E1E1E;
    font-weight: 400 !important; }
  .product-nav ul {
    display: flex;
    justify-content: space-between; }
    .product-nav ul li {
      width: 284px; }
      .product-nav ul li img {
        width: 100%;
        height: 256px; }
      .product-nav ul li .name {
        height: 30px;
        font-weight: bold;
        margin-top: 30px;
        font-size: 24px;
        color: #1E1E1E; }
      .product-nav ul li .text {
        margin-top: 25px;
        width: 250px;
        font-weight: 400;
        font-size: 13px;
        line-height: 21px;
        font-weight: 400;
        color: #666666; }
        .product-nav ul li .text span {
          color: #0043FF;
          font-size: 24px; }

.news-infor {
  padding-bottom: 104px; }
  .news-infor .newsinfor-tit {
    text-align: center;
    font-size: 38px;
    padding-bottom: 69px; }
  .news-infor h3 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative; }
    .news-infor h3::after {
      position: absolute;
      content: '';
      width: 60px;
      height: 6px;
      background: #0043ff;
      left: 0;
      top: 0; }
    .news-infor h3 span {
      font-size: 24px;
      color: #555555; }
    .news-infor h3 b {
      display: flex;
      align-items: center;
      font-size: 16px;
      color: #a0a0a0;
      cursor: pointer; }
      .news-infor h3 b:hover {
        color: #0043ff; }
        .news-infor h3 b:hover .imgon {
          display: block; }
        .news-infor h3 b:hover img {
          display: none; }
      .news-infor h3 b img {
        width: 7px;
        margin-left: 14px;
        margin-top: 2px; }
        .news-infor h3 b img.imgon {
          display: none; }
  .news-infor .newsinfor-cont {
    display: flex; }
    .news-infor .newsinfor-cont .newsinfor-list {
      margin-right: 30px;
      flex: 1;
      cursor: pointer; }
      .news-infor .newsinfor-cont .newsinfor-list:hover img {
        transform: scale(1.1); }
      .news-infor .newsinfor-cont .newsinfor-list:hover h4 {
        color: #0041FF; }
      .news-infor .newsinfor-cont .newsinfor-list .img {
        display: block;
        width: 380px;
        height: 240px;
        overflow: hidden;
        border-radius: 20px; }
        .news-infor .newsinfor-cont .newsinfor-list .img img {
          display: block;
          width: 100%;
          height: 100%;
          transition: all 0.3s linear; }
      .news-infor .newsinfor-cont .newsinfor-list h4 {
        font-size: 24px;
        font-weight: bold;
        padding: 15px 0 12px;
        width: 380px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .news-infor .newsinfor-cont .newsinfor-list h5 {
        font-size: 14px; }
      .news-infor .newsinfor-cont .newsinfor-list:last-child {
        margin-right: 0; }
    .news-infor .newsinfor-cont .infor-left {
      position: relative;
      width: 574px;
      margin-right: 50px;
      cursor: pointer; }
      .news-infor .newsinfor-cont .infor-left:hover .inforleft-line span {
        width: 100%; }
      .news-infor .newsinfor-cont .infor-left:hover h4,
      .news-infor .newsinfor-cont .infor-left:hover h5 {
        color: #0043ff; }
      .news-infor .newsinfor-cont .infor-left .inforleft-line {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #eeeeee; }
        .news-infor .newsinfor-cont .infor-left .inforleft-line span {
          position: absolute;
          content: '';
          width: 70px;
          height: 2px;
          background: #0043ff;
          left: 0;
          top: 0;
          transition: all 0.3s linear; }
      .news-infor .newsinfor-cont .infor-left .infor-img {
        width: 100%;
        overflow: hidden; }
        .news-infor .newsinfor-cont .infor-left .infor-img:hover img {
          transform: scale(1.1); }
        .news-infor .newsinfor-cont .infor-left .infor-img img {
          transition: all 0.3s linear;
          width: 574px;
          height: 358px; }
      .news-infor .newsinfor-cont .infor-left h4 {
        color: #9e9e9e;
        font-size: 14px; }
      .news-infor .newsinfor-cont .infor-left h5 {
        font-size: 30px;
        color: #000;
        padding: 40px 0 35px;
        font-weight: 500; }
    .news-infor .newsinfor-cont .infor-right {
      width: 576px; }
      .news-infor .newsinfor-cont .infor-right li {
        cursor: pointer; }
        .news-infor .newsinfor-cont .infor-right li:hover p,
        .news-infor .newsinfor-cont .infor-right li:hover h4 {
          color: #0043ff; }
        .news-infor .newsinfor-cont .infor-right li:hover .newsinfor-line span {
          width: 100%; }
        .news-infor .newsinfor-cont .infor-right li h4 {
          color: #9d9d9d;
          font-size: 14px;
          padding-bottom: 50px; }
        .news-infor .newsinfor-cont .infor-right li p {
          font-size: 20px;
          color: #000;
          padding: 47px 0 29px;
          cursor: pointer;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-weight: 500; }
        .news-infor .newsinfor-cont .infor-right li .newsinfor-line {
          position: relative;
          width: 100%;
          height: 2px;
          background: #eeeeee; }
          .news-infor .newsinfor-cont .infor-right li .newsinfor-line span {
            position: absolute;
            content: '';
            width: 70px;
            height: 2px;
            background: #0043ff;
            left: 0;
            top: 0;
            transition: all 0.3s linear; }

.contact-banner {
  position: relative; }
  .contact-banner .contact-img {
    max-width: 1980px;
    overflow: hidden;
    margin: 0 auto; }
    .contact-banner .contact-img img {
      width: 100%;
      transition: all 0.3s linear; }
  .contact-banner .contact-us {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff; }
    .contact-banner .contact-us h3 {
      font-size: 44px;
      letter-spacing: 10px;
      margin-bottom: 25px;
      margin-top: 20px; }
    .contact-banner .contact-us h4 {
      font-size: 16px;
      letter-spacing: 2px; }

.antbtn {
  visibility: hidden; }

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

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d6d6d6; }

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #c3c3c3;
  background: #ededed;
  border-radius: 10px; }

.quick-start h3 {
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: bold;
  margin: 80px 0 24px; }

.quick-start .quick-list {
  display: flex; }
  .quick-start .quick-list li {
    display: flex;
    width: 276px;
    height: 120px;
    background: #F8FAFD;
    border-radius: 8px;
    margin-right: 32px;
    cursor: pointer; }
    .quick-start .quick-list li .img {
      width: 40px;
      height: 40px;
      background: #fff;
      border-radius: 50%;
      margin: 16px 16px 0 24px; }
      .quick-start .quick-list li .img img {
        display: block;
        width: 40px;
        height: 40px; }
    .quick-start .quick-list li .right h4 {
      font-size: 18px;
      font-weight: bold;
      padding: 24px 0 8px;
      margin-bottom: 0;
      text-align: left; }
    .quick-start .quick-list li .right p {
      width: 172px;
      font-size: 14px;
      color: #999999;
      line-height: 20px; }
    .quick-start .quick-list li:last-child {
      margin-right: 0; }

.editsoft-search h3 {
  font-size: 14px;
  margin-bottom: 8px; }
  .editsoft-search h3 b {
    color: #0043FF;
    margin: 0 4px; }

.editsoft-search .search-box {
  margin-bottom: 40px; }
  .editsoft-search .search-box .search-list {
    display: flex;
    height: 106px;
    border-radius: 4px;
    cursor: pointer; }
    .editsoft-search .search-box .search-list:hover {
      background: #F7F7F7; }
    .editsoft-search .search-box .search-list img {
      display: block;
      width: 32px;
      height: 32px;
      margin: 16px; }
    .editsoft-search .search-box .search-list .right h6 {
      font-size: 18px;
      font-weight: bold;
      padding: 16px 0 8px; }
    .editsoft-search .search-box .search-list .right .detailed {
      width: 1120px;
      height: 40px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #666666;
      line-height: 20px; }

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0043ff;
  padding: 60px 0 104px; }
  .pagination.hidden {
    display: none; }
  .pagination i {
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer; }
    .pagination i img {
      display: block;
      width: 6px; }
  .pagination span {
    font-size: 14px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    margin-right: 10px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 100px; }
    .pagination span.active {
      background-color: #0043ff;
      color: #fff; }

@charset "UTF-8";
.contact-window {
  position: fixed;
  right: 24px;
  bottom: 170px;
  z-index: 9;
  width: 64px;
  height: 152px;
  background: #0043FF;
  box-shadow: 0px 4px 16px 0px rgba(22, 129, 217, 0.3);
  border-radius: 8px; }
  .contact-window.active {
    height: 76px; }
  .contact-window .totop {
    width: 64px;
    height: 56px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px #E0E8EE;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    cursor: pointer; }
    .contact-window .totop i {
      font-size: 24px; }
  .contact-window .us {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
    .contact-window .us img {
      display: block;
      width: 24px;
      height: 24px;
      margin-bottom: 4px;
      margin-top: 16px; }
    .contact-window .us:nth-child(1):hover + .code {
      display: flex; }
    .contact-window .us.free {
      cursor: pointer; }
      .contact-window .us.free:hover + .oem {
        display: flex; }
    .contact-window .us i {
      font-size: 14px;
      margin: 20px 0 10px; }
    .contact-window .us span {
      font-size: 12px;
      margin-bottom: 16px; }
  .contact-window .code {
    display: none;
    height: 130px;
    align-items: center;
    position: absolute;
    top: 0;
    right: 80px;
    background: #FFFFFF;
    box-shadow: 0px 2px 43px 5px rgba(21, 113, 178, 0.1);
    border-radius: 8px; }
    .contact-window .code.oem {
      top: 50px; }
    .contact-window .code::after {
      position: absolute;
      content: "";
      top: 50%;
      right: -19px;
      width: 0;
      height: 0;
      border: 10px solid;
      margin-top: -10px;
      border-color: transparent transparent transparent #fff;
      /* 箭头颜色 */ }
    .contact-window .code img {
      display: block;
      width: 96px;
      height: 96px;
      border: 2px solid #0043FF;
      margin: 0px 12px 0 16px; }
    .contact-window .code .code-right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 130px;
      min-width: 150px; }
      .contact-window .code .code-right h3 {
        font-size: 16px;
        margin-bottom: 8px;
        color: #1F1F1F; }
      .contact-window .code .code-right p {
        color: #1F1F1F;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 8px;
        padding-right: 30px; }
        .contact-window .code .code-right p span {
          display: block;
          font-size: 14px;
          color: #333;
          margin-bottom: 2px;
          font-weight: normal; }

.search {
  background: #f5f5f5; }
  .search .content {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 52px 0; }
    .search .content .search-left h5 {
      font-size: 30px;
      color: #0043ff;
      padding-bottom: 25px; }
    .search .content .search-left .bread-crumb {
      font-size: 14px;
      color: #838383; }
      .search .content .search-left .bread-crumb a {
        cursor: pointer; }
      .search .content .search-left .bread-crumb b {
        margin: 0 5px; }
    .search .content .search-right {
      width: 241px;
      height: 35px;
      border: 1px solid #bfbfbf;
      border-radius: 14px;
      display: flex;
      align-items: center; }
      .search .content .search-right input {
        width: 208px;
        height: 35px;
        background: transparent;
        text-indent: 20px; }
      .search .content .search-right img {
        width: 19px;
        height: 19px;
        cursor: pointer; }

.cooper h3 {
  font-size: 38px;
  font-weight: 500;
  color: #333333;
  padding: 40px 0;
  text-align: center; }

.cooper label {
  font-size: 12px !important;
  color: #333333 !important;
  height: 20px !important; }

.cooper .ant-form-item-label {
  padding: 0 0 4px !important; }

.cooper .ant-form-item {
  margin-bottom: 16px !important; }

.cooper .ant-select-selection-placeholder {
  line-height: 38px !important;
  text-align: left;
  font-size: 12px !important; }

.cooper .ant-select-selection-item {
  line-height: 38px !important;
  font-size: 12px !important;
  text-align: left; }

.cooper .ant-select-selector {
  height: 38px !important; }

.cooper .ant-select-selection-search-input {
  height: 38px !important;
  line-height: 38px !important;
  font-size: 12px !important; }

.cooper .ant-form-item-explain-error {
  text-align: left;
  font-size: 12px;
  line-height: 16px !important; }

.cooper .submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 156px;
  height: 48px;
  background: #0043FF;
  border-radius: 6px;
  margin-bottom: 15px;
  margin-top: 23px; }

.cooper .form-content {
  width: 420px;
  border-radius: 12px;
  background: #fff;
  padding: 18px 10px; }