/* banner */
.components-banner{
  background: #f6f6f6;
}
.components-banner .detail-banner {
  position: relative;
  height: 4.1719rem;
  overflow: hidden;
  clear: both;
  background:none;
}
.components-banner .detail-banner__pic {
  width: 100%;
  /* height: 4.8854rem; */
}
.components-banner .banner-title {
  font-size: 0.3333rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.5208rem;
  letter-spacing: 0.026rem;
  text-shadow: 2px 14px 18px rgba(35, 24, 21, 0.53);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.1563rem;
  font-family: HarmonyOS_Sans_SC_Bold;
  text-transform: none;
}
.components-banner .banner-title1 {
  font-size: 0.3333rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.5208rem;
  letter-spacing: 0.026rem;
  text-shadow: 2px 14px 18px rgba(35, 24, 21, 0.53);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.6rem;
  white-space: nowrap;
  font-family: HarmonyOS_Sans_SC_Bold;
  text-transform: none;
}
.components-banner .banner-detail .title {
  font-size: 0.2083rem;
  font-weight: 600;
  color: #222222;
  line-height: 0.2083rem;
  letter-spacing: 0.0104rem;
  padding: 0.2083rem 0 0.125rem 0.2604rem;
  height: auto;
}
.components-banner .banner-detail {
  position: relative;
  width: 6.25rem;
  height: 1.25rem;
  background: #ffffff;
  box-shadow: 0.0313rem 0.0313rem 0.224rem 0rem rgba(34, 34, 34, 0.05);
  border-radius: 0.1042rem;
  margin: -0.8rem auto 0;
  z-index: 11;
}
/* banner end */

/* 产品类型
 * 设计：卡片 579×566px、圆角 16px；数字 64px、中文标题 32px、英文 24px、描述 16px。
 * 以 16px 为 1rem 时：36.1875rem × 35.375rem，字号 4rem / 2rem / 1.5rem / 1rem。
 * 本页使用 flexible.js，1rem = 视口宽/10（常见 1920 稿下约 192px），故此处为 设计px÷192。
 */
.product-type {
  width: 100%;
  padding: 0.4167rem 1.875rem 0.5208rem;
  box-sizing: border-box;
  background: #f6f6f6;
}
.product-type-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0.3125rem;
}
.product-type-title p {
  font-size: 0.2083rem;
  font-weight: 700;
  color: #333;
  text-align: center;
}
.product-type-title .icon {
  width: 0.2083rem;
  height: 0.0208rem;
  background: #c33a2a;
}
.product-type-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: 0.125rem;
  max-width: 6.1719rem;
  margin: 0 auto;
  box-sizing: border-box;
}
/* 579px × 566px × 16px 圆角；阴影在卡片上，圆角由内层裁剪以免裁切 shadow */
.product-type-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 3.015625rem;
  height: 2.94791667rem;
  box-sizing: border-box;
  border-radius: 0.08333333rem;
  background-color: #ffffff;
  box-shadow: 0 0.03125rem 0.20833333rem rgba(34, 34, 34, 0.12),
    0 0.01041667rem 0.05208333rem rgba(34, 34, 34, 0.06);
  transition: box-shadow 0.28s ease;
}
.product-type-card:hover {
  box-shadow: 0 0.078125rem 0.41666667rem rgba(34, 34, 34, 0.22),
    0 0.02604167rem 0.10416667rem rgba(34, 34, 34, 0.12);
}
.product-type-card__accent {
  position: absolute;
  top: 0.171875rem;
  right: 0.171875rem;
  width: 0.01041667rem;
  height: 0.20833333rem;
  background: #c33a2a;
  z-index: 2;
}
.product-type-card__inner {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0.171875rem 0.26041667rem 0 0.171875rem;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 0.08333333rem 0.08333333rem 0 0;
}
.product-type-card__text {
  flex: 0 0 auto;
}
/* 文案与「图上 44px」之间的可伸缩留白，保证配图区贴卡片底 */
.product-type-card__mid-spacer {
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
}
/* 文案末行与配图间距 44px，44÷192 */
.product-type-card__gap-before-img {
  flex: 0 0 0.22916667rem;
  height: 0.22916667rem;
  flex-shrink: 0;
  width: 100%;
}
/* 配图区高度 280px → 280÷192 rem（flexible 视口宽/10），贴白底卡片下沿 */
.product-type-card__foot {
  flex: 0 0 1.45833333rem;
  flex-shrink: 0;
  height: 1.45833333rem;
  z-index: 0;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 0.08333333rem 0.08333333rem;
}
.product-type-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* 64px；数字下间距 24px → 24÷192 */
.product-type-card__num {
  font-size: 0.33333333rem;
  font-weight: 700;
  color: #c33a2a;
  line-height: 1;
  margin-bottom: 0.125rem;
  font-family: HarmonyOS_Sans_SC_Bold, PingFang SC, Microsoft YaHei, sans-serif;
}
/* 32px */
.product-type-card__title {
  margin: 0 0 0.0625rem;
  padding: 0;
  font-size: 0.16666667rem;
  font-weight: 700;
  color: #c33a2a;
  line-height: 1.3;
}
/* 24px */
.product-type-card__title-en {
  font-size: 0.125rem;
  font-weight: 400;
}
/* 16px */
.product-type-card__desc {
  margin: 0;
  font-size: 0.08333333rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.5;
}
/* 产品类型end */

