.D0 .box .hhh h2 {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 2rem 0;
}

@media (max-width: 768px) {
  .D0 .box .hhh h2 {
    font-size: calc(1rem + 3vw);
  }
}

.D0 .box .hhh h2::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem auto;
  content: "";
  width: 3vw;
  min-width: 30px;
  height: 3px;
  background: #ED7742;
}

.D0 {
  margin: calc(3vw + 3rem) 0 calc(4vw + 4rem) 0;
}

.D0 .box .photo .case .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 3rem 2vw;
}

@media (max-width: 768px) {
  .D0 .box .photo .case .list {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 2vw;
  }
}

.D0 .box .photo .case .list li {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 6px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: "ease";
          transition-timing-function: "ease";
  -webkit-transition-delay: "0s";
          transition-delay: "0s";
}

.D0 .box .photo .case .list li:hover {
  -webkit-box-shadow: 0 10px 20px #00000020;
          box-shadow: 0 10px 20px #00000020;
}

.D0 .box .photo .case .list li:hover a .pic img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.D0 .box .photo .case .list li a .pic {
  overflow: hidden;
  width: 100%;
  height: 35vh;
}

@media (max-width: 768px) {
  .D0 .box .photo .case .list li a .pic {
    height: 29vw;
  }
}

.D0 .box .photo .case .list li a .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-transition-timing-function: "ease";
          transition-timing-function: "ease";
  -webkit-transition-delay: "0s";
          transition-delay: "0s";
  -webkit-transform: scale(1);
          transform: scale(1);
}

.D0 .box .photo .case .list li .title {
  border-top: 0;
  padding: 0.8rem 1rem;
  text-align: center;
  font-size: 1.1rem;
  color: #555;
}

.D0 .box .photo .case .list li .title p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.D0 .box .photo .page {
  margin: calc(4vw + 1rem) 0 0 0;
}
/*# sourceMappingURL=rdcenter.css.map */