/* 页面容器 */
.page-container {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #003300;
}
/* 导航链接--面包屑 */
.link-tittle-box {
  width: 100%;
  letter-spacing: 2px;
}
.link-tittle-box p:first-child {
  margin-top: 1em;
  padding: 1em 2em;
  font-size: 0.9em;
}
.link-tittle-box a {
  margin-right: 1em;
  opacity: 0.8;
  color: #003300;
  text-decoration: none;
}
.link-tittle-box span {
  margin-right: 1em;
}
/* 标题区域 */
.link-tittle-box h2 {
  margin: 1em auto;
  text-align: center;
  font-weight: normal;
  font-size: 20px!important;
  position: relative;
  padding-bottom: 1.4em;
}
.link-tittle-box h2 .line {
  width: 4em;
  height: 2px;
  background: #003300;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1em;
}
/* 多语言描述区域 */
.link-tittle-box p:last-child {
  max-width: 68em;
  line-height: 2em;
  padding: 1em 2em;
  text-align: center;
  margin: 0 auto;
  letter-spacing: normal;
}
/*--产品大图部分上方背景色标题栏*/
.pic-bar {
  margin-top: 2em;
  width: 100%;
  height: 3.5em;
  line-height: 3.5em;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
  background: #607574;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pic-bar:hover {
  background: #DAB88B;
  color: #607574;
}
/*==================================下方产品图片样式=============================================*/
/* 外层容器 */
.largePic-one {
  width: 100%;
  max-width: 1400px;
  margin: 2em auto;
}
/* 商品列表 */
.largePic-one-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5em 1.5em;
}
/* 响应式 <992px */
@media (max-width: 992px) {
  .largePic-one-box {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 商品项 */
.largePic-one-item {
  position: relative;
  overflow: hidden;
}
.largePic-one-item .link-img-wrap {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
/* 爱心 */
.link-img-wrap .hearts.large {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 20px;
  color: #607574;
  z-index: 10;
  transition: color 0.3s ease;
}
.largePic-one-item:hover .hearts.large {
  color: #DAB88B;
}
/* 鼠标移入时尺码盒子 */
/* 尺码盒子 */
.link-img-wrap .size {
  width: 100%;
  height: 3em;
  position: absolute;
  top: 20em;
  left: 0;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #ccc;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease;
}
.link-img-wrap .size-box {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 13px;
}
/* 尺码均分 */
.link-img-wrap .size-box li {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
/* 下边框：带平滑过渡 */
.link-img-wrap .size-box li::after {
  content: '';
  position: absolute;
  left: 0.5em;
  right: 0.5em;
  bottom: 1em;
  height: 2px;
  background-color: #333;
  transform: scaleX(0);
  /* 平滑过渡动画 */
  transition: transform 0.3s ease;
}
/* 第一个尺码灰色 */
.link-img-wrap .size-box li:first-child {
  color: #999;
}
/* hover 显示下边框 */
.link-img-wrap .size-box li:hover::after {
  transform: scaleX(1);
}
/* hover 显示尺码 */
.largePic-one-item:hover .size {
  opacity: 1;
  visibility: visible;
}
/* 图片部分 */
.link-img-wrap img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.largePic-one-item:hover img {
  transform: scale(1.06);
}
/* 产品标题 */
.link-img-wrap p {
  margin-top: 1.5em;
  width: 100%;
  height: auto;
  padding: 0 2.5em 0 0.5em;
  line-height: 1.5em;
  white-space: normal;
  overflow: visible;
  position: relative;
}
/* 小屏（平板）适配 */
@media (max-width: 768px) {
  .link-tittle-box h2 {
    font-size: 18px!important;
  }
  .link-img-wrap p {
    font-size: 0.9em;
    /* 缩小字号避免拥挤 */
    padding-right: 1.5em;
    /* 给文字更多横向空间 */
    margin-top: 0.8em;
    /* 减少上边距，避免卡片过高 */
  }
}
/* 超小屏（手机）适配 */
@media (max-width: 480px) {
  .link-tittle-box h2 {
    font-size: 16px!important;
  }
  .link-img-wrap p {
    font-size: 0.85em;
    /* 进一步缩小字号 */
    padding-right: 1em;
    /* 最大化文字显示空间 */
    line-height: 1.4em;
    /* 缩小行高，节省垂直空间 */
  }
}
.link-img-wrap p::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  /* 三角尺寸与颜色 */
  width: 0;
  height: 0;
  border-width: 5px 0 5px 8px;
  /* 左宽8px，上下高5px */
  border-style: solid;
  border-color: transparent transparent transparent #003300;
  /* 只显示左边框，形成右向三角 */
  /* 过渡动画，让颜色变化更顺滑 */
  transition: border-color 0.3s ease;
}
/* 鼠标移入时，三角形变为黄色 */
.link-img-wrap p:hover::after {
  border-color: transparent transparent transparent #DAB88B;
}
/* 响应式 <992px */
@media (max-width: 992px) {
  /* 导航链接--面包屑 */
  .link-tittle-box {
    letter-spacing: normal;
  }
  .link-tittle-box p:first-child {
    padding: 1em 1em;
  }
  .link-tittle-box a {
    margin-right: 0.5em;
  }
  .link-tittle-box span {
    margin-right: 0.5em;
  }
  .link-img-wrap .size {
    top: 14em;
  }
}