* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  a {
    text-decoration: none;
  }
  ul {
    list-style: none;
  }
  button {
    border: none;
  }
  button:hover {
    cursor: pointer;
  }
  input {
    outline: none;
  }
  html, body {
    position: relative;
    height: 100%;
  }
  body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
  }
  .swiper {
    width: 100%;
    height: 100%;
  }
  .swiper-backface-hidden .swiper-slide {
    display: flex;
  }
  .Zenith_box .sys_text_left{
      opacity: 0;
  }
  .Zenith_box .sys_img_right{
      opacity: 0;
  }
  .Zenith_box .swiper-slide-active .sys_text_left{
      opacity: 1;
  }
  .Zenith_box .swiper-slide-active .sys_img_right{
      opacity: 1;
  }
  .sys_swiper .swiper-slide {
    /* text-align: center; */
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0.8rem 0 0.8rem;
  }
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-button-next {
    width: 0.42rem !important;
    height: 0.42rem !important;
    border-radius: 50%;
    background: rgba(152, 149, 149, 0.43);
    transition: all 0.3s;
    right: 2.25rem !important;
  }
  .swiper-button-next:hover {
    background-color: black;
  }
  .swiper-button-next::after {
    font-size: 0.16rem !important;
    color: white !important;
  }
  .swiper-button-prev::after {
    font-size: 0.16rem !important;
    color: white !important;
  }
  .swiper-button-prev {
    width: 0.42rem !important;
    height: 0.42rem !important;
    border-radius: 50%;
    background: rgba(152, 149, 149, 0.43);
    transition: all 0.3s;
    left: 2.25rem !important;
  }
  .swiper-button-prev:hover {
    background-color: black;
  }
  .apSwiper .swiper-slide {
    width: 2.7rem !important;
    /*height: 0.88rem !important;*/
    background: #FFFFFF !important;
    /*padding: 0.31rem 0.1rem 0.31rem 0.28rem !important;*/
    align-items: center;
    transition: all 0.3s;
    
  }
  .apSwiper .swiper-slide:hover {
    background: #000000 !important;
  }
  .apSwiper .swiper-slide:hover p {
    color: white;
  }
  .apSwiper .swiper-slide p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    transition: all 0.3s;
  }
  .Zenith_box .section_box {
    width: 100%;
    background: #FFFFFF;
  }
  .Zenith_box .section_top_img_box {
    padding-top: 1.8rem;
    max-width: 14rem;
    width: 95%;
    margin: auto;
  }
  .Zenith_box .section_img_title_box {
    padding-bottom: 0.2rem;
    border-bottom: 0.01rem solid #E3E3E3;
  }
  .Zenith_box .section_img_title_box p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.32rem;
    color: #000000;
  }
  .Zenith_box .section_img_content_box {
    margin-top: 0.4rem;
    width: 100%;
    height: 5.8rem;
    background-image: url(../img/meng\ 311.png);
    position: relative;
  }
  .Zenith_box .section_content_box {
    padding-top: 1.97rem;
    padding-left: 0.7rem;
    opacity: 1;
  }
  .Zenith_box .section_content_box > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
  }
  .Zenith_box .section_content_box > p:nth-of-type(2) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #D8D8D8;
    width: 6.3rem;
    line-height: 0.3rem;
    margin-top: 0.4rem;
  }
  .Zenith_box .Masking_section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 24, 24, 0.75);
    display: flex;
  }
  .Zenith_box .section_right_box {
          width: 5.8rem;
    height: 4rem;
    display: flex;
    margin-top: 2.07rem;
    margin-left: 0.76rem;
  }
  
  .Zenith_box .section_right_box img {
      object-fit: contain;
  }
  .Zenith_box .tab_box {
    margin-top: 0.8rem;
    max-width: 14rem;
    width: 95%;
    /* border: 1px solid red; */
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.7rem;
  }
  .Zenith_box .tab_wrap {
    display: flex;
    justify-content: space-evenly;
  }
  .Zenith_box .tab {
    width: 1.5rem;
    padding-bottom: 0.15rem;
    /* border-bottom: 0.03rem solid #333333; */
  }
  .Zenith_box .tab > div:nth-of-type(1) {
    width: 0.4rem;
    height: 0.4rem;
    display: flex;
    margin: auto;
  }
  .Zenith_box .tab > div:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.4s;
  }
  .Zenith_box .tab > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #6B6B6B;
    text-align: center;
    margin-top: 0.2rem;
    transition: all 0.4s;
  }
  .Zenith_box .content_wrap {
    width: 100%;
    /* height: 4rem; */
    padding-bottom: 0.5rem;
    background: #F5F5F5;
  }
  .Zenith_box .content {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0.5rem 0.5rem 0.7rem;
  }
  .Zenith_box .content_img {
    width: 5.4rem;
    height: 3rem;
    display: flex;
  }
  .Zenith_box .content_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .Zenith_box .conten_text > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.22rem;
    color: #333333;
    margin-top: 0.3rem;
  }
  .Zenith_box .conten_text > p:nth-of-type(2) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #6B6B6B;
    margin-top: 0.15rem;
  }
  .Zenith_box .conten_text > div:nth-of-type(1) > div:nth-of-type(1) {
    display: flex;
    align-items: center;
    margin-top: 0.33rem;
  }
  .Zenith_box .conten_text > div:nth-of-type(1) > div:nth-of-type(1) > div {
    width: 0.16rem;
    height: 0.16rem;
    display: flex;
    margin-right: 0.07rem;
  }
  .Zenith_box .conten_text > div:nth-of-type(1) > div:nth-of-type(1) > div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(1);
  }
  .Zenith_box .conten_text > div:nth-of-type(1) > div:nth-of-type(1) > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box .conten_text > div:nth-of-type(1) > div:nth-of-type(1) > p:nth-of-type(1) span {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #6B6B6B;
  }
  .Zenith_box .conten_text > div:nth-of-type(2) > div:nth-of-type(1) {
    display: flex;
    align-items: center;
    margin-top: 0.33rem;
  }
  .Zenith_box .conten_text > div:nth-of-type(2) > div:nth-of-type(1) > div {
    width: 0.16rem;
    height: 0.16rem;
    display: flex;
    margin-right: 0.07rem;
  }
  .Zenith_box .conten_text > div:nth-of-type(2) > div:nth-of-type(1) > div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(1);
  }
  .Zenith_box .conten_text > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box .conten_text > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(1) span {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #6B6B6B;
  }
  .Zenith_box .conten_text > div:nth-of-type(3) > div:nth-of-type(1) {
    display: flex;
    align-items: center;
    margin-top: 0.33rem;
  }
  .Zenith_box .conten_text > div:nth-of-type(3) > div:nth-of-type(1) > div {
    width: 0.16rem;
    height: 0.16rem;
    display: flex;
    margin-right: 0.07rem;
  }
  .Zenith_box .conten_text > div:nth-of-type(3) > div:nth-of-type(1) > div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(1);
  }
  .Zenith_box .conten_text > div:nth-of-type(3) > div:nth-of-type(1) > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box .conten_text > div:nth-of-type(3) > div:nth-of-type(1) > p:nth-of-type(1) span {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #6B6B6B;
  }

  .Zenith_box .contentText {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box .contentText:hover {
    cursor: pointer;
  }
  .Zenith_box .contentText > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }


  .Zenith_box #contentText {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentText:hover {
    cursor: pointer;
  }
  .Zenith_box #contentText > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextA {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextA:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextA > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextB {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextB:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextB > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextC {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextC:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextC > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextD {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextD:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextD > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextE {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextE:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextE > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextF {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextF:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextF > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextG {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextG:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextG > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextH {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextH:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextH > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextI {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextI:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextI > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextJ {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextJ:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextJ > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box #contentTextK {
    position: relative;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
  }
  .Zenith_box #contentTextK:hover {
    cursor: pointer;
  }
  .Zenith_box #contentTextK > span {
    position: absolute;
    top: 142%;
    left: 0;
    white-space: nowrap;
    display: none;
  }
  .Zenith_box .content {
    display: none;
  }
  .Zenith_box .content.active {
    display: flex;
  }
  .Zenith_box .tab.active {
    border-bottom: 0.03rem solid #333333;
  }
  .Zenith_box .tab.active > div:nth-of-type(1) img {
    filter: brightness(0);
  }
  .Zenith_box .tab.active > p:nth-of-type(1) {
    color: #000000;
  }
  .Zenith_box .Technical_framework {
    width: 100%;
    margin: auto;
    /* padding-bottom: 0.9rem; */
  }
  .Zenith_box .Technical_title_img_box {
    width: 100%;
    height: 3.5rem;
    background-image: url(../img/meng\ 375.png);
    background-size: 100% 100%;
    padding-top: 0.9rem;
  }
  .Zenith_box .Technical_title_img_box > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.4rem;
    color: #FFFFFF;
    text-align: center;
  }
  .Zenith_box .Technical_title_img_box > p:nth-of-type(2) {
    max-width: 10.2rem;
    width: 95%;
    margin: auto;
    text-align: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #D8D8D8;
    line-height: 0.3rem;
    margin-top: 0.4rem;
  }
  .Zenith_box .gradation {
    padding-top: 0.6rem;
  }
  .Zenith_box .gradation > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #000000;
    text-align: center;
    margin-bottom: 0.68rem;
  }
  .Zenith_box .gradation > div:nth-of-type(1) {
    max-width: 14rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .Zenith_box .gradation > div:nth-of-type(1) > div {
    width: 4.18rem;
    height: 2.5rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
    margin-bottom: 0.63rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Zenith_box .gradation > div:nth-of-type(1) > div > div:nth-of-type(1) {
    width: 3.98rem;
    height: 2.3rem;
    background: rgba(246, 246, 246, 0.98);
    box-shadow: inset 0rem 0rem 0.07rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
    border: 0.01rem solid #E2E1E1;
    /* margin: auto; */
    padding: 0.9rem 0.28rem 0rem 0.28rem;
  }
  .Zenith_box .gradation > div:nth-of-type(1) > div > div:nth-of-type(1) p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.3rem;
    width: 3.42rem;
  }
  .Zenith_box .rotundity {
    width: 1.2rem;
    height: 1.2rem;
    background: #F1F1F1;
    box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    position: absolute;
    border-radius: 50%;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Zenith_box .rotundity > div:nth-of-type(1) {
    width: 1.04rem;
    height: 1.04rem;
    background: linear-gradient(356deg, #343333 0%, #959595 100%);
    border-radius: 0.52rem 0.52rem 0.52rem 0.52rem;
    border: 0.01rem solid #D1D1D1;
    line-height: 1.04rem;
  }
  .Zenith_box .rotundity > div:nth-of-type(1) p {
    font-family: MiSans, MiSans;
    font-weight: 600;
    font-size: 0.35rem;
    color: #FFFFFF;
    text-align: center;
  }
  .Zenith_box .system_architecture {
    width: 100%;
    height: 8.5rem;
    background-image: url(../img/meng\ 376.png);
    background-size: 100% 100%;
    padding-top: 1rem;
    /*padding-left: 2.6rem;*/
  }
  .Zenith_box .system_architecture p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #FFFFFF;
    max-width: 14rem;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .Zenith_box .system_architecture > div:nth-of-type(1) {
    max-width: 14rem;
    height: 5.43rem;
    display: flex;
    margin-top: 0.6rem;
    margin-left: auto;
    margin-right: auto;
  }
  .Zenith_box .system_architecture > div:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .Zenith_box .system_function {
    margin-top: 0.64rem;
    padding-bottom: 1rem;
  }
  .Zenith_box .system_function > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #000000;
    text-align: center;
  }
  .Zenith_box .system_function > div:nth-of-type(1) {
    margin: auto;
    margin-top: 0.51rem;
    width: fit-content;
    display: flex;
    justify-content: space-between;
  }
  .Zenith_box .system_function > div:nth-of-type(1) > div {
    width: 1.9rem;
    height: 0.6rem;
    background: #ECECEC;
    border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
    line-height: 0.6rem;
    margin-right: 0.4rem;
  }
  .Zenith_box .system_function > div:nth-of-type(1) > div p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.24rem;
    color: #000000;
    text-align: center;
  }
  .Zenith_box .system_function > div:nth-of-type(2) {
    margin: auto;
    margin-top: 0.6rem;
    width: 100%;
    height: 5.4rem;
    background: #FFFFFF;
    position: relative;
  }
  .sys_swiper {
      padding: 0.2rem 0 !important;
  }
  .Zenith_box .system_function .swiper-slide {
      box-shadow: 0px 0px 11px 1px rgba(117,117,117,0.11);
        border-radius: 15px 15px 15px 15px;
  }
  .Zenith_box .system_active {
    background: #000000 !important;
  }
  .Zenith_box .system_active p {
    color: #FFFFFF !important;
  }
  .Zenith_box .sys_text_left {
    width: fit-content;
    /* padding-top: 0.6rem; */
  }
  .Zenith_box .sys_text_left > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #333333;
    width: fit-content;
  }
  .Zenith_box .sys_text_left > div:nth-of-type(1) {
    height: 0.03rem;
    width: 0.4rem;
    background: #6B6B6B;
    margin-top: 0.15rem;
  }
  .Zenith_box .sys_text_left > p:nth-of-type(2) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    margin-top: 0.25rem;
  }
  .Zenith_box .sys_text_left > p:nth-of-type(3) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    margin-top: 0.1rem;
  }
  .Zenith_box .sys_text_left > p:nth-of-type(4) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    margin-top: 0.1rem;
  }
  .Zenith_box .sys_text_left > p:nth-of-type(5) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    margin-top: 0.1rem;
  }
  .Zenith_box .sys_img_right {
    width: 6rem;
    height: 4rem;
    display: flex;
  }
  .Zenith_box .sys_img_right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .Zenith_box .Dispatching_system {
    width: 100%;
    height: 4.6rem;
    background-image: url(../img/meng\ 377.png);
    background-size: 100% 100%;
  }
  .Zenith_box .Dispatching_system .main {
      width: 95%;
      max-width: 14rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(1) {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) {
    width: 5.52rem;
    margin-top: 0.8rem;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(1) {
    width: 100%;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(1) p {
    text-align: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.43rem;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(2) {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    margin-top: 0.7rem;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    margin: auto;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
    line-height: 0.34rem;
    text-align: center;
    margin-top: 0.34rem;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) {
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    margin: auto;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .Zenith_box .Dispatching_system .main > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
    line-height: 0.34rem;
    text-align: center;
    margin-top: 0.34rem;
  }
  .Zenith_box .Problem_risk {
    padding-bottom: 1.13rem;
    padding-top: 0.8rem;
    padding-left: 2.6rem;
    padding-right: 2.6rem;
  }
  .Zenith_box .Problem_title_box p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #000000;
    text-align: center;
  }
  .Zenith_box .Problem_four_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 0.5rem;
  }
  .Zenith_box .Problem_four_box > div {
    width: 3.3rem;
    height: 3.6rem;
    background: linear-gradient(162deg, #FFFFFF 50%, #aaa3a3 100%);
    box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(79, 81, 81, 0.17);
    border-radius: 0rem 0rem 0.05rem 0.05rem;
    border-bottom: 0.03rem solid #333333;
    padding-top: 0.42rem;
    padding-left: 0.35rem;
    transition: all 0.3s;
  }
  .Zenith_box .Problem_four_box > div:hover {
    transform: translateY(-0.3rem);
  }
  .Zenith_box .Problem_four_box > div > div:nth-of-type(2) {
    margin-top: 0.45rem;
  }
  .Zenith_box .Problem_four_box > div > div:nth-of-type(2) p {
    width: 2.6rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.32rem;
  }
  .Zenith_box .Problem_round {
    width: 0.7rem;
    height: 0.7rem;
    box-shadow: inset 0rem 0.04rem 0.06rem 0.01rem rgba(255, 255, 255, 0.16);
    border: 0.01rem dashed #707070;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Zenith_box .Problem_round > div {
    width: 0.58rem;
    height: 0.58rem;
    background: linear-gradient(170deg, #656565 0%, #060606 100%);
    box-shadow: inset 0rem 0.04rem 0.06rem 0.01rem rgba(255, 255, 255, 0.16);
    background: #707070;
    border-radius: 50%;
    line-height: 0.58rem;
  }
  .Zenith_box .Problem_round > div p {
    font-family: MiSans, MiSans;
    font-weight: 600;
    font-size: 0.24rem;
    color: #FFFFFF;
    text-align: center;
  }
  .Zenith_box .Distributed_architecture {
    width: 100%;
    height: 8.48rem;
    background-image: url(../img/meng\ 378.png);
    background-size: 100% 100%;
    padding-top: 0.8rem;
  }
  .Zenith_box .Distributed_architecture p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #000000;
    text-align: center;
    margin-bottom: 0.6rem;
  }
  .Zenith_box .Distributed_architecture > div:nth-of-type(1) {
    width: 13.27rem;
    height: 5.69rem;
    display: flex;
    margin: auto;
  }
  .Zenith_box .Distributed_architecture > div:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .Zenith_box .Matters_needing {
    width: 100%;
    height: 6.65rem;
    background: black;
    position: relative;
    padding-top: 0.55rem;
    display: none;
  }
  .Zenith_box .Matters_needing > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #FFFFFF;
    text-align: center;
  }
  .Zenith_box #canvas {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .Zenith_box .hexagon {
    display: flex;
    width: 100%;
    padding-left: 3.54rem;
    margin-top: 0.6rem;
  }
  .Zenith_box .hexagon > div {
    width: 3.24rem;
    height: 3.76rem;
    background-image: url(../img/zu\ 19541.png);
    margin-right: 1.2rem;
  }
  .Zenith_box .hexagon > div > div:nth-of-type(1) {
    width: 0.5rem;
    height: 0.5rem;
    background: #0F0F0F;
    box-shadow: inset 0rem 0.04rem 0.06rem 0.01rem rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    margin: auto;
    margin-top: 0.7rem;
    line-height: 0.5rem;
  }
  .Zenith_box .hexagon > div > div:nth-of-type(1) p {
    font-family: MiSans, MiSans;
    font-weight: 600;
    font-size: 0.2rem;
    color: #FFFFFF;
    text-align: center;
  }
  .Zenith_box .hexagon > div > div:nth-of-type(2) {
    width: fit-content;
    margin: auto;
  }
  .Zenith_box .hexagon > div > div:nth-of-type(2) p {
    width: 2.2rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.24rem;
    text-align: center;
    margin-top: 0.2rem;
  }
  .Zenith_box .append {
    width: 100%;
    /* height: 6rem; */
    padding-top: 0.8rem;
    background: whitesmoke;
    padding-bottom: 1rem;
  }
  .Zenith_box .append > p:nth-of-type(1) {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #000000;
    text-align: center;
  }
  .Zenith_box .append_swiper {
    display: flex;
    margin-left: 2.6rem;
    margin-top: 0.5rem;
  }
  .Zenith_box .append_swiper > div:nth-of-type(1) {
    width: 3rem;
    height: 4.12rem;
  }
  .Zenith_box .append_swiper > div:nth-of-type(2) {
    width: 11rem;
    height: 4.15rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border: 0.01rem solid #F5F5F5;
    margin-left: 0.5rem;
    padding-top: 0.7rem;
    padding-left: 0.34rem;
  }
  .Zenith_box .append_swiper > div:nth-of-type(2) > div {
    width: 10.32rem;
    height: 2.75rem;
  }
  .Zenith_box .append_left_swiper .swiper-slide div {
    width: 100%;
    height: 100%;
    display: flex;
  }
  .Zenith_box .append_left_swiper .swiper-slide div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  @media (max-width: 1024px) {
      .Zenith_box .Masking_section {
          flex-direction: column;
          position: static;
          padding-bottom: 20px;
      }
      .Zenith_box .section_content_box > p:nth-of-type(1) {
          font-size: 16px;
      }
      .Zenith_box .section_content_box > p:nth-of-type(2) {
          font-size: 14px;
          line-height: 1.6;
          width: 100%;
          text-align: justify;
      }
      .Zenith_box .section_img_content_box {
          height: auto;
      }
      .Zenith_box .section_content_box {
          padding-top: 20px;
          padding-left: 0;
          width: 95%;
          margin-left: auto;
          margin-right: auto;
      }
      .Zenith_box .section_right_box {
          margin-top: 20px;
          margin-left: auto;
          margin-right: auto;
      }
      .Zenith_box .tab > p:nth-of-type(1) {
          font-size: 14px;
      }
      .Zenith_box .content {
          padding: 20px;
          flex-direction: column;
      }
      .Zenith_box .content_img {
          margin-top: 10px;
          width: 100%;
          height: auto;
      }
      .Zenith_box .conten_text > p:nth-of-type(1) {
          font-size: 16px;
      }
      .Zenith_box .conten_text > p:nth-of-type(2) {
          font-size: 14px;
      }
      .Zenith_box .conten_text > div > div > div {
          width: 16px !important;
          height: 16px !important;
      }
      .Zenith_box .conten_text p {
          font-size: 14px !important;
      }
      .Zenith_box .Technical_title_img_box {
          padding-bottom: 20px;
          height: auto;
      }
      .Zenith_box .Technical_title_img_box > p:nth-of-type(2) {
          font-size: 14px;
          line-height: 1.6;
      }
      .Zenith_box .gradation > div:nth-of-type(1) > div {
          width: 50%;
          height: 3.5rem;
      }
      .Zenith_box .gradation > div:nth-of-type(1) > div > div:nth-of-type(1) {
          width: 90%;
          height: 3.3rem;
      }
      .Zenith_box .gradation > div:nth-of-type(1) > div > div:nth-of-type(1) p {
          width: 100%;
          font-size: 12px;
      }
      .Zenith_box .rotundity {
          top: -25px;
      }
      .Zenith_box .system_architecture {
          padding-left: 0;
          width: 100%;
      }
      .Zenith_box .system_architecture > div:nth-of-type(1),
      .Zenith_box .system_architecture p {
          width: 95%;
          margin-left: auto;
          margin-right: auto;
      }
      .Zenith_box .system_function > div:nth-of-type(1) {
          flex-wrap: wrap;
      }
      .Zenith_box .system_function > div:nth-of-type(1) > div {
          margin-left: 1%;
          margin-right: 1%;
          flex: 0 0 48%;
          margin-bottom: 10px;
      }
      
      .Zenith_box .system_function .swiper-slide {
          padding: 20px;
          flex-direction: column;
      }
      .Zenith_box .system_function .swiper-slide > div {
          flex: 0 0 auto;
          width: 100%;
      }
      .Zenith_box .sys_text_left > p:nth-of-type(1) {
          font-size: 14px !important;
      }
      .Zenith_box .sys_text_left > p {
          font-size: 12px !important;
      }
      .swiper-button-next, .swiper-button-prev {
          display: none !important;
      }
      .Zenith_box .system_function > div:nth-of-type(2) {
          height: auto;
      }
      .Zenith_box .sys_img_right {
          margin-top: 10px;
      }
      .Zenith_box .Dispatching_system {
          padding: 0;
          height: auto;
          flex-direction: column;
          padding-bottom: 20px;
      }
      .Zenith_box .Dispatching_system > div:nth-of-type(1) {
          margin-left: auto;
          margin-right: auto;
      }
      .Zenith_box .Dispatching_system > div:nth-of-type(2) {
          width: 95%;
          margin-left: auto;
          margin-right: auto;
      }
      .Zenith_box .Dispatching_system > div:nth-of-type(2) > div:nth-of-type(1) p {
          font-size: 14px;
          line-height: 1.6;
      }
      .Zenith_box .Dispatching_system > div:nth-of-type(2) > div:nth-of-type(2) p {
          font-size: 14px !important;
      }
      .Zenith_box .Distributed_architecture > div:nth-of-type(1) {
          width: 95%;
          margin-left: auto;
          margin-right: auto;
      }
  }