.nxxx-container {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 35px;
    margin-bottom: 30px;
  }

  .nxxx-container .nxxx-click-btn {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    text-align: right;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
  }

  .nxxx-container .nxxx-click-btn span {
    margin-right: 6px;
  }

  .nxxx-container .swiper-slide {
    cursor: pointer;
  }

  .nxxx-container .top-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 33px;
  }

  .nxxx-container .top-box .left {
    width: 554px;
    height: 390px;
    margin-right: 20px;
    position: relative;
  }

  .nxxx-container .top-box .left .swiper-img {
    width: 554px;
    height: 390px;
    border-radius: 10px;
    //object-fit: cover;
  }

  .nxxx-container .top-box .left .swiper-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 48px;
    background: rgba(0, 0, 0, 0.32);
    line-height: 48px;
    padding-left: 30px;
    z-index: 1;
    box-sizing: border-box;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .nxxx-container .top-box .left .swiper-title a {
    text-decoration: none;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
  }

  .nxxx-container .top-box .left .swiper-pagination {
    text-align: right;
    bottom: 54px;
  }

  .nxxx-container .top-box .left .swiper-pagination .swiper-pagination-bullet-active {
    background: #EB3572;
  }

  .nxxx-container .top-box .c_box {
    width: 320px;
    height: 390px;
    margin-right: 20px;
    background: url(/uiFramework/commonResource/zip/nxxx_new/nxxx_new/jfg-mobile.png) no-repeat;
    background-size: 100% 100%;
  }

  .nxxx-container .top-box .c_box .sbrk-icon {
    margin: 40px 0 14px 30px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #FFFFFF;
    text-shadow: 1px 2px 4px #E18782;
    font-weight: 700;
    display: flex;
    align-items: center;
  }

  .nxxx-container .top-box .c_box .sbrk-icon img {
    width: 48px;
    height: 48px;
  }

  .nxxx-container .top-box .c_box .nxxx-click-btn {
    margin-left: 45px;
  }

  .nxxx-container .top-box .right {
    width: 352px;
    height: 390px;
  }

  .nxxx-container .top-box .right .jlhd-wrap {
    height: 175px;
    margin-bottom: 33px;
    background: url(/uiFramework/commonResource/zip/nxxx-imgs/jlhd.png) no-repeat;
    background-size: 100% 100%;
  }

  .nxxx-container .top-box .right .jlhd-wrap .jlhd-icon {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #FFFFFF;
    text-shadow: 1px 2px 4px #1644EA;
    font-weight: 700;
    padding: 30px 0 0 130px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
  }

  .nxxx-container .top-box .right .jlhd-wrap .jlhd-icon .jlhd-icon-mobileImg {
    display: none;
  }

  .nxxx-container .top-box .right .jlhd-wrap .nxxx-click-btn {
    margin-left: 175px;
  }

  .nxxx-container .top-box .right .zxcx-wrap {
    position: relative;
    height: 175px;
    margin-bottom: 33px;
    background: url(/uiFramework/commonResource/zip/nxxx_new/nxxx_new/sbrk-PC.png) no-repeat;
    background-size: 100% 100%;
  }

  .nxxx-container .top-box .right .zxcx-wrap .zxcx-pic-box {
    width: 112px;
    height: 133px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: url(/uiFramework/commonResource/zip/nxxx_new/nxxx_new/sbrktb.png) no-repeat;
    background-size: 100% 100%;
  }

  .nxxx-container .top-box .right .zxcx-wrap .zxcx-title {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 700;
    padding: 33px 0 0 24px;
    margin-bottom: 36px;
    display: flex;
    align-items: center;
    text-shadow: 1px 2px 4px #E18782;
  }

  .nxxx-container .top-box .right .zxcx-wrap .zxcx-title .zxcx-title-mobileImg {
    display: none;
  }

  .nxxx-container .top-box .right .zxcx-wrap .zxcx-title .zxcx-title-PCImg {
    margin-right: 4px;
  }

  .nxxx-container .top-box .right .zxcx-wrap .nxxx-click-btn {
    margin-left: 36px;
  }

  .nxxx-container .bottom-box {
    width: 100%;
    height: 164px;
  }

  @media (max-width: 750px) {
    .nxxx-container.nxxx-mobile-container .top-box .c_box {
      margin-right: 0 !important;
      display: block !important;
      width: 100%;
      height: 106px;
      background: url(/uiFramework/commonResource/zip/nxxx_new/nxxx_new/jfg-pc.png) no-repeat;
      background-size: 100% 100%;
      margin-bottom: 10px;
      padding-top: 10px;
    }

    .nxxx-container .top-box .c_box .sbrk-icon {
      margin: 0 0 10px 14px;
      font-family: MicrosoftYaHei-Bold;
      color: #FFFFFF;
      text-shadow: 1px 2px 4px #E18782;
      font-weight: 700;
      display: flex;
      align-items: center;
      font-size: 14rem;
      letter-spacing: 0;
      text-align: center;
      line-height: 19px;
    }

    .nxxx-container .top-box .c_box .sbrk-icon img {
      width: 37px;
      height: 37px;
      margin-right: 7px;
    }

    .nxxx-container .top-box .c_box .nxxx-click-btn {
      margin-left: 45px;

      font-family: PingFangSC-Regular;
      font-size: 12rem;
      color: #FFFFFF;
      text-align: right;
      font-weight: 400;
    }

    .nxxx-container.nxxx-mobile-container .top-box .right .zxcx-wrap {
      background: url(/uiFramework/commonResource/zip/nxxx_new/nxxx_new/sbrk-mobile.png) no-repeat !important;
      background-size: 100% 100% !important;
    }

    .nxxx-container .top-box .right .zxcx-wrap .zxcx-pic-box {
      width: 56px;
      height: 67px;
    }

    .nxxx-container .top-box .right .jlhd-wrap .jlhd-icon .jlhd-icon-mobileImg {
      display: block;
    }

    .nxxx-container .top-box .right .jlhd-wrap .jlhd-icon .jlhd-icon-PCImg {
      display: none;
    }

    .nxxx-container .top-box .right .zxcx-wrap .zxcx-title {
      text-shadow: 1px 2px 4px #1644EA;
    }

    .nxxx-container .top-box .right .zxcx-wrap .zxcx-title .zxcx-title-mobileImg {
      display: block;
    }

    .nxxx-container .top-box .right .zxcx-wrap .zxcx-title .zxcx-title-PCImg {
      display: none;
    }
  }