/* 登途商城 */
.dntu-mall {
  width: 100%;
  padding-top: 0.41666667rem;
  background: #f6f6f6;
  box-sizing: border-box;
}
.dntu-mall-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0.58333333rem;
}
.dntu-mall-title p {
  font-size: 0.20833333rem;
  font-weight: 700;
  color: #333333;
  text-align: center;
}
.dntu-mall-title .icon {
  width: 0.20833333rem;
  height: 0.02083333rem;
  background: #c33a2a;
}
.dntu-mall-panel {
  position: relative;
  width: 100%;
  height: 3.1875rem;
  background: #d6141d;
  overflow: visible;
}
.dntu-mall-phone {
  position: absolute;
  left: 1.65104167rem;
  top: -0.25rem;
  width: 2.66145833rem;
  height: 3.4375rem;
  object-fit: contain;
}
.dntu-mall-content {
  position: absolute;
  top: 0.609375rem;
  left: 5.01041667rem;
  max-width: 3.109375rem;
  color: #ffffff;
}
.dntu-mall-content__title {
  margin: 0;
  font-size: 0.20833333rem;
  font-weight: 700;
  line-height: 1.35;
  color: #ffffff;
}
.dntu-mall-content__desc {
  margin: 0.08333333rem 0 0;
  font-size: 0.10416667rem;
  font-weight: 400;
  line-height: 1.9;
  color: #ffffff;
}
/* 登途商城end */

/* 经销商加盟 */
.dealer-join {
  width: 100%;
  padding-top: 0.41666667rem;
  background: #f6f6f6;
  box-sizing: border-box;
}
.dealer-join-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dealer-join-title p {
  font-size: 0.20833333rem;
  font-weight: 700;
  color: #333333;
  text-align: center;
}
.dealer-join-title .icon {
  width: 0.20833333rem;
  height: 0.02083333rem;
  background: #c33a2a;
}
.dealer-join-panel {
  display: flex;
  width: 100%;
  height: 2.515625rem;
  margin-top: 0.328125rem;
  background: #ffffff;
}
.dealer-join-panel__img {
  width: 4.53645833rem;
  height: 100%;
  object-fit: cover;
}
.dealer-join-panel__content {
  flex: 1;
  height: 100%;
  padding-left: 0.46354167rem;
  box-sizing: border-box;
}
.dealer-join-panel__contact-title {
  margin: 0.72916667rem 0 0;
  font-size: 0.20833333rem;
  font-weight: 700;
  color: #222222;
  line-height: 1.35;
}
.dealer-join-panel__email-label {
  margin: 0.16666667rem 0 0;
  font-size: 0.10416667rem;
  font-weight: 400;
  color: #222222;
  line-height: 1.4;
}
.dealer-join-panel__email {
  font-size: 0.20833333rem;
  font-weight: 700;
  color: #222222;
  line-height: 1.35;
}
/* 经销商加盟end */