[v-cloak] {
      display: none;
    }

    .banner {
      width: 100%;
      min-width: 1200px;
      position: relative;
    }

    .banner img {
      width: 100%;
    }

    .con {
      width: 100%;
      min-width: 1200px;

    }

    .center {
      width: 1200px;
      margin: 0 auto;
    }

    .tabBox {
      width: 100%;
      height: 80px;
    }

    .tab {
      width: 100%;
      background-color: #333a4f;
      height: 80px;
    }

    .tab.active {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
    }

    .tab ul {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .tab ul li {
      line-height: 80px;
      font-size: 28px;
      font-weight: 500;
      cursor: pointer;
      color: #FFFFFF;
    }

    .tab ul li:first-child {
      margin-left: 90px;
    }

    .tab ul li:last-child {
      margin-right: 92px;
    }

    .tab ul li.active {
      color: #B2A3BA;
    }


    .lunbo {
      width: 1200px;
      margin: 0 auto;
      margin-top: 54px;
      margin-bottom: 66px;
      position: relative;
    }

    .lunbo .imgLeft {
      width: 26px;
      position: absolute;
      left: 0;
      top: 169px;
      z-index: 9;
      cursor: pointer;
    }

    .lunbo .imgRight {
      width: 26px;
      position: absolute;
      right: 0;
      top: 169px;
      z-index: 9;
      cursor: pointer;
    }

    .lunbo .el-carousel__indicators--outside {
      margin-top: 30px;
    }

    .lunbo .el-carousel__indicator--horizontal {
      padding: 0;
    }

    .lunbo .el-carousel__button {
      width: 8px;
      height: 6px;
      background: #FFFFFF;
      border-radius: 3px;
      opacity: 0.32;
      margin-right: 6px;
    }

    .lunbo .el-carousel__indicator.is-active button {
      width: 15px;
      height: 6px;
      background: #B1A2BA;
      border-radius: 3px;
      opacity: 1;
    }

    .lunbo .el-carousel__indicator:last-child .el-carousel__button {
      margin-right: 0;
    }

    .newsBox {
      width: 100%;
      height: 398px;
      display: flex;
    }

    .newsBox .news {
      position: relative;
      cursor: pointer;
    }

    .newsBox .title {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 32px;
      width: 100%;
      line-height: 32px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.4);
      font-size: 15px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      cursor: pointer;
    }

    .newsBox .title:hover {
      color: #A8DCFF;
    }

    .news1 {
      width: 597px;
      height: 100%;
      flex-shrink: 0;
    }

    .news1 img {
      width: 100%;
      height: 100%;
    }

    .news2 {
      width: 290px;
      height: 193px;
      flex-shrink: 0;
      margin-bottom: 10px;
    }

    .news2:nth-child(3),
    .news2:nth-child(4) {
      margin-bottom: 0;
    }

    .news2 img {
      width: 100%;
      height: 100%;
    }

    .newsBox .right {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-left: 9px;
    }

    .partTitle {
      width: 366px;
      margin: 0 auto;
    }

    .partTitle1 {
      width: 491px;
    }

    .partTitle2 {
      width: 456px;
    }

    .djrd {
      margin-top: 52px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 83px;
    }

    .djrd-div {
      width: 390px;
      height: 620px;
      background-color: rgba(153, 187, 255, 0.13);
    }


    .djrd-box {
      width: 100%;
    }

    .djrd-box ul {
      padding: 25px 15px;
      height: 498px;
      overflow-y: auto;
    }

    .djrd-box ul li {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 22px;
      cursor: pointer;
    }

    .djrd-box ul li:hover p {
      color: #B2A3BA;
    }

    .djrd-box ul li img {
      flex-shrink: 0;
      width: 150px;
      height: 100px;
      object-fit: cover;
      margin-right: 15px;
    }

    .djrd-box ul li p {
      font-size: 18px;
      color: #FFFFFF;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .jcsp {
      width: 100%;
      margin-top: 44px;
      margin-bottom: 116px;
    }

    .videoBox {
      width: 100%;
      height: 674px;
      position: relative;
    }

    .videoBox .video-js {
      width: 100%;
      height: 100%;
    }

    .videoBox .video-js .vjs-time-control {
      display: block;
    }

    .videoBox .video-js .vjs-remaining-time {
      display: none;
    }

    .videoBox .video-js .vjs-big-play-button {
      display: none;
    }

    .playBig {
      width: 92px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      cursor: pointer;
      z-index: 9;
    }

    .videoTitle {
      width: 100%;
      height: 90px;
      background-color: rgba(0, 0, 0, 0.53);
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 28px;
      font-family: PingFang SC;
      color: #FFFFFF;
      line-height: 90px;
      text-align: center;
      cursor: pointer;
      z-index: 9;
    }

    .videoTitle:hover {
      text-decoration: underline;
    }

    .videoList {
      height: 200px;
      width: 100%;
      position: relative;
      background: linear-gradient(177deg, #506089 0%, #B2A3BA 100%);
    }

    .videoList ul {
      width: 1096px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      height: 100%;
      overflow: hidden;
    }

    .videoList ul li {
      width: 254px;
      height: 138px;
      position: relative;
      flex-shrink: 0;
      margin-right: 12px;
      border: 4px solid rgba(0, 0, 0, 0);
      cursor: pointer;
      transition: all linear 0.3s;
    }

    .videoList ul li .videoImg {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .videoList ul li .play {
      width: 36px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
    }

    .videoList ul li.active {
      border: 4px solid #EBCFFA;
    }

    .videoList .left {
      width: 49px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      cursor: pointer;
    }

    .videoList .right {
      width: 49px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      cursor: pointer;
    }

    .recNews {
      margin-top: 60px;
    }

    .recNews ul {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }

    .recNews ul li {
      width: 290px;
      margin-right: 12.5px;
      margin-bottom: 96px;

    }

    .recNews ul li:nth-child(4n) {
      margin-right: 0;
    }

    .recNews ul li img {
      width: 100%;
      height: 194px;
      object-fit: cover;
      cursor: pointer;
    }

    .recNews ul li div {
      font-size: 20px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /* 根据业务需求设置第几行显示省略号 */
      overflow: hidden;
      margin-top: 28px;
      min-height: 56px;
      cursor: pointer;
      word-break: break-all;
    }

    .recNews ul li:hover div {
      color: #B2A3BA;
    }

    .hasMore {
      color: #fff;
      font-size: 16px;
      font-family: PingFang SC;
      text-align: center;
      margin-top: 50px;
    }