:root {
  --contents-width: 1120px;
  --padding-contents-wrapper--lr: 4.8rem;
  --padding-contents-wrapper--tb: 4.8rem;
  --padding-contents-wrapper--sp: 1.6rem;
}

:root:lang(zh),
:root:lang(zh-cn) {
  font-family: "PingFang SC", "Microsoft YaHei", "Droid Sans Fallback",
    sans-serif;
}

/* header-icon */
.el-site-header__nav-block--lower-item--icon {
  font-size: 1.7rem;
  font-weight: 500;
  background-color: var(--base-color-orange);
  border-radius: 100%;
}

.el-site-header__nav-block--lower-item--icon i {
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
  height: 3.2rem;
  width: 3.2rem;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  color: var(--primary-color);
}

.el-site-header__nav-block--lower-item--icon .icon-inactive {
  opacity: 1;
  visibility: visible;
}

.el-site-header__nav-block--lower-item .icon-active {
  opacity: 0;
  visibility: hidden;
}

.el-site-header__nav-block--lower-item--icon i,
.el-site-header__nav-block--lower-item--icon svg {
  display: block;
}

.el-site-header__nav-block--lower-item {
  margin-right: 3.2rem;
}

.el-site-header__nav-block--lower-item--icon {
  font-size: 1.4rem;
}
.el-site-header__nav-block--lower-item--icon i {
  padding-bottom: 0.6rem;
  margin-bottom: 0.6rem;
  height: 2.4rem;
  width: 2.4rem;
}
/* header-icon */

.el-site-header-contact[data-hidden] {
  visibility: hidden;
}

/* el-pic-card */
.el-pic-card {
  cursor: pointer;
  text-decoration: none;
  display: flex;
  justify-content: center;
  max-width: var(--contents-width);
  padding: var(--padding-contents-wrapper--tb)
    var(--padding-contents-wrapper--lr);
  margin: 0 auto;
  box-sizing: border-box;
}

.el-pic-card :active {
  text-decoration: none;
}

.el-pic-card > a{
  transition: opacity 0.3s ease;
  text-decoration: none;
}
.el-pic-card > a:hover {
  opacity: 0.9;
}

@media (max-width: 559px) {
  .el-pic-card {
    padding-left: var(--padding-contents-wrapper--sp);
    padding-right: var(--padding-contents-wrapper--sp);
  }
}

.el-pic-card__wrapper {
  display: grid;
  place-items: center;
  position: relative;
  width: fit-content;
}

.el-pic-card__wrapper picture,
.el-pic-card__wrapper img {
  display: block;
  grid-area: 1 / 1 / 2 / 2;
  max-width: 40rem;
  height: auto;
}

@media (max-width: 559px) {
  .el-pic-card__wrapper img {
    max-width: 30rem;
  }
}
.el-pic-card__text-overlay {
  grid-area: 1 / 1 / 2 / 2;
  display: flex;
  align-items: center;
  color: white;
  font-size: 2rem;
  font-weight: 600;
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 559px) {
  .el-pic-card__text-overlay {
    font-size: 1.9rem;
  }
}
.el-pic-card__icon {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}
/* el-pic-card */