#home-gallary-plate {
  background-color: var(--color-main-bg-light);
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  padding-top: var(--height-plate-title-top);
}
#home-gallary-plate .text-title #text-title-text {
  padding: 0;
  margin: 0;
  color: var(--color-main-font-dark);
  font-size: var(--font-size-block-title);
}
#home-gallary-plate .map_img {
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  min-height: 400px;
  padding-top: var(--height-plate-title-top);
}
#home-gallary-plate .map_img .img_cards {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transform-style: preserve-3d;
  perspective-origin: center center;
}
#home-gallary-plate #home_map_1,
#home-gallary-plate #home_map_2,
#home-gallary-plate #home_map_3,
#home-gallary-plate #home_map_4,
#home-gallary-plate #home_map_5 {
  position: absolute;
  transition: transform 1s ease 0s;
  color: #ffa500;
}
#home-gallary-plate .map_img .img_cards .img_card {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 24px;
  object-fit: cover;
}
#about_img {
  object-fit: cover;
  width: 100%;
}
#home-gallary-plate .map_img .card_title {
  padding: 0;
  margin: 0;
  height: 40px;
  line-height: 60px;
  color: var(--color-main-font-gary);
  font-size: var(--font-size-md-block-title);
}
#home-gallary-plate .map_more {
  height: 80px;
  padding-bottom: var(--height-plate-title-bottom);
}
#home-gallary-plate .map_more > p {
  display: block;
  margin: 0px auto;
  width: 320px;
  color: var(--color-main-font-gary);
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
#home-gallary-plate .map_more > p:hover {
  color: var(--color-main-font-hover);
}

.about-company-css {
  background-color: var(--color-main-bg-light);
  padding-left: 50px;
  padding-right: 50px;
}

.row button{
  margin-top: 5px;
  margin-bottom: 5px;
}

.img_card_container {
  display: none;
}

.img_card {
  width: 100%;
  height: 60vh; /* 使用 vh 单位来设置高度为视口高度的 60% */
  object-fit: cover; /* 确保图片覆盖整个容器，可能会裁剪部分图片 */
  object-position: center; /* 图片居中显示 */
}

#img_holder {
    width: 100%; /* 宽度为页面宽度的 100% */
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: center; /* 水平居中 */
    align-items:center;
}

#single_home_map {
    width: 70vw; /* 宽度为页面宽度的 100% */
    height: 70vh; /* 高度为视口高度的 50% */
    object-fit: cover; /* 保持图片比例并覆盖容器 */
    object-position: center; /* 图片居中显示 */
}