/* 基本重置 */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  ol,
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  a {
    color: inherit;
    /* 使用父元素的颜色 */
    text-decoration: none;
  }

  body {
    color: #333;
  }

  .page {
    max-width: 1920px;
    margin: 0 auto;
  }

  .main {
    padding-top: 64px;
  }

  .basetitle .title-wrap {
    height: 135px;
    padding-top: 59px;
    text-align: center;
  }

  .basetitle .title-wrap .maintitle {
    font-size: 28px;
    line-height: 1;
    color: #333;
    letter-spacing: 1.4px;
    font-weight: 500;
    position: relative;
    padding-bottom: 15px;
  }
   .title-wrap h2:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 44px;
      height: 3px;
      background-color: #3778fa;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
    }

  /*创始人介绍  */
  .founder-introduction-wrap {
    position: relative;
  }

  .founder-introduction-wrap .bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  .founder-introduction-wrap .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .founder-introduction-wrap .container {
    width: 1200px;
    margin: 0 auto;
  }

  .founder-introduction-wrap .founder-main {
    padding-bottom: 87px;
    margin: 0 60px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .founder-introduction-wrap .founder-main .p-title {
    padding-top: 47px;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
    font-size: 40px;
    margin-bottom: 47px;
  }

  .founder-introduction-wrap .founder-main .imgs {
    width: 686px;
    height: auto;
    padding: 33px 0;
    background-size: contain;
    text-align: center;
    position: relative;
  }

  .founder-introduction-wrap .founder-main .text-desc {
    width: 616px;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0;
    text-indent: 2em;
    --tw-text-opacity: 1;
    color: rgb(90 91 97 / var(--tw-text-opacity));
    font-size: 16px;
    display: inline-block;
  }

  .people-img {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0px;
  }


  /* 发展历程 */
  .history-wrap {
    color: #fff;
    overflow: hidden;
    position: relative;
  }

  .section-container-wrap {
    padding-bottom: 59px;
    position: relative;
  }

  .section-container-wrap .bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  .section-container-wrap .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .history-wrap .k-pagination-inner {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 89px;
  }

  .history-wrap .k-pagination-inner .k-pg-inner-progress {
    height: 4px;
    border-radius: 2px;
    background-image: linear-gradient(90deg, #3778fa, #fa3737);
  }

  .none {
    display: none;
  }

  .absolute {
    position: absolute;
  }

  .history-wrap .content {
    height: 423px;
    position: relative;
  }

  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
  }

  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }

  .history-wrap .height {
    height: 442px;
  }

  .hiddennn {
    display: none;
  }

  .swiper-wrapper .infoContent {
    width: 100%;
  }

  .swiper-slide {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    transition-property: transform;
  }

  .swiper-slide .item-1 {
    width: 30%;
    padding-right: 20px;
    justify-content: end;
  }

  .swiper-slide .item {
    padding-bottom: 95px;
    display: flex;
    align-items: center;
  }

  .swiper-slide .item-2 {
    width: 70%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .swiper-slide .item-1 .item-1-text {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 3px;
  }

  .swiper-slide .item-2 .item-title {
    color: #fff;
    margin-left: 50px;
    margin-bottom: 20px;
  }

  .swiper-slide .item-2 .item-title h2 {
    font-size: 24px;
  }

  .swiper-slide .item-2 .item-2-list-item {
    padding-left: 50px;
    font-size: 16px;
    line-height: 30px;
    width: 564px;
    position: relative;
    color: #fff;
  }

  .swiper-slide .item-2 .item-2-list-item:before {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fa3737;
    border-radius: 50%;
    left: 20px;
    top: 10px;
  }

  .swiper-paginations {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10;
    display: flex;
    justify-content: space-around;
  }

  .history-wrap .swiper-paginations:after {
    content: "";
    width: 100%;
    display: block;
    top: 71px;
    position: absolute;
    height: 4px;
    background-color: #fff;
    border-radius: 2px;
    opacity: .2;
  }

  .swiper-paginations .dp-bullet {
    width: 70px;
    height: 114px;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .swiper-pagination .dp-bullet-active {
    display: inline-block;
  }

  .history-wrap .pg-btn-active {
    width: 22px;
    height: 83px;
  }

  .history-wrap .pg-btn {
    width: 20px;
    height: 20px;
    margin-bottom: 30px;
  }

  .history-wrap .pg-btn-active img,
  .history-wrap .pg-btn img {
    width: 100%;
    height: 100%;
  }

  .dp-bullet .pg-btn-active {
    display: none;
  }

  .dp-bullet .pg-btn {
    display: inline-block;
  }

  .dp-bullet.dp-bullet-active .pg-btn-active {
    display: inline-block;
  }

  .dp-bullet.dp-bullet-active .pg-btn {
    display: none;
  }

  .history-wrap .dp-bullet .pg-text {
    width: 80px;
    position: absolute;
    margin-bottom: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    opacity: .5;
  }

  /* 战略合作伙伴 */
  .digital-economy-wrap {
    padding-bottom: 74px;
    position: relative;
  }

  .digital-economy-wrap .bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  .digital-economy-wrap .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .digital-economy-wrap .container {
    width: 1200px;
    margin: 0 auto;
    max-width: 1536px;
  }


  .digital-economy-wrap .founder-img-wrap {
    max-width: 1180px;
    /* height: 247px; */
    margin-top: 35px;
    /* position: relative; */
  }

  .digital-economy-wrap .founder-img-wrap .logo-box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }

  .digital-economy-wrap .founder-img-wrap .logo-box .top-box {
    padding: 0 20%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px;
  }

  .digital-economy-wrap .founder-img-wrap .logo-box .top-box:nth-child(2) {
    padding: 0 25%;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .digital-economy-wrap .founder-img-wrap .logo-box .top-box .box-item {
    width: 30%;
    margin: 0 20px;
  }

  .digital-economy-wrap .founder-img-wrap .logo-box .top-box .box-item img {
    width: 100%;
    height: auto;
  }

  /* 荣誉认证 */
  .honor-wrap {
    padding-bottom: 60px;
    position: relative;
  }

  .honor-wrap .bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  .honor-wrap .bg-img img {
    width: 100%;
    height: 100%;
  }

  .honor-wrap .first {
    width: 1200px;
    padding-bottom: 43px;
    background-image: linear-gradient(0deg, #fafbfd, #fff), linear-gradient(#fff, #fff);
    background-blend-mode: normal, normal;
    box-shadow: 3px 5px 9px 1px rgba(61, 75, 102, .1);
    border-radius: 4px;
    border: 2px solid #fff;
    display: flex;
    flex-wrap: wrap;
  }

  .honor-wrap .first .percer {
    width: 25%;
    text-align: center;
  }

  .honor-wrap .first .percer .percerimg {
    height: 180px;
    margin-top: 36px;
  }

  .honor-wrap .first .percer .percertitle {
    width: 256px;
    margin: 24px auto 0;
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .honor-wrap .seamless-warp {
    height: 240px;
    margin: 49px 1px 22px;
    overflow: hidden;
    font-size: 16px;
    color: #5a5b61;
  }

  .honor-wrap .seamless-warp ul {
    margin-bottom: 0;
    padding: 0;
  }

  .honor-wrap .seamless-warp ul li {
    color: #5a5b61;
    list-style-type: none;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .honor-wrap .seamless-warp ul li img {
    width: 22px;
    height: 22px;
    margin-right: 14px;
  }

  .honor-wrap .seamless-warp ul li .title {
    width: 900px;
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .honor-wrap .seamless-warp ul li .date {
    float: right;
    color: #9196a4;
  }

  .honor-wrap .mains {
    text-align: center;
  }

  .honor-wrap .mains .top {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
  }

  .honor-wrap .mains .top .one {
    width: calc(50% - 17px);
    padding: 33px 24px;
    margin-left: 17px;
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .honor-wrap .mains .shadow {
    background: #fff;
    box-shadow: 0 6px 16px 4px rgba(61, 75, 102, .1);
    border-radius: 4px;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  }

  .honoe-wrap .mains .top .one img {
    width: 200px;
    height: 149px;
  }

  .honor-wrap .mains .top .one .left {
    text-align: left;
    width: 316px;
    margin-left: 24px;
  }

  .honor-wrap .mains .top .one .left div {
    font-size: 18px;
    margin-bottom: 20px;
    color: #5a5b61;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .honor-wrap .mains .top .one .left p {
    font-size: 14px;
    color: #9196a4;
    margin-bottom: 0;
    margin-top: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .honor-wrap .mains .segmenting-line {
    position: relative;
    height: 20px;
    margin: 20px 0;
  }

  .honor-wrap .mains .segmenting-line hr {
    position: absolute;
    width: 100%;
    top: 10px;
    border: none;
    height: 1px;
    margin: 0;
    background-image: linear-gradient(90deg, rgba(145, 150, 164, .03) 8%, rgba(145, 150, 164, .3) 35%, rgba(145, 150, 164, .03) 45%, rgba(145, 150, 164, .03) 60%, rgba(145, 150, 164, .3) 66%, rgba(145, 150, 164, .03) 93%);
    background-repeat: no-repeat;
    box-sizing: content-box;
    overflow: visible;
  }

  .honor-wrap .mains .segmenting-line div {
    text-align: center;
    line-height: 20px;
    position: absolute;
    width: 100%;
  }

  .honor-wrap .mains .segmenting-line div span {
    margin: auto;
    padding: 0 20px;
    display: inline-block;
    font-size: 14px;
    color: #9196a4;
  }

  .honor-wrap .mains .bottom {
    width: 1190px;
    margin-left: 17px;
    padding-bottom: 44px;
    display: table;
    table-layout: fixed;
  }

  .honor-wrap .mains .bottom .percer {
    display: table-cell;
    text-align: center;
  }

  .honor-wrap .mains .bottom .percer .percerimg {
    width: 80px;
    height: 80px;
    margin-top: 48px;
  }

  .honor-wrap .mains .bottom .percer .percertitle {
    margin: 28px 10px 0 10px;
    font-size: 14px;
    color: #5a5b61;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 联系我们 */
  .ContactUs-wrap {
    margin-bottom: 60px;
  }

  .ContactUs-wrap .mains .bottom {
    width: 1154px;
    display: flex;
    margin: 0 auto;
  }

  .ContactUs-wrap .mains .bottom .map {
    width: 792px;
    height: 422px;
  }

  .ContactUs-wrap .mains .bottom .locationwrap {
    margin-left: 54px;
  }

  .ContactUs-wrap .mains .bottom .locationwrap .maill {
    font-size: 24px;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ContactUs-wrap .mains .bottom .locationwrap .mailname {
    font-size: 16px;
    margin-top: 13px;
    color: #9196a4;
    display: flex;
    align-items: center;
  }

  .ContactUs-wrap .mains .bottom .locationwrap .mailname .icon {
    width: 22px;
    height: 22px;
    margin-right: 9px;
  }

  .ContactUs-wrap .mains .bottom .locationwrap .mailname .icon img {
    width: 100%;
    height: 100%;
  }

  .ContactUs-wrap .mains .bottom .locationwrap .maill2 {
    font-size: 24px;
    margin-top: 32px;
    line-height: 1;
  }

  .ContactUs-wrap .mains .bottom .locationwrap .location {
    margin-top: 36px;
    margin-bottom: 12px;
    color: #5a5b61;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  /* 手机版公司简介 */
  .phone-company-wrap {
    display: none;
    padding: 15px;
    margin: 0 auto;
    position: relative;
  }

  .phone-company-wrap .bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
  }

  .phone-company-wrap .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .phone-company-wrap .title-wrap {
    margin: 0 auto;
    text-align: center;
  }

  .phone-company-wrap .title-wrap em {
    font-family: 'Bauhaus93';
    font-size: 38px;
    color: #D9413D;
    opacity: .1;
    text-transform: uppercase;
    line-height: 1;
  }

  .phone-company-wrap .title-wrap em span {
    color: #333;
  }

  .phone-company-wrap .title-wrap h2 {
    font-size: 24px;
    line-height: 1.1;
    position: relative;
    margin-top: -23px;
    padding-bottom: 15px;
  }

  .phone-company-wrap .company-info .txt {
    text-indent: 2em;
    line-height: 2;
    text-align: justify;
    margin-bottom: 20px;
    font-size: 14px;
  }

  @media screen and (min-width: 769px) and (max-width: 1500px) {
    .main {
      padding-top: 116px;
    }

  }

  @media (max-width: 960px) {
    .main {
      padding-top: 64px;
    }

  	.ContactUs-wrap {
      display: none;
  	}

    .phone-company-wrap {
      display: block;
    }

    .basetitle .title-wrap {
      height: 35px;
      padding-top: 10px;
    }

    .basetitle .title-wrap .maintitle {
      font-size: 20px;
    }


    .founder-introduction-wrap {
     padding: 15px;
    }

    .founder-introduction-wrap .container {
      width: 100%;
    }
    .founder-introduction-wrap .founder-main {
      margin: 30px 15px 15px 15px;
      padding-bottom: 27px;
    }

    .founder-introduction-wrap .founder-main .p-title {
      padding-top: 17px;
      font-size:18px;
      margin-bottom: 17px;
    }

    .founder-introduction-wrap .founder-main .imgs {
      width: 100%;
      height: 100%;
    }

    .founder-introduction-wrap .founder-main .text-desc {
      width: 100%;
      padding: 0 10px;
    }

    /* 发展历史 */
	.history-wrap .section-container-wrap{
      padding: 15px 0;
	}
    .history-wrap .content {
      height: 332px;
    }

    .history-wrap .height {
      height: 332px;
    }

    .swiper-slide {
      display: flex;
      flex-shrink: 0;
      width: 100%;
      position: relative;
      transition-property: transform;
    }

    .swiper-slide .item-1 {
      padding-right: 0;
      justify-content: center;
    }

    .swiper-slide .item-2 {
      padding-left: 0px;
    }

    .swiper-slide .item-1 .item-1-text {
      font-size: 16px;
    }

    .swiper-slide .item-2 .item-title {
      margin-left: 40px;
    }

    .swiper-slide .item-2 .item-title h2 {
      font-size: 16px;
    }

    .swiper-slide .item-2 .item-2-list-item {
      padding-left: 40px;
      font-size: 14px;
      width: 100%;
    }

    .history-wrap .dp-bullet .pg-text {
      width: 70px;
      font-size: 12px;
    }

    /* 战略合作伙伴 */
    .digital-economy-wrap {
      padding:15px 0;
    }

    .digital-economy-wrap .container {
      width: 100%;
      max-width: none;
    }

    .digital-economy-wrap .founder-img-wrap {
      margin-top: 30px;
      max-width: none;
    }

  .digital-economy-wrap .founder-img-wrap .logo-box .top-box {
    padding: 0 2%;
  }

    .digital-economy-wrap .founder-img-wrap .logo-box .top-box:nth-child(2) {
      padding: 0 6%;
    }

    .digital-economy-wrap .founder-img-wrap .logo-box .top-box .box-item {
      margin: 0;
    }
  }