.page {
  background-color: rgba(240, 245, 246, 1);
  position: relative;
  width: 100%;
  overflow: hidden;
}


.group_9 {
  background: url(../imgs/videolist/7d894234465843bd8980c6793cb77700_mergeImage.png) center no-repeat;
  width: 100%;
  height: 320px;
  justify-content: flex-center;
  background-size: cover;
  position: relative;
  min-width: 1200px;
}

.text_9 {
  width: 160px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(0, 78, 162, 1);
  font-size: 40px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin-left: -600px;
  position: absolute;
  left: 50%;
  top: 103px;
}

.section_1 {
  background-color: rgba(0, 78, 162, 1);
  width: 48px;
  height: 4px;
  margin-left: -600px;
  position: absolute;
  left: 50%;
  top: 175px;
}

.text_10 {
  width: 106px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 78, 162, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-left: -600px;
  position: absolute;
  left: 50%;
  top: 195px;
}

.group_10 {
  width: 1200px;
  flex-wrap: wrap;
  margin: 24px auto 0 auto;
}

.text-wrapper_2 {
  border-radius: 4px;
  height: 32px;
  color: rgba(51, 51, 51, 1);
  cursor: pointer;
  margin-bottom: 16px;
  background-color: #fff;
  margin-right: 10px;
  text-align: center;
  line-height: 32px;
}

.group_10 .active {
  background-color: rgba(0, 170, 196, 1);

}

.text_11 {
  height: 20px;
  padding: 0 24px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 18px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 32px;
}

.active .text_11 {
  color: rgba(255, 255, 255, 1);
}

.text-wrapper_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 32px;
  margin-left: 16px;
  width: 104px;
}

.text_12 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 0 0 24px;
}

.text-wrapper_4 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 32px;
  margin-left: 16px;
  width: 104px;
}

.text_13 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 0 0 24px;
}

.text-wrapper_5 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 32px;
  margin-left: 16px;
  width: 104px;
}

.text_14 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 0 0 24px;
}

.group_11 {
  width: 1200px;
  margin: 24px auto 0 auto;
}

.grid_1 {
  width: 1200px;
  flex-wrap: wrap;
  min-height: 688px;
}
.grid_1:after{
  content: '';
  width: 30%;
  border:1px solid transparent;
}
.list-items_1-0 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 0px 24px 0;
  cursor: pointer;
  overflow: hidden;
}

.image-wrapper_4-0 {
  height: 216px;
  width: 384px;
}

.label_3-0 {
  height: 216px;
  width: 384px;
}

.text_15-0 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.list-items_1-1 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
}

.image-wrapper_4-1 {
  height: 216px;
  background-size: 100% 100%;
  width: 384px;
  background: url(../imgs/videolist/SketchPng8d07ecacb81a8477272dbebc5b27bc3511afe9a5ab395fa9a5fa616664de40e7.png) 100% no-repeat;
}

.label_3-1 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-1 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}

.list-items_1-2 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
  margin-right: 0;
}

.image-wrapper_4-2 {
  height: 216px;
  background-size: 100% 100%;
  width: 384px;
  background: url(../imgs/videolist/SketchPng70e47e32785ae232ac6cc022c0ecea8665acae7fb6a1d1c67bfb3b8583160c40.png) 100% no-repeat;
}

.label_3-2 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-2 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}

.list-items_1-3 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
  margin-bottom: 0;
}

.image-wrapper_4-3 {
  height: 216px;
  background-size: 100% 100%;
  width: 384px;
  background: url(../imgs/videolist/SketchPng498a33da8f9332a28b8855d93528fe350ca04502220ed2a67604e0be7450502a.png) 100% no-repeat;
}

.label_3-3 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-3 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}

.list-items_1-4 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
  margin-bottom: 0;
}

.image-wrapper_4-4 {
  height: 216px;
  background-size: 100% 100%;
  width: 384px;
  background: url(../imgs/videolist/SketchPng8622340420a5dac5bf000659c9e95659a31aa6b12d5365271f08368f9128c4b2.png) 100% no-repeat;
}

.label_3-4 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-4 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}

.list-items_1-5 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
  margin-right: 0;
  margin-bottom: 0;
}

.image-wrapper_4-5 {
  height: 216px;
  background-size: 100% 100%;
  width: 384px;
  background: url(../imgs/videolist/SketchPng689da10fd4d6a9daf7660fa5cd06b2b6d295c8f1538b2d454cbe073eaf887433.png) 100% no-repeat;
}

.label_3-5 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-5 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}


.label_7 {
  width: 24px;
  height: 24px;
  margin-left: 12px;
}

.text-group_4 {
  width: 48px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 17px;
  margin-top: 8px;
}

.group_14 {
  width: 447px;
  height: 40px;
  margin: 48px auto 0 auto;
}

.text-wrapper_6 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  width: 79px;
}

.text_16 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 8px;
}

.text-wrapper_7 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_17 {
  width: 7px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_8 {
  background-color: rgba(0, 170, 196, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_18 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_9 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_19 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_10 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_20 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_11 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_21 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_12 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_22 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_13 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 79px;
}

.text_23 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 8px;
}

.text-wrapper_14 {
  background-color: rgba(255, 255, 255, 1);
  height: 110px;
  width: 1920px;
  margin: 80px 0 1px 0;
}

.text_24 {
  width: 1200px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 24px;
  margin: 43px 0 0 360px;
}

.group_15 {
  position: absolute;
  left: 1744px;
  top: 417px;
  width: 128px;
  height: 160px;
  background: url(../imgs/home/SketchPng6634a5fbb7cf61b24bb8691c287c32a435030b6fe1c16135103de7f6ed7e974a.png) -16px -16px no-repeat;
  background-size: 160px 191px;
}

.image-text_5 {
  width: 104px;
  height: 129px;
  margin: 12px 0 0 12px;
}

.image_2 {
  width: 104px;
  height: 104px;
}

.text-group_5 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 5px 0 0 24px;
}

.customBootstrap {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;

}

#demo2>li>a {
  margin: 0 4px;
  border-radius: 4px;
  height: 40px;
  min-width: 40px;
  text-align: center;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: rgba(0, 170, 196, 1);
  border-color: rgba(0, 170, 196, 1);
}

.pagination>li>a,
.pagination>li>span {
  padding: 8px 12px;
  color: rgba(0, 170, 196, 1);
}