.header{
    width: 100%;
    height: 9.2rem;
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7;
    z-index: -2;
  }
  
  .header .swiper-container{
    width: 100%;
    height: 9.2rem;
  }
  .header .swiper-container .swiper-slide{
    background-position: center center;
    background-size:cover;
  }
  .header .swiper-container .desBox{
    width:6.7rem;
    position: absolute;
    left:50%;
    top:4.4rem;
    transform: translate(-50%,0);
  }
  .header .swiper-container .desBox p.max{
    font-size: 0.9rem;
    color: #fff;
  }
  .header .swiper-container .desBox p.mini{
    font-size: 0.48rem;
    color: #fff;
    margin-top: 0.4rem;
  }
  .header .swiper-container .desBox p.yellow{
    color:#ffd229;
  }
  .header .swiper-container .desBox
  .header .swiper-container img{
    width: 100%;
    height: 9.2rem;
  }
  
  
  
  
  
  
  
  
  
  .middle{
    padding:0 0.4rem;
    padding-top: 0.8rem;
  }
  dl{
    display: flex;
    font-size: 0.32rem;
    margin-bottom: 0.8rem;
    position: relative;
  }
  dl img{
    width: 1.2rem;
    height: 1.2rem;
  }
  dl dd{
    margin-left: 0.2rem;
  }
  dl .codeBox{
    position: absolute;
    padding: 0.1rem;
    background: #fff;
    border: 1px solid #e5e5e5;
    left: 0;
    top: -3rem;
    z-index: 99;
  }
  dl .codeBox em{
    width: 0.46rem;
    height: 0.2rem;
    position: absolute;
    left:0.5rem;
    bottom:-0.2rem;
    background: url(../images/arrow.png) no-repeat 0 0;
    background-size: 0.46rem auto;
  }
  dl .codeBox img{
    width: 2.5rem;
    height: 2.5rem;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .showUs .pagecon{
    border-bottom: 0.6rem solid #eee;
  }
  .pagecon .banner{
    width: 100%;
    height: 7.6rem;
    background: url(../images/bg01.png) no-repeat 0 0;
    background-size: 100% auto;
    text-align: center;
  }
  .pagecon .banner h2{
    font-size: 1rem;
      color: #fff;
      padding-top: 3rem;
  }
  .pagecon .banner h3{
    font-size: 0.64rem;
    color: #fff;
    margin-top: 0.4rem;
    font-weight: normal;
  }
  .pagecon .imgBox{
    width: 100%;
    height: 5rem;
    background-color: #000;
    background-position: center center;
    background-size: cover;
  }
  /* .pagecon .imgBox img{
    width: 100%;
    height: 5rem;
  } */
  .pagecon .txtBox{
    padding: 0.8rem 0.4rem;
    font-size: 0.36rem;
    color:#333;
  }
  .pagecon .txtBox h5{
    font-size: 0.64rem;
    color: #df2c25;
    margin-bottom: 0.6rem;
  }
  .showUs .pagecon .txtBox h5{
    text-align: center;
  }
  .pagecon .txtBox p{
    line-height: 0.66rem;
    text-align: justify;
    color: #333;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .banner__inner {
    display: block;
    position: absolute;
    width: 200%;
    min-width: 750px;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    background-image: url("../images/bg01.jpg");
    border-radius: 0 0 50% 50%;
    z-index: -1;
    overflow: hidden;
  }
  
  .banner__inner::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(225, 0, 0, 0.8);
    z-index: -1;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .middle dt {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    /* background-color: hsla(0,0%,100%,.07); */
    background-color: rgba(225, 0, 0, 0.8);
    color: hsla(0,0%,100%,.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
  }
  
  
  
  
  .icon-macos, .icon-windows, .icon-weixin, .icon-zero-threshold, .icon-private, .icon-online, .icon-new-retail {
    display: inline-block;
    vertical-align: middle;
    width: 0.8rem;
    height: 0.8rem;
    background-size: cover;
  }
  
  .icon-weixin {
    background-image: url("../images/weixin.png");
  }
  
  .icon-zero-threshold {
    background-image: url("../images/zero-threshold.png");
  }
  
  .icon-private {
    background-image: url("../images/private.png");
  }
  
  .icon-online {
    background-image: url("../images/online.png");
  }
  
  .icon-new-retail {
    background-image: url("../images/new-retail.png");
  }
  
  .icon-windows {
    background-image: url("../images/weixin.png");
  }
  
  
  
  
  
  
  
  
  
  
  /* .swiper-slide::after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    bottom: 0;
    width: 150%;
    min-width: 1440px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(225, 0, 0, 0.8);
    z-index: -1;
    overflow: hidden;
  } */
  
  .core_feature {
    position: relative;
    font-size: 0.5rem;
    /* padding-bottom: 0.3rem; */
    display: flex;
    padding: 0.3rem 0 0.1rem 0.4rem;
    align-items:baseline;
    background-color: #f7f7f7;
  }
  
  .core_feature .title {
    font-family: PingFangSC-Medium;
    font-size: .586667rem;
    color: #333;
    letter-spacing: 0;
    line-height: .746667rem;
    font-weight: 500;
    opacity: .72;
  }
  
  
  .core_feature .title-bg {
    /* position: absolute; */
    opacity: .32;
    font-family: Arial-Black;
    font-size: .4rem;
    color: #d9dadb;
    font-weight: 900;
    white-space: nowrap;
  }