* {
    margin: 0;
    padding: 0;
    font-family: PingFangSC, PingFang SC, Microsoft YaHei, Arial, sans-serif;
  
  }
  
  html,
  body {
    width: 100%;
    height: 100%;
    /* width: 1920px; */
    background-color: #fafbfe;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    /* filter: grayscale(100%); */
    /* min-width: 1400px; */
  }
  
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  
  .wm-content {
    position: relative;
    overflow: hidden;
    display: none;
    height: 100%;
    width: 100%;
    background-color: #1c1c1c;
  }
  .wm-content.active{
    display: block;
  }
  .bg-video{
    height: auto;
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
  
    position: absolute;
    left: 0;
    top: 0;
  }
  .ml-40{
    margin-left: 40px;
  }
  .section{
    /* position: absolute; */
    height: 100vh;
    width: 100vw;
    position: relative;
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: 50% 50%;
    /* z-index: 1; */
  }
  .section.active{
    /* z-index: 10; */
    /* display: block; */
  }
  
  .swiper-wrapper{
    width: 100%;
    height: 100%;
  }
  
  .ib{
    display: inline-block;
  }
  
  .page-content{
    width: 1440px;
    height: calc(100% - 78px);
    padding-top: 78px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  /* **************** header **********************/
.header{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
  }
  .header-content{
    width: 1440px;
    /* height: 40px; */
    height: 107.5px;
    margin: auto;
    display: flex;
    align-items: center;
  }
  .header-logo{
    height: 38px;
    width: 109px;
    float: left;
  }
  .header-ul{
    margin-left: auto;
    list-style: none outside none;
  }
  .header-ul li{
    float: left;
    color: #ffffff;
    padding: 0 30px;
    cursor: pointer;
    font-size: 20px;
    line-height: 38px;
    position: relative;
  }
  .header-ul li.active{
    font-weight: bold;
    color: #F40861; 
  }
  .header-ul .btn-li{
    padding-right:0;
    /* position: relative; */
  }
  .header-ul li .menu-icon-down {
    position: absolute;
    z-index: 100;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: block;
    width: 10px;
    height: 6px;
    background: url(../img/menu-ic-down.png) no-repeat;
    background-size: contain;
  }
  .header-ul li .sub-header-box {
    display: none;
    padding-top: 15px;
    position: absolute;
    left: 30px;
    top: 30px;
    
  }
  .header-ul li:hover .sub-header-box{
    display: block;
  }
  .header-ul li .sub-header-box .sub-header-ul {
    width: 182px;
    height: 114px;
    padding: 16px 0;
    background: linear-gradient(0deg,#1c1d2c 0%, #070708 100%);
    border-radius: 8px;
    box-shadow: 0 0 6px 1px rgba(255, 142, 170, 0.1);
  }
  .header-ul li .sub-header-box .sub-header-ul .sub-btn-li{
    width: 100%;
    height: 57px;
    box-sizing: border-box;
    line-height: 57px;
    list-style:none;
    text-align: left;
    padding: 0 30px;
    margin: 0;
  }
  .header-ul li .sub-header-box .sub-header-ul .sub-btn-li:hover {
    /* background-image: url('../img/product-bg-active.png'); */
    background: linear-gradient(-60deg,#e182dd 0%, #f40861 100%);
    background-size: 100% 100%;
    transition: top 0.2s, background-image 0.2s;
  }
  .header-ul li .sub-header-box .sub-header-ul div a{
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    color: #999;
    text-decoration: none;
  }
  .header-ul li .sub-header-box .sub-header-ul .sub-btn-li:hover a{
    color: #ffffff;
  }




  
  .btn-login{
    /* position: absolute; */
    /* left: 0; */
    /* top: 3px; */
    display: inline-block;
    width: 114px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    /* transition: background 0.2s, box-shadow 0.2s; */
    text-decoration: none;
    background: linear-gradient(-60deg,#e182dd 0%, #f40861 100%);
    border-radius: 8px;
    box-shadow: 0 0 5px 5px rgba(231,66,107,0.2);
  }
  .btn-register{
    display: inline-block;
    width: 114px;
    height: 36px;
    margin-left: 20px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
  }
  .header-ul .btn-li a:hover{
    box-shadow: 0 7px 17px 1px linear-gradient(270deg,#f4e230 1%, #f12859 98%);
    background: linear-gradient(270deg,#f4e230 1%, #f12859 98%);
    font-weight: 400;
  }
  
  /* ******************** sidebar ******************** */
  .sidebar{
    position: absolute;
    right: 130px;
    top: 50%;
    transform: translateY(-50%);
  }
  .sidebar.active{
    z-index: 100;
  }
  .sidebar-item{
    width: 16px;
    height: 16px;
    margin-bottom: 16px;
    background: #ffffff;
    opacity: 0.5;
    cursor: pointer;
    border-radius: 100%;
  }
  .sidebar-item :last-child{
    margin-bottom: 0;
  }
  .sidebar-item.active{
    opacity: 1;
    background: #e84063;
  }
  
  .news.sidebar{
    opacity: 0;
  }

  /* **************** home **********************/
/* .home{
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
} */
/* .home.active{
  z-index: 10;
} */
.home-video-out{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .home-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    text-align: center;
  }
  .home-slogan{
    width: 1634px;
    height: 300px;
  }
  .home-tips{
    color: #fff;
    font-size: 24px;
    font-family: MicrosoftYaHeiLight;
    line-height: 64px;
  }
  .home-download{
    margin: 0 auto;
    margin-top: 145px;
  }
  .download-out{
    position: relative;
    width: 232px;
    height: 81px;
    display: inline-block;
  }
  .download-out + .download-out {
    margin-left: 40px
  }
  .tag_new{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 50px;
    z-index: 4;
  }
  .home-download :last-child{
    margin-right: 0;
  }
  .down-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 18px 34px;
    background-image: url('../img/2024new/client-bg.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    transition: top 0.2s, background-image 0.2s;
    cursor: pointer;
  }
  .down-item:hover{
    top: -5px;
    background-image: url('../img/2024new/client-active-bg.png');
  }
  .down-item img{
    display: inline-block;
    margin-right: 10px;
  }
  .down-item .down-item-desc {
    text-align: left;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5)
  }
  .down-item .down-item-desc :first-child {
    font-size: 16px;
    color: rgba(255, 255, 255, 1)
  }

  @keyframes pageDownMove{
    0%{
      top: -27px;
    }
    100%{
      top: 65px;
    }
  }
  
  @-webkit-keyframes pageDownMove{
    0%{
      top: -27px;
    }
    100%{
      top: 65px;
    }
  }
  
  /******************** home-page *************************/
  .swiper-mask{
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
  }
  .bg-image{
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
  }
  .home-page1{
    background-color: #1c1c1c;
    z-index: 1;
    background-image: url('../img/backImg/home-bg-1.png');
  }
  .home-page2{
    background-color: #1c1c1c;
    z-index: 1;
    background-image: url('../img/2024new/back-home.png');
  }
  .home-page3{
    background-color: #1c1c1c;
    z-index: 1;
    background-image: url('../img/backImg/home-bg-3.png');
  }
  .home-page-content{
    position: absolute;
    top: 271px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
  }
  .home-page-slogan{
    width: 1200px;
    height: 177px;
  }
  .home-page-download {
    margin: 0 auto;
    margin-top: 208px;
  }

  .oldDown{
    display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 18px;
      background: none;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 5px;
  }

  /* **************** product **********************/
  .product {
    background-image: url('../img/2024new/back-image.png');
  }
/* .product-bigScreen{
    background-image: url('../img/backImg/bigScreenBg.png');
  }
  .product-mp{
    background-image: url('../img/backImg/miaopuBg.png');
  }
  .product-game{
    background-image: url('../img/backImg/gameBg.png');
  }
  .product-artist{
    background-image: url('../img/backImg/artistBg.png');
  }
  .product-boss{
    background-image: url('../img/backImg/bossBg.png');
  }
  .product-cashier{
    background-image: url('../img/backImg/cashierBg.png');
  } */
  .product-content{
    position: absolute;
    left: 50%;
    /* bottom: 102px; */
    top: 395px;
    transform: translateX(-50%);
    width: 1600px;
    height: 600px;
    box-sizing: border-box;
    background-image: url('../img/2024new/product-content.png');
    background-size: 100% 100%;
    opacity: 0;
  }
  .product-content.active{
    opacity: 1;
  }
  .product-content .product-content-preview {
    width: 800px;
    height: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
  }
  .product-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .product-content .animation-preview {
    position: absolute;
    transition: 0.5s;
    transform-origin: 50% -10%;
    transform: scaleY(1.4);
  }
  .product-content .animation-preview.back {
    z-index: 100;
    width: 264px;
    height: 206px;
    left: 115px ;
    top: 248px;
    opacity: 0.4;

  }
  .product-content .animation-preview.left {
    z-index: 300;
    width: 402px;
    height: 314px;
    left: 151px ;
    top: 212px;
    opacity: 0.6;
  }
  .product-content .animation-preview.active {
    z-index: 400;
    width: 512px;
    height: 400px;
    left: 199px ;
    top: 180px;
    opacity: 1;
  }
  .product-content .animation-preview.right {
    z-index: 300;
    width: 402px;
    height: 314px;
    left: 357px;
    top: 212px;
    opacity: 0.6;
  }

  .product-content .product-content-desc {
    position: absolute;
    top: 102px;
    right: 198px;
  }
  .product-content .product-content-desc .product-title{
    /* font-size: 50px; */
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    text-align: right;
    margin-bottom: 28px;
  }
  .product-content .product-content-desc .product-info{
    width: 568px;
    height: 232px;
    margin-bottom: 20px;
    margin-left: auto;
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
  }
  .product-content .product-content-desc .product-show-detail{
    width: 176px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    margin-left: auto;
    font-size: 16px;
    color: #ffffff;
    background: linear-gradient(-60deg,#e182dd 0%, #f40861 100%);
    border-radius: 8px;
    cursor: pointer;
  }

  .product-list{
    position: absolute;
    left:50%;
    top: 250px;
    transform: translateX(-50%);
    width: 1300px;
    display: flex;
    justify-content: space-around;
  }
  .product-head {
    position: absolute;
    top: -120px;
    margin: 0 auto;
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
  }
  .product-item{
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 216px;
    height: 80px;
    font-size: 18px;
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #ADABF2;
    background-image: url('../img/2024new/product-normal.png');
    background-size: 100%;
  }

  .product-item-subtitle{
    font-size: 14px;
  }
  .product-item.active{
    background-image: url('../img/2024new/product-active.png');
    color: #fff;
  }

  /* **************** case **********************/
  .case-odds{
    background-image: url('../img/backImg/caseBg.png');
  }
  .case-demo{
    background-image: url('../img/2024new/back-image.png');
  }
  .case-partner{
    background-image: url('../img/2024new/back-image.png');
  }
  .case-tab{
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 48px;
    display: flex;
    justify-content: center;
    gap: 26px;
  }
  .case-tab-item{
    width: 216px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    color: #ADABF2;
    cursor: pointer;
    background-image: url('../img/2024new/product-normal.png');
    background-size: 100%;
  }
  .case-tab-item.active{
    background-image: url('../img/2024new/product-active.png');
    color: #fff;
  }
  .case-show-list{
    position: absolute;
    width: 1140px;
    height: 641px;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
  }
  .store-show-list{
    position: absolute;
    width: 1140px;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
  }
  /* 案列展示 */
  #demo-show-swiper{
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
  }
  /* 合作伙伴 */
  #store-swiper{
    width: 1140px;
    /* height: 670px; */
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  .page-btn{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
  }
  .demo-show-prev{
    left: 280px;
    top: 55%;
  }
  .demo-show-next{
    right: 280px;
    top: 55%;
  }
  .store-show-prev{
    left: 280px;
    top: 55%;
  }
  .store-show-next{
    right: 280px;
    top: 55%;
  }
  /* .odds-show-prev{
    left: 0;
  }
  .odds-show-next{
    right: 0;
  } */

  .pageArrow{
    width: 60px;
    height: 60px;
  }
  .arrow-left{
    background-image: url('../img/2024new/icon-page-left.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .arrow-left:hover{
    background-image: url('../img/2024new/icon-page-left-active.png');
  }
  .arrow-right{
    background-image: url('../img/2024new/icon-page-right.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .arrow-right:hover{
    background-image: url('../img/2024new/icon-page-right-active.png');
  }
  .case-show-item{
    position: relative;
    cursor: pointer;
    color: rgba(256,256,256,0.7);
  }
  .case-show-item:hover{
    color: #fff
  }
  .case-item-img{
    position: absolute;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .case-item-title{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    line-height: 100px;
    padding: 0 40px;
    font-size: 30px;
    background: linear-gradient(to right, #0b0e1c, transparent);
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  /* .store-item{
    width: 187px;
    height: 172px;
    overflow: hidden;
    position: relative;
  } */
  .swiper-slide.store-item {
    width: 200px;
    height: 200px;
  }
  .store-item img{
    user-select: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 16px;
  }
/* **************** news **********************/
.news{
    background-image: url('../img/2024new/back-image.png');
  }
  
  .news-head {
    font-size: 36px;
    color: #fff;
    text-align: center;
    padding-top: 137px;
  }
  .news-show-list{
    position: absolute;
    top: 22%;
    /* top: 120px; */
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    overflow: hidden;
  }
  #news-show-swiper{
    /* width: 1212px; */
    width: 1124.5px;
    margin: 0 auto;
    position: relative;
  }
  .news-show-prev{
    left: 280px;
  }
  .news-show-next{
    right: 280px;
  }
  .swiper-slide.news-show-item{
    width: 521px;
    height: 677px;
    position: relative;
    /* font-family: MicrosoftYaHeiLight; */
    box-sizing: border-box;
    padding-top: 34px;
    padding-left: 48px;
    cursor: default;
    opacity: 0.7;
    /* margin-right: 82.5px; */
    /* border:rgba(137, 134, 207, 0.5) 1px solid; */
    background: url('../img/2024new/back-news.png') center/100% no-repeat;
    border-radius: 16px;
  }
  .swiper-slide.news-show-item .news-show-title{
    font-weight: 700;
    font-size: 56px;
    color: rgba(173, 171, 242, 0.7);
  }
  .swiper-slide.news-show-item .news-show-month{
    font-size: 24px;
    color: rgba(173, 171, 242, 0.7);
    margin-bottom: 36px;
  }
  .swiper-slide.news-show-item.light {
    opacity: 1;
  }
  .swiper-slide.news-show-item.light .news-show-title{
    color: #ADABF2;
  }
  .swiper-slide.news-show-item.light .news-show-month {
    color: #ADABF2;
  }

  .news-show-info{
    height: 79px;
    padding-right: 48px;
    margin-bottom: 30.75px;
    font-size: 28px;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 6px;
    font-weight: 700;
    overflow: hidden;
    word-break: break-all;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .swiper-slide.news-show-item.swiper-slide-active .news-show-info,
  .swiper-slide.news-show-item.swiper-slide-active + .news-show-item .news-show-info {
    color: #fff;
  }

  .news-img-box{
    position: relative;
    width: 520px;
    height: 292px;
  }
  .news-img-box img{
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 8px;
    cursor: pointer;
  } 
  .news-img-box::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
    display: block;
    pointer-events: none;
  }
  .news-a {
    margin-top: 27px;
  }
  .news-a a {
    text-decoration: none; 
    outline: none;
    color:#F40861;
    font-size: 16px;
  }
  /* **************** about **********************/
.about-company, .business {
    background-image: url('../img/2024new/back-image.png');
  }

  /* 按钮样式 */
  .about-btn{
    background: rgba(255, 255, 255, 0.1);
    width: 264px;
    height: 56px;
    position: relative;
    text-align: center;
    line-height: 56px;
    cursor: pointer;
    margin-top: 66px;
  }
  .about-btn:hover{
    background: linear-gradient(270deg,#f4e230 1%, #f12859 98%);
  }
  .about-arrow{
    width: 25px;
    height: 10px;
    position: absolute;
    right: 29px;
    top: 23px;
  }
  .about-out{
    visibility: hidden;
  }
  .about-out.active{
    visibility: visible;
  }
  
  /* 公司历程 */
  .company-info{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 106px;
    font-size: 20px;
    color: #ffffff;
    line-height: 1.8;
    letter-spacing: 0;
    margin-bottom: 74px;
  }
  .company-info .see-more {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 176px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    background: linear-gradient(-60deg,#e182dd 0%, #f40861 100%);
    border-radius: 8px;
    cursor: pointer;
  }
  /* .company-info-year{
    font-size: 36px;
    line-height: 38px;
    letter-spacing: 5px;
  }
  .company-info-break{
    position: relative;
    height: 1px;
    width: 40px;
    background-color: #fff;
    margin-top: 14px;
    margin-bottom: 20px;
  }
  .company-info-break::before{
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 15px;
    content: "";
    border-top: 2px solid #fff;
    border-right: 5px solid transparent;
  }
  .company-info-content{
    font-size: 14px;
    line-height: 32px;
    padding: 14px;
    padding-right: 0;
    position: relative;
  }
  .company-info-line{
    position: absolute;
    left: 0;
    top:0;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0.3) 0%, rgba(216, 216, 216, 0.3) 80%, transparent 50%);
    background-size: 2px 31px;
    background-repeat: repeat-y
  } */

  .company-certificate{
    width: 1200px;
    height: 451px;
    position: relative;
    margin: 0 auto;
  }
  .certificate-show-prev{
    left: 280px;
  }
  .certificate-show-next{
    right: 280px;
  }
  .swiper-slide .certificate-show-item {
    width: 500px;
    height: 281px;
    position: absolute;
    left: 0;
    right: 0;
    transform-origin: 50% 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.5s;
  }
  .swiper-slide .certificate-show-item.left {
    z-index: 1;
    transform: translate(-350px);
  }
  .swiper-slide .certificate-show-item.active {
    z-index: 2;
    transform: scale(1.604);
  }
  .swiper-slide .certificate-show-item.right {
    z-index: 1;
    transform: translate(350px, 0);
  }
  .certificate-show-img{
    width: 100%;
    max-height: 100%;
  }
  
  /* 联系方式 */
  .contact-content{
    position: absolute;
    /* top: 198px; */
    top: 50%;
    left: 283px;
    transform: translateY(-50%);
    font-family: MicrosoftYaHeiLight;
  }
  .contact-info{
    display: inline-block;
    width: 400px;
    height: 550px;
    float: left;
  }
  .contact-title{
    font-size: 39px;
    line-height: 56px;
    margin-bottom: 14px;
  }
  .contact-break{
    width: 23px;
    height: 24px;
    margin-left: 20px;
  }
  .contact-line{
    height: 4px;
    width: 20px;
    /* background-color: #fff; */
    margin-top: 34px;
    margin-bottom: 94px;
  }
  .contact-label{
    font-weight: lighter;
    opacity: 0.6;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 19px;
  }
  .contact-text{
    font-size: 14px;
    line-height: 19px;
    font-weight: lighter;
  }
  
  #about-map{
    float: left;
    display: inline-block;
    margin-left: 80px;
    width: 564px;
    height: 550px;
  }
  .map-info{
    color: #000;
    font-size: 12px;
  }
  .amap-marker-label{
    border: none;
  }

  /* 商务合作 start*/
  .business .business-info {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 80px;
    font-size: 20px;
    color: #ffffff;
    line-height: 1.8;
    letter-spacing: 0;
    margin-bottom: 107px;
  }
  .business .business-about {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .business .business-concat .concat-title {
    width: 421px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    line-height: 46px;
    text-align: left;
  }
  .business .business-concat .concat-line {
    width: 421px;
    height: 2px;
    display: block;
  }
  .business .business-concat .concat-item {
    width: 421px;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(-90deg,transparent 0%, rgba(40, 38, 78, 0.6) 100%);
    border-radius: 8px;
    font-size: 20px;
    font-weight: 400;
    box-sizing: border-box;
    padding-left: 76px;
    margin-top: 16px;
    position: relative;
  }
  .business .business-concat .concat-item img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    position: absolute;
    left: 16px;
    top: 15px;
  } 

  .business .business-concat .concat-item.name {
    margin-top: 24px;
  }

  .business .business-partners {
    width: 708px;
    height: 339px;
    margin: 0;
    position: relative;
  }
  .business .business-partners .swiper-container {
    height: 100%;
  }
  .business .business-show-item .business-show-img {
    height: 200px;
    width: auto;
    object-fit: contain;
  }
  .business-show-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .business-show-item {
    position: relative;
    opacity: 0;
    z-index: 1;
    overflow: hidden;
  }

  .business-show-item.swiper-slide-prev, .business-show-item.swiper-slide-next {
    position: relative;
    opacity: 0.5;
    z-index: 2;
  }
  .business-show-item.swiper-slide-active {
    position: relative;
    overflow: visible;
    opacity: 1;
    z-index: 3;
  }
  .business .business-show-item.swiper-slide-prev {
    justify-content: flex-start;
  }
  .business .business-show-item.swiper-slide-active .business-show-img {
    height: 339px;
  }

  .business .business-show-item.swiper-slide-next {
    justify-content: flex-end;
  }

  /* 商务合作 end */

  .about-footer{
    position: absolute;
    bottom: 50px;
    /* top: 700px; */
    width: 100%; 
    left: 50%;
    transform: translateX(-50%);
    font-weight: lighter;
  }
  .footer-detail{
    line-height: 26px;
    font-size: 16px;
    /* color: #666666; */
    color: #fff;
    opacity: 0.5;
    text-align: center;
    cursor: pointer;
  }
  .footer-detail:first-child {
    font-size: 20px;
  }
  #ICP{
    /* color: #999999; */
    opacity: 0.7;
  }