.md-honor-1.md27128 {
  padding-top: 0.84rem;
  padding-bottom: 0.64rem;
  position: relative;
}
.md-honor-1.md27128 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md-honor-1.md27128 .h-item {
  margin-bottom: 0.49rem;
}
.md-honor-1.md27128 .h-item:last-child {
  margin-bottom: 0;
}
.md-honor-1.md27128 .ul {
  margin-top: 0.37rem;
}
.md-honor-1.md27128 .ul .li {
  width: calc(304 / 1600 * 100%);
  margin-right: calc(20 / 1600 * 100%);
}
.md-honor-1.md27128 .ul .li:nth-child(5n) {
  margin-right: 0;
}
.md-honor-1.md27128 .ul .li {
  margin-bottom: 0.32rem;
}
.md-honor-1.md27128 .ul .dd {
  display: block;
  position: relative;
  transition: 0.5s;
}
.md-honor-1.md27128 .ul .dd:hover .title {
  color: var(--theme);
}
.md-honor-1.md27128 .ul .c-pic {
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 0.6rem 0.35rem;
}
.md-honor-1.md27128 .ul .img {
  padding-top: calc( 260 / 235 * 100%);
}
.md-honor-1.md27128 .ul .text {
  position: relative;
  margin-top: 0.12rem;
}
.md-honor-1.md27128 .ul .title {
  transition: 0.5s;
}
.md-honor-1.md27128 .ul1 .c-pic {
  padding-top: calc( 260 / 235 * 100%);
}
.md-honor-1.md27128 .ul1 .img {
  position: absolute;
  left: 15%;
  top: 50%;
  transform: translateY(-50%);
  width: 70%;
  max-height: 90%;
  padding-top: 0;
}
.md-honor-1.md27128 .ul1 img {
  display: block;
  width: 100%;
  max-height: 100%;
  -o-border-image: url(../images/honor-border.png) 16/0.16rem stretch;
     border-image: url(../images/honor-border.png) 16/0.16rem stretch;
  padding: 0.1rem;
}
@media screen and (max-width: 900px) {
  .md-honor-1.md27128 .ul {
    justify-content: space-between;
  }
  .md-honor-1.md27128 .ul .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}