.maximum {
  width: 100%;
}
.maximum .head_band {
  height: calc(260*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
}
.maximum .head_band img {
  height: calc(260*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
}
.maximum .conant {
  width: calc(1400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
}
.maximum .conant ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant ul li {
  width: calc(440*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: lightblue;
  margin-bottom: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant ul li img {
  width: 100%;
  height: calc(180*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant ul li .soan_a {
  height: calc(99*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #ffffff;
  border-radius: 0px 0px 4px 4px;
  box-shadow: -2px 0px 15.2px 0.1px rgba(181, 181, 181, 0.19);
  padding-top: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-left: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant ul li .soan_a span {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #333333;
  display: block;
  margin-bottom: calc(12*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant ul li .soan_a p {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #666666;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant ul li .soan_a .soab_b {
  display: flex;
  align-items: self-end;
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #3a89fe;
}
.maximum .conant ul li .soan_a .soab_b img {
  margin-left: calc(10*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(5*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant .page ul {
  display: flex;
  justify-content: center;
}
.maximum .conant .page ul a li {
  width: calc(44*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(44*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  line-height: calc(44*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #D7D9DE;
  margin: 0 calc(6*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #fff;
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant .page ul a li:hover {
  background-color: #3A89FE;
}
.maximum .conant .page ul a:first-child li {
  width: calc(72*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(44*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .conant .page ul a:last-child li {
  width: calc(72*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(44*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}