/* 所有 honor页公共样式 */
.top {
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  width: 100vw;
  height: calc(184 / 414 * 100vw);
}

.top img {
  width: 100vw;
  height: calc(184 / 414 * 100vw);
}

.top .text {
  position: absolute;
  z-index: 20;
  top: calc(95 / 414 * 100vw);
  left: 0;
  right: 0;
}

.top .tit {
  width: 100%;
  text-align: center;
  padding: 0 0 calc(5 / 414 * 100vw);
  font-size: calc(17 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}

.top .con {
  width: 100%;
  text-align: center;
  font-size: calc(14 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.40);
  text-transform: uppercase
}

/* 公共样式结束 */

.honor-tabs {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  height: calc(50 / 414 * 100vw);
  overflow: hidden;
  margin: 0 auto;
  border-bottom: 1px solid #EEF1F3;
}

.honor-tabs a {
  position: relative;
  display: block;
  height: calc(50 / 414 * 100vw);
  line-height: calc(50 / 414 * 100vw);
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  font-size: calc(17 / 414 * 100vw);
  color: #3D434D;
}

.honor-tabs a:first-child {
  margin-right: calc(30 / 414 * 100vw);
}

.honor-tabs a:after {
  position: absolute;
  z-index: 20;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  overflow: hidden;
  background: #EEF1F3;
}

.honor-tabs a.cur {
  color: #DF5147;
}

.honor-tabs a.cur:after {
  background: #DF5147;
}

.honor-con {
  margin: calc(25 / 414 * 100vw) calc(15 / 414 * 100vw);
}

.honor-con .honor-box {
  display: none;
}

.honor-con .show {
  display: block;
}

.honor-con .honor-box .items {
  padding: calc(15 / 414 * 100vw);
  margin-bottom: calc(15 / 414 * 100vw);
  background: linear-gradient(90deg, rgb(223, 81, 71, 0.15) 0%, rgba(223, 81, 71, 0) 100%);
  /* background: rgba(223, 81, 71, 0.1); */
  border-radius: 5px 0px 0px 5px;
  /* opacity: 0.1; */
}

.honor-con .honor-box .items {
  background: linear-gradient(90deg, rgb(223, 81, 71, 0.15) 0%, rgba(223, 81, 71, 0) 100%);
  /* background: rgba(223, 81, 71, 0.1); */
  border-radius: 5px 0px 0px 5px;
  /* opacity: 0.1; */
}

.honor-con .honor-box .items .h-tits {
  margin-bottom: calc(10 / 414 * 100vw);
  font-size: calc(18 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #DF5147;
}

.honor-con .honor-box .items .h-cons {
  font-size: calc(15 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: 400;
  color: #3D434D;
}

.certificate {
  height: auto;
  overflow: hidden;
  margin: calc(25 / 414 * 100vw) auto 0;
  clear: both;
}

.certificate ul {
  overflow: hidden;
  zoom: 1;
}

.certificate ul li {
  display: inline;
  float: left;
  width: calc(155 / 414 * 100vw);
  height: calc(155 / 414 * 100vw);
  line-height: calc(155 / 414 * 100vw);
  text-align: center;
  overflow: hidden;
  margin: 0 5px;
  background: #F6F6F6;
}

.certificate ul li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}