.banner .banner-img {
  width: 100%;
  height: 1.587rem;
  display: block;
}

.education-content {
  min-height: 80vh;
  background-image: url(item_bgp.b0876db1.png);
}

.education-content .nav_head {
  background-color: hsla(0, 0%, 78%, 0.4);
  text-align: center;
}

.education-content .nav_head .nav_ul {
  width: 80%;
  margin: 0 auto;
}

.education-content .nav_head .nav_ul .item {
  display: inline-block;
  color: #1468ab;
  font-size: 0.095rem;
  width: 16%;
  height: 0.423rem;
  line-height: 0.423rem;
  cursor: pointer;
  font-weight: 700;
}

.education-content .nav_head .nav_ul .item:hover {
  text-decoration: underline;
}

.education-content .nav_head .nav_ul .active {
  background: url(active.png) no-repeat;
  background-size: 0.55rem 0.196rem;
  background-position: 50% 100%;
  color: #ad393c;
}

.edu_online {
  background: url(online_bgp.0be383b0.png) no-repeat;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  opacity: 1;
  width: 92%;
  margin: 0 auto;
  transform: translateZ(0);
}

.slick-slide {
  float: left;
  width: 25%;
  min-height: 0.005rem;
  border: 0.005rem solid #fff;
}

.image-box .image-list {
  position: relative;
  width: 20%;
  height: 1.587rem;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin-left: -0.03rem;
}

.image-box .image-list .img {
  height: 100%;
  overflow-clip-margin: content-box;
  overflow: clip;
  width: 69%;
  padding: 0.053rem;
}

.image-box .image-list .img-name {
  margin-top: 0.026rem;
  text-align: center;
  line-height: 0.132rem;
  font-size: 0.095rem;
  height: 0.317rem;
  overflow: hidden;
  color: #fff;
  font-size: 0.111rem;
}

@media (max-width: 768px) {
  .image-box .image-list .img-name {
    font-size: 0.074rem;
    transform: scale(0.8);
    transform-origin: left top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 0.238rem;
    line-height: 0.238rem;
  }
}

.image-box .image-list .img-detail {
  display: none;
  background-color: transparent;
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 20%;
  background-color: hsla(0, 0%, 6%, 0.5);
  box-shadow: 0.005rem 0.005rem 0.026rem 0.011rem hsla(0, 0%, 6%, 0.5);
}

.image-box .image-list .img-detail .text-content {
  width: 80%;
  height: 80%;
  margin: 4% 10%;
  font-size: 0.074rem;
  color: #fff;
  line-height: 1.2;
  padding-top: 5%;
  text-align: left;
}

.image-box .image-list .img-detail .text-content .text {
  margin: 8% 5%;
  font-size: 0.074rem;
  line-height: 0.116rem;
  height: 0.466rem;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.image-box .image-list .img-detail .seeDetail {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAjCAYAAACjOOUsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGEzZWEwNC0wZmUwLTQ3ZjItYmYxNS1jYWQ4Y2EwOThmZWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUREQzA2MDA3NzVCMTFFODk1QzNCRjc1OTdBNENGNUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUREQzA1RkY3NzVCMTFFODk1QzNCRjc1OTdBNENGNUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0ZmViNGIxLWUwMTctNDRhZS1iNzRiLWNiYmEzNTM0MTEzYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjgxZjYyOTczLWFlZTgtMTE3Yi1i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)
    50%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 0.529rem;
}

.image-box .image-list:hover {
  transform: scale(1.1);
}

.image-box .image-list:hover .bofang,
.image-box .image-list:hover > .img-detail {
  display: block;
}

.bofang {
  text-align: center;
  position: absolute;
  bottom: 39%;
  width: 100%;
  display: none;
}

.play_ico {
  width: 0.317rem;
  height: 0.317rem;
}