@charset "UTF-8";
/**!
 * 新媒体矩阵群
 * date:2021-08-05
 * author: lengyy;
 */
.loc {
  padding: 17px 0 17px 27px;
  line-height: 25px;
  color: #999;
  background: url("../images/address_icon.png") no-repeat 2px center;
}

.loc-href {
  color: #999;
}

.loc-cur {
  color: #015293;
}

.main {
  padding: 0 22px;
  margin-bottom: 45px;
  -webkit-box-shadow: 0 0 7px rgba(79, 113, 157, 0.16);
          box-shadow: 0 0 7px rgba(79, 113, 157, 0.16);
}

.sec {
  padding-top: 25px;
  min-height: 500px;
}

.list-title {
  height: 40px;
  border-bottom: 1px solid #e2e2e2;
  font-size: 18px;
  font-weight: bold;
}

.list-title span {
  display: inline-block;
  line-height: 38px;
  border-bottom: 2px solid #2e5bb5;
  color: #2e5bb5;
  font-weight: bold;
}

.media-list {
  margin: 19px -13px 0;
}

.media-list::after {
  content: "";
  display: block;
  clear: both;
}

.media-list li {
  float: left;
  width: 16.666%;
  margin-bottom: 24px;
}

.media-content {
  display: block;
  height: 170px;
  padding-top: 18px;
  margin: 0 13px;
  background: #eff6ff;
  text-align: center;
  border: 2px solid transparent;
  -webkit-transition: background-color, border-color 0.3s;
  transition: background-color, border-color 0.3s;
}

.media-content:hover {
  background: #fff;
  border-color: #4472e1;
}

.media-content:hover .media-name {
  color: #2e5bb5;
  font-weight: bold;
}

.media-code {
  height: 110px;
}

.media-code img {
  max-width: 90%;
  height: 100%;
}

.media-name {
  line-height: 35px;
  font-size: 16px;
  color: #666;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

/* 1200以下 */
@media (max-width: 1199px) {
  .media-list li {
    width: 20%;
  }
}

/* 1000以下 */
@media (max-width: 1000px) {
  .media-list li {
    width: 25%;
  }
}

/* 移动端 */
@media (max-width: 800px) {
  .media-list li {
    width: 33.333%;
  }
}

/* 移动端 */
@media (max-width: 500px) {
  .media-list li {
    width: 50%;
  }
}

@media (max-width: 400px) {
  .main {
    padding: 0 10px;
  }
  .media-list {
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
  }
  .media-list li {
    margin-bottom: 10px;
  }
  .media-list li .media-content {
    margin: 0 5px;
  }
}