.pc-imglive {
  width: 100%;
}


.pc-imglive .burst {
  width: 100%;
  height: 788px;
  background-color: #F4F9FD;
}
.pc-imglive .burst .bursts {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .burst .bursts h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 90px;
  text-align: center;
  margin-bottom: 20px;
}
.pc-imglive .burst .bursts p {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 23px;
  text-align: center;
  margin-bottom: 60px;
}
.pc-imglive .burst .bursts .pluralism {
  width: 100%;
  height: 444px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}
.pc-imglive .burst .bursts .pluralism li {
  width: 585px;
  height: 128px;
  background: #FFFFFF;
  display: flex;
  border-radius: 10px 10px 10px 10px;
  cursor: pointer;
}
.pc-imglive .burst .bursts .pluralism li.active {
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px 10px 10px 10px;
}

.pc-imglive .burst .bursts .pluralism li:hover {
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px 10px 10px 10px; color:#FFF !important
}

.pc-imglive .burst .bursts .pluralism li.active > div h4,
.pc-imglive .burst .bursts .pluralism li.active > div p {
  color: #FFFFFF;
}

.pc-imglive .burst .bursts .pluralism li.hover > div h4,
.pc-imglive .burst .bursts .pluralism li.hover > div p {
  color: #FFFFFF;
}


.pc-imglive .burst .bursts .pluralism li img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  margin-top: 32px;
  margin-left: 32px;
}
.pc-imglive .burst .bursts .pluralism li > div {
  margin-left: 20px;
  margin-top: 34px;
}
.pc-imglive .burst .bursts .pluralism li > div h4 {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 23px;
  margin-bottom: 10px;
}
.pc-imglive .burst .bursts .pluralism li > div p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(18, 18, 18, 0.7);
  line-height: 19px;
}


/*************/


@media (max-width: 789px) {.pc-imglive .around {
  width: 100%;
  height: auto;
  background: url('/assets/images/web/imglive/box6-banner.png') no-repeat;
  background-size: cover;
}
.pc-imglive .around .arounds {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .around .arounds h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 90px;
  text-align: center;
  margin-bottom: 60px;
}
.pc-imglive .around .arounds .camera {
  width: 100%;
  height:auto;
  /*display: flex;
  justify-content: space-between;*/
}
.pc-imglive .around .arounds .camera li:hover {
  box-shadow: 0px 7px 60px 0px rgba(0, 51, 120, 0.2);
  transform: translateY(-20px);
  transition: transform 0.3s linear;
}



.pc-imglive .around .arounds .camera li {
  width: 90%;
  height: 350px;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  cursor: pointer; margin:0 auto
}
.pc-imglive .around .arounds .camera li .img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  margin-top: 30px;
  margin-left: 30px;
}
.pc-imglive .around .arounds .camera li .one {
  width: 48px;
  height: 48px;
  object-fit: cover;
  margin-left: 114px;
}
.pc-imglive .around .arounds .camera li h5 {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 23px;
  margin-top: 38px;
  margin-left: 30px;
  margin-bottom: 16px;
}
.pc-imglive .around .arounds .camera li p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 26px;
  margin-left: 30px;
}
}


@media (min-width: 790px) and (max-width:1920px ) {.pc-imglive .around {
  width: 100%;
  height: 596px;
  background: url('/assets/images/web/imglive/box6-banner.png') no-repeat;
  background-size: cover;
}
.pc-imglive .around .arounds {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .around .arounds h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 90px;
  text-align: center;
  margin-bottom: 60px;
}
.pc-imglive .around .arounds .camera {
  width: 100%;
  height:350px;
  display: flex;
  justify-content: space-between;
}
.pc-imglive .around .arounds .camera li:hover {
  box-shadow: 0px 7px 60px 0px rgba(0, 51, 120, 0.2);
  transform: translateY(-20px);
  transition: transform 0.3s linear;
}



.pc-imglive .around .arounds .camera li {
  width: 90%;
  height: 350px;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  cursor: pointer;
}
.pc-imglive .around .arounds .camera li .img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  margin-top: 30px;
  margin-left: 30px;
}
.pc-imglive .around .arounds .camera li .one {
  width: 48px;
  height: 48px;
  object-fit: cover;
  margin-left: 114px;
}
.pc-imglive .around .arounds .camera li h5 {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 23px;
  margin-top: 38px;
  margin-left: 30px;
  margin-bottom: 16px;
}
.pc-imglive .around .arounds .camera li p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 26px;
  margin-left: 30px;
}
}