#banner {
  height: 31.25rem;
  margin: 0 auto;
}
#banner .bg-img {
  width: 120rem;
  /* width: 100%;
  height: 31.25rem; */
  /* image-rendering: pixelated; */
}
#case {
  padding: 4.31rem 0 2.5rem 0;
  height: 100%;
  min-height: calc(100vh - 31.25rem - 21.56rem);
}
#case .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#case .content .item {
  padding-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
#case .content .item .name {
  padding-top: 1.4rem;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  color: #333333;
}
#case .content .item:hover .phone_img {
  transform: scale(1.1);
}
#case .content .item:hover .pc_img {
  transform: scale(1.1);
}
#case .phone .item {
  margin-right: 4.4rem;
}
#case .phone .item .phone_img {
  width: 15.44rem;
  height: 27.5rem;
  transition: all 0.5s;
}
#case .phone .item:nth-child(4n) {
  margin-right: 0;
}
#case .pc .item {
  margin-right: 1.4rem;
}
#case .pc .item:nth-child(3n) {
  margin-right: 0;
}
#case .pc .item .pc_img {
  width: 24.06rem;
  height: 23.75rem;
  transition: all 0.5s;
}
#case_detail {
  padding: 4.69rem 0 2.97rem 0;
  height: 100%;
  min-height: calc(100vh - 31.25rem - 21.56rem);
}
#case_detail .info p img {
  /* image-rendering: pixelated; */
}
/*# sourceMappingURL=case.css.map */