.system{
  background: #fff;
}
.system-inro-wrap .item .titles{
  /* margin: 16px 0 4px; */
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.system li:nth-child(1) .item{
  background-color: #3da8f6 !important;
}
.system li:nth-child(2) .item{
  background-color: #0091c0 !important;
}
.system li:nth-child(3) .item{
  background-color: #01709b !important;
}
/* .produce{
  background-image: url(__TPLTMAPE__template/default/images/produce-bg.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
} */
.system-inro-wrap li .items{
  background: #fff !important;
  overflow: hidden;
  border-radius: 16px;
}
.system-inro-wrap li .item .content .title{
  color: #444;
}
.system-inro-wrap li .item .content .text{
  color: #777;
}
.produce .item .text{
  min-height: 115px;
  height: 100% !important;
}
.album-item{
  border-radius: 8px;
  overflow: hidden;
}
.video_wrap{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.close{
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  padding: 10px;
  text-align: center;
  margin-top: 10px;
}
/* .bg_image{
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: -999;
} */
@media (min-width: 1024px) and (max-width: 1280px) {
  .system-inro-wrap li .item .content .title{
    min-height: 46px;
  }
 
}
@media (max-width: 1024px) {
  
  body:before {
    content: ' ';
    z-index: -1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('https://gz-images.oss-cn-guangzhou.aliyuncs.com/teachlog.png')  center 0 no-repeat !important;
    background-size: 100% 100% !important;
  }
 
}



@media all and (max-width: 768px) {
  .system li .item{
    border-radius: 10px !important;
  }
  .system-inro-wrap li .items{
    border-radius: 10px;
  }
  .system-album-wrap .swiper-slide{
    border-radius: 10px !important;
  }
  .album-item{
    border-radius: 10px;
  }
}