/* Fixes for behaviour the original site applies through JavaScript. */

/* 首页 Hero：恢复整屏高度，首屏由 Banner 完整覆盖。
   手机端仍按 1920×1080 的比例完整显示整张图。 */
#c_banner_019_P_189-1681703932599 .e_bannerA-2 .swiper-container {
  height: 100vh;
  height: 100dvh;
  margin-top: 0;
}

@media (max-width: 768px) {
  /* Banner 素材按 1920×1080 设计，手机上按同比例显示，整张图不被裁；
     顶部让出固定导航的 60px，图片从头到尾完整可见 */
  #c_banner_019_P_189-1681703932599 .e_bannerA-2 .swiper-container {
    height: auto;
    aspect-ratio: 1920 / 1080;
    min-height: 0;
    margin-top: 60px;
  }

  #c_banner_019_P_189-1681703932599 .e_bannerA-2 .P_link_img > img {
    object-position: center center;
  }
}

@media (max-width: 768px) {
  /* 手机上 logo 被撑到 150×65，顶满整个导航条；收小并留出上下留白 */
  #c_navigation_084_P_036-1681694658046 .e_image-16 {
    max-width: 118px;
  }
}

/* 汉堡按钮：模板用 720° 旋转且中间横线不动，点开后三条线会叠成一条粗线。
   改成标准的「三条线 → X」动画。 */
#c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navButton > p span {
  transition:
    transform 0.25s ease,
    opacity 0.2s ease,
    width 0.25s ease;
  animation: none !important;
}

#c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navButton > p.showmenu span:nth-of-type(1) {
  width: 100%;
  transform: translateY(6px) rotate(45deg);
}

#c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navButton > p.showmenu span:nth-of-type(2) {
  opacity: 0;
  transform: scaleX(0.2);
}

#c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navButton > p.showmenu span:nth-of-type(3) {
  width: 100%;
  transform: translateY(-6px) rotate(-45deg);
}

/* Mouse / touch drag support for the home hero. */
.homeLb .swiper-container {
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
}

.homeLb .swiper-container.is-dragging {
  cursor: grabbing;
}

.homeLb .swiper-container img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}

/* Product detail gallery: only the active image is shown, and the
   original script sets a fixed viewport height per breakpoint. */
#c_product_detail_003_P_016-1654754902235 .e_magnifier-40 .images-cover .image-item.active {
  display: flex !important;
}

@media (min-width: 1025px) {
  #c_product_detail_003_P_016-1654754902235 .e_magnifier-40 .magnifier-container {
    height: 450px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  #c_product_detail_003_P_016-1654754902235 .e_magnifier-40 .magnifier-container {
    height: 430px;
  }
}

@media (max-width: 768px) {
  #c_product_detail_003_P_016-1654754902235 .e_magnifier-40 .magnifier-container {
    height: 330px;
  }
}

/* Language dropdown: open on hover as well as on click. */
#c_navigation_084_P_036-1681694658046 .e_navigationD-46 .p_languageNav:hover .p_level2Box {
  display: block;
}

/* History strip: four slides per view, horizontally scrollable. */
.honoRBox {
  overflow-x: auto !important;
  scrollbar-width: none;
}

.honoRBox::-webkit-scrollbar {
  display: none;
}

.honoRBox .swiper-wrapper {
  display: flex;
}

.honoRBox .p_loopitem {
  flex: 0 0 25% !important;
  width: 25% !important;
}

/* 发展历程的事件条目：每条独占一行，圆点改由样式生成，
   手机端可以换成更小的强调色标记。 */
.p_timelineEvent {
  display: block;
}

.p_timelineEvent::before {
  content: "●\00a0";
}

/* Honours strip: five slides per view with a 20px gap. */
.horon .p_list {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scrollbar-width: none;
}

.horon .p_list::-webkit-scrollbar {
  display: none;
}

.horon .cbox-4 {
  flex: 0 0 calc((100% - 80px) / 5) !important;
  width: auto !important;
  margin-right: 0 !important;
}

@media (max-width: 767px) {
  /* On phones the original carousel shows two honours and one history item. */
  .horon .p_list {
    gap: 15px;
  }

  .horon .cbox-4 {
    flex: 0 0 calc((100% - 15px) / 2) !important;
  }

  /* 发展历程：手机端原来是横向滑动，一屏只看得到一条、卡片高度还参差不齐。
     改成纵向时间轴：四条历程一次看全，左侧一条竖线 + 年份节点。 */
  #c_effect_047_P_647-1730877177399 .e_loop-1 .swiper-container {
    padding-bottom: 0;
  }

  #c_effect_047_P_647-1730877177399 .honoRBox {
    overflow: visible !important;
  }

  #c_effect_047_P_647-1730877177399 .honoRBox .swiper-wrapper {
    flex-direction: column;
    gap: 0;
    scroll-snap-type: none;
  }

  #c_effect_047_P_647-1730877177399 .honoRBox .p_loopitem {
    position: relative;
    flex: 0 0 auto !important;
    width: 100% !important;
    padding: 0 0 14px 30px;
    scroll-snap-align: none;
  }

  #c_effect_047_P_647-1730877177399 .honoRBox .p_loopitem:last-child {
    padding-bottom: 0;
  }

  /* 竖线：从第一个节点中心连到最后一个节点中心 */
  #c_effect_047_P_647-1730877177399 .honoRBox .p_loopitem::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    width: 2px;
    border-radius: 2px;
    background: rgba(0, 160, 232, 0.25);
  }

  #c_effect_047_P_647-1730877177399 .honoRBox .p_loopitem:first-child::before {
    top: 28px;
  }

  #c_effect_047_P_647-1730877177399 .honoRBox .p_loopitem:last-child::before {
    bottom: auto;
    height: 28px;
  }

  /* 年份节点：圆点压住竖线，让整条时间轴看起来是连贯的 */
  #c_effect_047_P_647-1730877177399 .honoRBox .p_loopitem::after {
    content: "";
    position: absolute;
    top: 21px;
    left: 0;
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    border: 2px solid #00a0e8;
    border-radius: 50%;
    background: #fff;
  }

  #c_effect_047_P_647-1730877177399 .e_container-8 {
    height: auto;
    min-height: 0;
    padding: 14px 16px 16px;
    border-right: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 6px 18px rgba(15, 42, 67, 0.08);
  }

  #c_effect_047_P_647-1730877177399 .cbox-8-1 {
    height: auto;
  }

  #c_effect_047_P_647-1730877177399 .e_timeFormat-13 {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #00a0e8;
  }

  #c_effect_047_P_647-1730877177399 .e_text-9 {
    font-size: 14px;
    line-height: 1.75;
    color: #5b6b7b;
    white-space: normal;
  }

  #c_effect_047_P_647-1730877177399 .e_text-9 .p_timelineEvent + .p_timelineEvent {
    margin-top: 2px;
  }

  #c_effect_047_P_647-1730877177399 .e_text-9 .p_timelineEvent::before {
    content: "•";
    margin-right: 6px;
    color: #00a0e8;
  }

  /* 纵向排布后不再需要底部那条 1px 的滑动指示 */
  #c_effect_047_P_647-1730877177399 .swiper-scrollbar {
    display: none;
  }

  /* 区块描述原来被截成两行，后半句看不到 */
  #c_effect_047_P_647-1730877177399 .e_text-18 {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
  }

  /* 区块标题下的描述文本在手机上顶到屏幕两侧 */
  #c_effect_032-1730875682061 .cbox-9-0,
  #c_effect_047_P_647-1730877177399 .cbox-15-0 {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* The original about-page video uses its intrinsic ratio on phones. */
  #c_static_001-17048649845220 .e_video-36 .p_video {
    aspect-ratio: 1920 / 1044;
  }

  #c_static_001-17048649845220 .e_video-36 video {
    height: 100%;
    object-fit: cover;
  }

  #c_static_001-17048649845220 .e_video-36 .cover {
    display: none;
  }
}

/* Lightbox used by the honours strip and the product gallery. */
.mirror-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.8);
}

.mirror-lightbox-inner {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  padding: 20px;
  border-radius: 4px;
  background: #fff;
}

.mirror-lightbox img {
  max-width: 85vw;
  max-height: 75vh;
  object-fit: contain;
  margin-inline: auto;
}

.mirror-lightbox p {
  margin-top: 10px;
  color: #333;
  text-align: center;
}

.mirror-lightbox-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #333;
  font-size: 24px;
  line-height: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* The original site keeps the business-licence block hidden. */
#c_static_001_P_12119-1681718457194 .e_businessAndCopyright-98 {
  display: none !important;
}

/* Local form feedback. */
.mirror-form-note {
  width: 100%;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.6;
}

/* Avoid the loading placeholder ever being visible. */
img[src="/npublic/img/s.png"] {
  visibility: hidden;
}

/* ============================================================
   全站版式：内容区 1600px → 1250px
   ------------------------------------------------------------
   镜像分片里每个区块都用 `#id .e_container-x` 单独限定宽度。
   这里放在最后加载的 mirror-fixes 里统一覆盖：同优先级、后加载，
   因此能压过分片里的 1600px。分片自带的 width:94% 保留，
   视口窄于约 1330px 时自然收缩，不会出现横向滚动。
   ============================================================ */
/* 发展历程底部那条 1px 的滑动指示线（.swiper-scrollbar）：
   分片里是 absolute + z-index:50，会压住固定导航栏，桌面端也要隐藏 */
#c_effect_047_P_647-1730877177399 .swiper-scrollbar {
  display: none;
}

@media (min-width: 769px) {
  /* 顶部导航：内容与下方区块左右对齐，背景仍然满屏 */
  #c_navigation_084_P_036-1681694658046 .e_container-21 {
    width: 94%;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    transition: max-width 0.45s ease;
  }

  /* 首页顶部：导航容器加宽；下拉或进入内页后自动收回到 1250px */
  #c_navigation_084_P_036-1681694658046 .e_container-21.is-wide {
    max-width: 1600px;
  }

  /* 各页面内容容器（页脚 / 首页 / 产品 / 解决方案 / 新闻 / 关于 / 联系 / 标签） */
  #c_static_001_P_12119-1681718457194 .e_container-95,
  #c_static_001_P_12119-1681718457194 .e_container-101,
  #c_new_list_141-1684219325561 .e_container-8,
  #c_new_list_141-1684219325561 .e_loop-1,
  #c_static_001-16867058057760 .e_container-1,
  #c_static_001_P_318-17295815949930 .e_container-1,
  #c_static_001_P_7924-1667208103599 .e_loop-1,
  #c_product_detail_003_P_016-1654754902235 .e_container-2,
  #c_product_detail_003_P_016-1654754902235 .e_container-13,
  #c_relevant_022_P_007-1682661518381 .e_container-11,
  #c_static_001_P_2211-17273381968740 .e_container-1,
  #c_static_001_P_318-16859284235600 .e_container-1,
  #c_static_001-17295814776010 .e_container-1,
  #c_static_001-17295815041820 .e_container-1,
  #c_relevant_022_P_007-17288977428820 .e_container-11,
  #c_static_001_P_32487-1702453356044 .e_container-36,
  #c_static_001_P_2708-16602009256420 .e_container-1,
  #c_static_001_P_32487-1702453356044 .e_loopFocus-1,
  #c_grid-1682653221568,
  #c_static_001_P_318-16826531483910 .e_container-1,
  #c_effect_022-17308729062850 .e_container-1,
  #c_effect_032-1730875682061 .e_loop-4,
  #c_effect_047_P_647-1730877177399 .e_container-2,
  #c_static_001-17048649845220 .e_container-29,
  #c_static_001_P_2708-17025175138740 .e_container-6,
  #c_static_001-1660176887802 .e_container-24,
  #c_static_001_P_2708-17312944568940 .e_container-6,
  #c_static_334-1648523196435 .e_container-27,
  #c_static_001-16766912073450,
  #c_static_001_P_318-17016828015030 .e_container-1,
  #c_new_list_196-16767813208983 .e_loop-1,
  #c_static_001_P_318-17016828679700 .e_container-1 {
    max-width: 1250px;
  }

  /* 内页 Banner：28vw → 24vw，最高 480px */
  #c_static_001_P_908-17295684070900,
  #c_static_001_P_908-17295684259910,
  #c_static_001_P_908-17295683965910,
  #c_static_001_P_908-16602008954360,
  #c_static_001_P_908-17295683839130 {
    height: 24vw;
    max-height: 480px;
  }

  #c_static_001_P_908-17295684070900 .e_bannerA-1,
  #c_static_001_P_908-17295684259910 .e_bannerA-1,
  #c_static_001_P_908-17295683965910 .e_bannerA-1,
  #c_static_001_P_908-16602008954360 .e_bannerA-1,
  #c_static_001_P_908-17295683839130 .e_bannerA-1 {
    height: 24vw;
    max-height: 480px;
  }
}

/* ============================================================
   标题字号：内容区收窄后，大标题按约 10% 缩小；
   正文（12–18px）保持不变。
   ============================================================ */
@media (min-width: 1025px) {
  /* 首页 Hero 主标题：64/56px → 最高 54px */
  #c_banner_019_P_189-1681703932599 .e_bannerA-2 .p_btitle {
    font-size: clamp(32px, 3vw, 54px);
  }

  /* 内页 Banner 标题：2.4vw → 2.1vw（1920 屏 46 → 40px） */
  #c_static_001_P_908-17295684070900 .e_bannerA-1 .p_info .p_btitle,
  #c_static_001_P_908-17295684259910 .e_bannerA-1 .p_info .p_btitle,
  #c_static_001_P_908-17295683965910 .e_bannerA-1 .p_info .p_btitle,
  #c_static_001_P_908-16602008954360 .e_bannerA-1 .p_info .p_btitle,
  #c_static_001_P_908-17295683839130 .e_bannerA-1 .p_info .p_btitle {
    font-size: clamp(24px, 2.1vw, 40px);
  }

  /* 首页区块标题 40 → 36 */
  #c_static_001-16867058057760 .e_text-2 {
    font-size: 36px;
  }

  /* 新闻列表日期 60 → 52 */
  #c_static_001_P_32487-1702453356044 .e_timeFormat-21 {
    font-size: 52px;
    line-height: 52px;
  }

  /* 联系页大标题 36 → 32 */
  #c_static_334-1648523196435 .e_text-68 {
    font-size: 32px;
  }

  /* 各栏目区块标题与详情标题 30 → 28 */
  #c_effect_022-17308729062850 .e_text-12,
  #c_effect_032-1730875682061 .e_text-10,
  #c_effect_047_P_647-1730877177399 .e_text-16,
  #c_static_001-17048649845220 .e_text-25,
  #c_static_001-17048649845220 .e_text-32,
  #c_static_001-1660176887802 .e_text-25,
  #c_relevant_022_P_007-17288977428820 .e_text-15,
  #c_static_001_P_4745-16826532627650 .e_text-10 {
    font-size: 28px;
  }
}

/* ============================================================
   正文统一 14px
   ------------------------------------------------------------
   标题、卡片名称、数字和面包屑保持原字号；描述、简介、联系方式、
   页脚链接等正文统一到 14px，避免 16/17/18/20px 混用。
   ============================================================ */
/* 页脚：公司名 20px，栏目名 15px，链接 14px */
#c_static_001_P_12119-1681718457194 .e_text-103 {
  font-size: 20px;
}

#c_static_001_P_12119-1681718457194 .p_menu1Item span {
  font-size: 15px;
}

#c_static_001_P_12119-1681718457194 .p_menu2Item span {
  font-size: 14px;
}

#c_static_001_P_12119-1681718457194 .e_richText-104 p {
  font-size: 14px;
}

/* 联系页：联系方式与表单说明 */
#c_static_001-1660176887802 .e_richText-43,
#c_static_001-1660176887802 .e_richText-43 p {
  font-size: 14px !important;
  line-height: 1.9;
}

#c_static_334-1648523196435 .e_text-69 {
  font-size: 14px;
}

/* 关于页：公司简介正文 */
#c_static_001-17048649845220 .e_richText-33,
#c_static_001-17048649845220 .e_richText-33 p {
  font-size: 14px;
  line-height: 1.9;
}

/* 关于页：简介首行缩进两字 */
#c_static_001-17048649845220 .e_richText-33 p {
  text-indent: 2em;
}

/* 关于页：简介与视频两栏垂直居中对齐 */
#c_static_001-17048649845220 .e_container-30 {
  align-items: center;
}

/* ============================================================
   顶部导航优化
   ============================================================ */
/* Logo 区不再固定 300px，按图片实际宽度收缩，导航获得更多空间 */
#c_navigation_084_P_036-1681694658046 .e_container-21 .cbox-21-0 {
  flex: 0 0 auto;
}

/* 导航容器去掉右侧 3% 内边距，导航项与语言切换之间不再多出一截空白 */
#c_navigation_084_P_036-1681694658046 .e_navigationF-24 {
  padding-right: 0;
}

@media (min-width: 1025px) {
  /* 导航组在 logo 与语言切换之间居中，并与 logo 留出一点呼吸空间 */
  #c_navigation_084_P_036-1681694658046 .cbox-21-1 {
    display: flex;
    justify-content: center;
    padding-left: 24px;
  }

  #c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navBox1 {
    justify-content: center;
  }

  /* 导航项：左右留白 34.56 → 20px，字号 16 → 15px，字重 600 → 500 */
  #c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navItem1 {
    padding-left: 20px;
    padding-right: 20px;
    transition: padding 0.45s ease;
  }

  /* 首页顶部导航加宽时，导航项间距同步拉开；收起时回到 20px */
  #c_navigation_084_P_036-1681694658046
    .e_container-21.is-wide
    .e_navigationF-24
    .p_navItem1 {
    padding-left: 32px;
    padding-right: 32px;
  }

  #c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navItem1 > .p_navCon a {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.02em;
  }

  /* 下拉面板：悬停导航项或面板本身时都保持展开，
     避免鼠标从导航项移到面板的瞬间闪一下再收起。 */
  #c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navItem1:hover .p_navBox2,
  #c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navBox2:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 下拉面板加宽，长分类名不再折行 */
  #c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navBox2 {
    width: 240px !important;
  }

  #c_navigation_084_P_036-1681694658046 .e_navigationF-24 .p_navBox2 .p_navCon2 > a {
    padding: 10px 14px !important;
    font-size: 14px !important;
  }
}

/* ============================================================
   全站间距节奏
   ------------------------------------------------------------
   各页面区块纵向留白统一为桌面 80px / 手机 48px；
   卡片内边距统一 24–48px；页脚单独一套节奏。
   ============================================================ */
/* 解决方案、产品列表与详情 */
#c_static_001-17048649845220,
#c_effect_032-1730875682061,
#c_effect_047_P_647-1730877177399,
#c_effect_022-17308729062850,
#c_static_001_P_7924-1667208103599,
#c_product_detail_003_P_016-1654754902235,
#c_relevant_022_P_007-1682661518381,
#c_static_001_P_32487-1702453356044,
#c_relevant_022_P_007-17288977428820 {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* 联系页：信息区与表单区共用一块灰底，
   信息区底部留 48px 与表单衔接，外层各留 80px。 */
#c_static_001-1660176887802 {
  padding-top: 80px;
  padding-bottom: 48px;
}

#c_static_334-1648523196435 {
  padding-top: 0;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  #c_static_001-17048649845220,
  #c_effect_032-1730875682061,
  #c_effect_047_P_647-1730877177399,
  #c_effect_022-17308729062850,
  #c_static_001_P_7924-1667208103599,
  #c_product_detail_003_P_016-1654754902235,
  #c_relevant_022_P_007-1682661518381,
  #c_static_001_P_32487-1702453356044,
  #c_relevant_022_P_007-17288977428820 {
    padding-top: 32px;
    padding-bottom: 48px;
  }

  #c_static_001-1660176887802 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  #c_static_334-1648523196435 {
    padding-bottom: 48px;
  }
}

/* 卡片内边距：大卡片 48px，简介卡 32px，列表卡 20×24px */
@media (min-width: 769px) {
  #c_static_001-17048649845220 .e_container-29 {
    padding: 32px;
  }

  #c_static_001-1660176887802 .e_container-24,
  #c_static_334-1648523196435 .e_container-27 {
    padding: 48px;
  }
}

@media (max-width: 768px) {
  #c_static_001-17048649845220 .e_container-29,
  #c_static_001-1660176887802 .e_container-24,
  #c_static_334-1648523196435 .e_container-27 {
    padding: 24px;
  }
}

/* 页脚：顶部 64px、主内容与底栏 40px、底栏 20px */
#c_static_001_P_12119-1681718457194 {
  padding-top: 64px;
  padding-bottom: 24px;
}

#c_static_001_P_12119-1681718457194 .e_container-101 {
  margin-bottom: 40px;
}

#c_static_001_P_12119-1681718457194 .e_container-95 {
  padding-top: 20px;
}

@media (max-width: 768px) {
  #c_static_001_P_12119-1681718457194 {
    padding-top: 48px;
    padding-bottom: 20px;
  }

  #c_static_001_P_12119-1681718457194 .e_container-101 {
    margin-bottom: 28px;
  }
}

/* ============================================================
   解决方案详情页
   ============================================================ */
/* 区块底色与全站一致（分片里是 #f2f2f2） */
#c_static_001_P_32487-1702453356044 {
  background-color: #f5f7fa;
}

/* 顶部信息卡：图片 + 标题 / 摘要 */
#c_static_001_P_32487-1702453356044 .e_container-36 {
  padding: 48px 56px !important;
  border: 1px solid #edf0f3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(15, 42, 66, 0.06);
}

#c_static_001_P_32487-1702453356044 .e_container-30 {
  align-items: center;
  gap: 48px;
}

#c_static_001_P_32487-1702453356044 .e_image-32 {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-radius: 10px;
  background: #eef2f6;
}

#c_static_001_P_32487-1702453356044 .e_image-32 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#c_static_001_P_32487-1702453356044 .e_text-34 {
  margin: 0;
  color: #1f2937;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3 !important;
}

#c_static_001_P_32487-1702453356044 .e_richText-31 {
  margin-top: 18px;
  padding: 0 0 0 18px;
  border-left: 3px solid #00a0e8;
  border-radius: 0;
  background: transparent;
  color: #5b6472;
  font-size: 15px;
  line-height: 1.9 !important;
}

#c_static_001_P_32487-1702453356044 .e_richText-35 {
  margin-top: 40px !important;
  padding-top: 32px;
  border-top: 1px solid #edf0f3;
  color: #4b5563;
  font-size: 16px;
  line-height: 1.9 !important;
}

#c_static_001_P_32487-1702453356044 .e_richText-35 p {
  margin-bottom: 16px;
}

#c_static_001_P_32487-1702453356044 .e_richText-35 img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

/* 相关产品：3 列卡片 */
#c_relevant_022_P_007-17288977428820 {
  padding: 80px 0;
  background: #f5f7fa;
}

#c_relevant_022_P_007-17288977428820 .e_container-11 {
  width: 94%;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-bottom: 0;
  border-radius: 0;
  background: transparent;
}

#c_relevant_022_P_007-17288977428820 .e_text-15 {
  margin: 0 0 24px;
  color: #333;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
}

#c_relevant_022_P_007-17288977428820 .e_loop-4 .p_list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

#c_relevant_022_P_007-17288977428820 .cbox-4 {
  width: auto !important;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 42, 66, 0.05);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

#c_relevant_022_P_007-17288977428820 .cbox-4:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(15, 42, 66, 0.12);
}

#c_relevant_022_P_007-17288977428820 .e_container-5 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
}

#c_relevant_022_P_007-17288977428820 .e_image-6 {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #eef2f6;
}

#c_relevant_022_P_007-17288977428820 .e_image-6 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

#c_relevant_022_P_007-17288977428820 .cbox-4:hover .e_image-6 img {
  transform: scale(1.05);
}

#c_relevant_022_P_007-17288977428820 .e_line-7 {
  display: none;
}

#c_relevant_022_P_007-17288977428820 .e_text-8 {
  margin: 0;
  padding: 16px;
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 768px) {
  #c_static_001_P_32487-1702453356044 .e_container-36 {
    padding: 20px 16px !important;
  }

  #c_static_001_P_32487-1702453356044 .e_container-30 {
    flex-direction: column;
    gap: 18px;
  }

  #c_static_001_P_32487-1702453356044 .e_text-34 {
    font-size: 20px;
  }

  #c_static_001_P_32487-1702453356044 .e_richText-31,
  #c_static_001_P_32487-1702453356044 .e_richText-35 {
    font-size: 14px;
    line-height: 1.85 !important;
  }

  #c_static_001_P_32487-1702453356044 .e_richText-35 {
    margin-top: 24px !important;
    padding-top: 20px;
  }

  #c_relevant_022_P_007-17288977428820 {
    padding: 32px 0 48px;
  }

  #c_relevant_022_P_007-17288977428820 .e_loop-4 .p_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  #c_relevant_022_P_007-17288977428820 .e_text-15 {
    font-size: 24px;
  }

  #c_relevant_022_P_007-17288977428820 .e_text-8 {
    padding: 12px;
    font-size: 14px;
  }
}

/* ============================================================
   产品列表页（/products/分类）：只美化样式，不改结构、内容和布局
   ============================================================ */
/* 列表区底色与产品分类页（.product-categories）保持一致 */
#c_static_001_P_7924-1667208103599 {
  background-color: #f5f7fa;
}

#c_static_001_P_7924-1667208103599 .e_container-2 {
  border: 1px solid #edf0f3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 42, 66, 0.05);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

#c_static_001_P_7924-1667208103599 .e_loop-1 .p_loopitem:hover .e_container-2 {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(15, 42, 66, 0.12);
}

#c_static_001_P_7924-1667208103599 .e_image-3,
#c_static_001_P_7924-1667208103599 .e_image-3 img {
  border-radius: 8px;
}

#c_static_001_P_7924-1667208103599 .e_text-9,
#c_static_001_P_7924-1667208103599 .e_text-9 a {
  color: #1f2937;
}

#c_static_001_P_7924-1667208103599 .e_text-16 {
  color: #9ca3af;
}

#c_static_001_P_7924-1667208103599 .e_text-5,
#c_static_001_P_7924-1667208103599 .e_text-5 a {
  color: #00a0e8;
}

/* ============================================================
   产品详情页：只美化样式，不改结构、内容和布局
   ============================================================ */
#c_product_detail_003_P_016-1654754902235 .e_container-2 {
  border: 1px solid #edf0f3;
  border-radius: 14px;
  background-color: #fff;
  box-shadow: 0 12px 34px rgba(15, 42, 66, 0.06);
}

/* 技术规格 / 特点 / 配置选择 标签区：白底卡片 + 品牌色 tab
   哪些 tab 显示由页面按内容判断（见 lib/rich-text.ts） */
#c_product_detail_003_P_016-1654754902235 .e_container-13 {
  padding: 32px 40px;
  border: 1px solid #edf0f3;
  border-radius: 14px;
  background-color: #fff;
  box-shadow: 0 12px 34px rgba(15, 42, 66, 0.06);
}

#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabName {
  border-bottom: 1px solid #edf0f3;
  /* 分片里的基础 ul 样式带 40px 左内边距，这里对齐卡片内边距 */
  padding-left: 0;
}

#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_nameItem {
  min-width: 132px;
  height: 48px;
  padding: 0 18px;
  border-radius: 8px 8px 0 0;
  background: #f7f9fb;
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 48px;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_nameItem:hover {
  color: #00a0e8;
}

#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_nameItem.active {
  border-bottom-color: #00a0e8;
  background: #00a0e8;
  color: #fff;
}

#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent {
  padding: 24px 0 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.9;
}

/* 技术规格里的「产品说明」导语段 */
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent p {
  margin: 0 0 18px;
  padding-bottom: 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.9;
}

/* 参数表：技术参数表风格 —— 表头浅色带 + 细网格 + 首列参数名
   无圆角；选择器要带 .p_tabContent table，否则被分片里的 td 规则压过去 */
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table {
  width: 100%;
  margin: 0;
  border: 1px solid #e8edf2;
  border-collapse: collapse;
  border-radius: 0;
  background: #fff;
}

#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table th,
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table td {
  padding: 12px 16px;
  border: 1px solid #e8edf2;
  background: transparent;
  color: #4b5563;
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.7;
}

/* 表头：与首列同一个浅色 #f2f6fa，只用加深的下边框区分 */
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table thead th {
  border-bottom-color: #dfe7ef;
  background: #f2f6fa;
  color: #12263a;
  font-weight: 700;
}

/* 首列：参数名（与表头同色） */
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table td:first-child,
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table th:first-child {
  width: 180px;
  background: #f2f6fa;
  color: #12263a;
  font-weight: 700;
}

/* 分片里的 bootstrap 重置写了 strong{font-weight:bolder}，
   在加粗单元格里会叠成 900，这里固定成普通加粗 */
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table strong {
  font-weight: 700;
}

/* 分片里写了 .p_contentItem table tr:nth-child(odd){background:#f5f5f5}，
   单元格透明时会透出隔行灰，这里把行背景清掉 */
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table thead tr,
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table tbody tr {
  background-color: transparent;
}

/* 表头首列同样 #f2f6fa */
#c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table thead th:first-child {
  background: #f2f6fa;
}

@media (max-width: 767px) {
  #c_product_detail_003_P_016-1654754902235 .e_container-13 {
    padding: 20px;
    border-radius: 12px;
  }

  #c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_nameItem {
    min-width: 104px;
    height: 44px;
    padding: 0 14px;
    font-size: 15px;
    line-height: 44px;
  }

  #c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent {
    padding-top: 16px;
  }

  #c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table th,
  #c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table td {
    padding: 10px 12px;
    font-size: 13px;
  }

  #c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table td:first-child,
  #c_product_detail_003_P_016-1654754902235 .e_productTabList-41 .p_tabContent table th:first-child {
    width: 104px;
  }
}

#c_product_detail_003_P_016-1654754902235 .e_text-4 {
  color: #1f2937;
}

/* 产品介绍完整显示：分片里用 -webkit-line-clamp:4 截断了 4 行 */
#c_product_detail_003_P_016-1654754902235 .e_richText-38 {
  display: block;
  overflow: visible;
  -webkit-line-clamp: none;
  -webkit-box-orient: initial;
  color: #6b7280;
}

#c_product_detail_003_P_016-1654754902235 .e_text-24 {
  color: #9ca3af;
}

#c_product_detail_003_P_016-1654754902235 .e_text-26,
#c_product_detail_003_P_016-1654754902235 .e_text-26 a {
  color: #00a0e8;
}

#c_product_detail_003_P_016-1654754902235 .e_button-36 {
  border-radius: 6px;
  box-shadow: 0 8px 18px rgba(0, 160, 232, 0.2);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

#c_product_detail_003_P_016-1654754902235 .e_button-36:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 160, 232, 0.3);
}

#c_product_detail_003_P_016-1654754902235 .e_button-46 {
  border-radius: 6px;
  transition:
    background 0.25s ease,
    color 0.25s ease;
}

#c_product_detail_003_P_016-1654754902235 .e_button-46:hover {
  background: #00a0e8;
}

#c_product_detail_003_P_016-1654754902235 .e_button-46:hover span {
  color: #fff;
}

/* 相关产品：保留原有位置与尺寸，只统一卡片观感 */
#c_relevant_022_P_007-1682661518381 {
  background: #f5f7fa;
}

#c_relevant_022_P_007-1682661518381 .e_container-11 {
  border-bottom: 0;
  border-radius: 0;
  background: transparent;
}

/* 标题位于蓝色小标签上，保持白字 */
#c_relevant_022_P_007-1682661518381 .e_text-13 {
  color: #fff;
}

#c_relevant_022_P_007-1682661518381 .e_container-5 {
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 42, 66, 0.05);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

#c_relevant_022_P_007-1682661518381 .cbox-4:hover .e_container-5 {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(15, 42, 66, 0.12);
}

#c_relevant_022_P_007-1682661518381 .e_image-6 {
  border-radius: 6px;
}

#c_relevant_022_P_007-1682661518381 .e_text-8,
#c_relevant_022_P_007-1682661518381 .e_text-8 a {
  color: #1f2937;
}

/* ============================================================
   关于我们页：只美化样式，不改布局
   ============================================================ */
#c_static_001-17048649845220 {
  background: #f5f7fa;
}

#c_static_001-17048649845220 .e_container-29 {
  border: 1px solid #edf0f3;
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(15, 42, 66, 0.06);
}

#c_static_001-17048649845220 .e_richText-33,
#c_static_001-17048649845220 .e_richText-33 p {
  color: #6b7280;
}

/* 关于我们介绍：手机端默认收起约 5 行，点击「展开」看全文 */
.about-intro-copy {
  display: flex;
  flex-direction: column;
}

.about-intro-toggle {
  display: none;
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 767px) {
  #c_static_001-17048649845220 .e_richText-33:not(.is-expanded) {
    position: relative;
    max-height: 140px;
    overflow: hidden;
  }

  #c_static_001-17048649845220 .e_richText-33:not(.is-expanded)::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 42px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
  }

  .about-intro-toggle {
    display: inline-flex;
    align-self: flex-end;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    padding: 7px 16px;
    border: 1px solid #dbe3ea;
    border-radius: 999px;
    background: #fff;
    color: #00a0e8;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
    transition:
      border-color 0.2s ease,
      color 0.2s ease;
  }

  /* 鼠标/触屏点击后不要出现聚焦描边，键盘 Tab 仍保留可见焦点 */
  .about-intro-toggle:focus:not(:focus-visible) {
    outline: none;
  }

  .about-intro-toggle:hover {
    border-color: #00a0e8;
  }

  .about-intro-toggle .icon {
    width: 14px;
    height: 14px;
    transition: transform 0.25s ease;
  }

  .about-intro-toggle[aria-expanded='true'] .icon {
    transform: rotate(180deg);
  }
}

/* 荣誉资质：图片卡片圆角与投影 */
#c_effect_032-1730875682061 .e_image-5 {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(15, 42, 66, 0.08);
}

/* 发展历程：桌面端卡片白底 */
@media (min-width: 769px) {
  /* 幻灯片内侧留白，让相邻卡片之间出现 20px 间隔 */
  #c_effect_047_P_647-1730877177399 .cbox-1 {
    padding: 0 10px;
  }

  #c_effect_047_P_647-1730877177399 .e_container-8 {
    border: 1px solid #edf0f3;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15, 42, 66, 0.06);
    transition:
      transform 0.3s ease,
      box-shadow 0.3s ease;
  }

  #c_effect_047_P_647-1730877177399 .cbox-1:hover .e_container-8 {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(15, 42, 66, 0.12);
  }
}

/* 企业文化：卡片观感统一 */
#c_effect_022-17308729062850 .e_container-16 {
  border: 1px solid #edf0f3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 42, 66, 0.05);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

#c_effect_022-17308729062850 .cbox-15:hover .e_container-16 {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(15, 42, 66, 0.12);
}

/* ============================================================
   联系我们页：只美化样式，不改布局
   ============================================================ */
#c_static_001-1660176887802,
#c_static_334-1648523196435 {
  background: #f5f7fa;
}

#c_static_001-1660176887802 .e_container-24,
#c_static_334-1648523196435 .e_container-27 {
  border: 1px solid #edf0f3;
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(15, 42, 66, 0.06);
}

#c_static_001-1660176887802 .e_text-25 {
  color: #1f2937;
}

#c_static_001-1660176887802 .e_richText-43,
#c_static_001-1660176887802 .e_richText-43 p {
  color: #4b5563;
}

/* 表单输入框：圆角与聚焦状态 */
#c_static_334-1648523196435 input,
#c_static_334-1648523196435 textarea {
  border-color: #dbe2ea !important;
  border-radius: 6px !important;
  background: #fff;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

#c_static_334-1648523196435 input:focus,
#c_static_334-1648523196435 textarea:focus {
  border-color: #00a0e8 !important;
  box-shadow: 0 0 0 3px rgba(0, 160, 232, 0.12);
  outline: none;
}

#c_static_334-1648523196435 .e_formBtn-72 {
  border-radius: 6px !important;
  box-shadow: 0 8px 18px rgba(0, 160, 232, 0.22);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

#c_static_334-1648523196435 .e_formBtn-72:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 160, 232, 0.3);
}

/* 百度地图圆角 */
.contact-map .baidu-map {
  border-radius: 10px;
  overflow: hidden;
}

/* ============================================================
   列表标题悬停高亮
   ============================================================ */
/* 首页产品：白字 → 浅蓝 */
.home-product-card .home-product-title {
  transition: color 0.25s ease;
}

.home-product-card:hover .home-product-title {
  color: #7fd4ff;
}

/* 首页解决方案 */
.home-solution-card .home-solution-title {
  transition: color 0.25s ease;
}

.home-solution-card:hover .home-solution-title {
  color: #00a0e8;
}

/* 产品分类页 */
.product-category-card .product-category-title {
  transition: color 0.25s ease;
}

.product-category-card:hover .product-category-title {
  color: #00a0e8;
}

/* 解决方案列表 */
.solution-card .solution-card-title {
  transition: color 0.25s ease;
}

.solution-card:hover .solution-card-title {
  color: #00a0e8;
}

/* 产品列表（模板结构） */
#c_static_001_P_7924-1667208103599 .p_loopitem .e_text-9 {
  transition: color 0.25s ease;
}

#c_static_001_P_7924-1667208103599 .p_loopitem:hover .e_text-9,
#c_static_001_P_7924-1667208103599 .p_loopitem:hover .e_text-9 a {
  color: #00a0e8;
}

/* 产品详情相关产品 */
#c_relevant_022_P_007-1682661518381 .cbox-4 .e_text-8 {
  transition: color 0.25s ease;
}

#c_relevant_022_P_007-1682661518381 .cbox-4:hover .e_text-8,
#c_relevant_022_P_007-1682661518381 .cbox-4:hover .e_text-8 a {
  color: #00a0e8;
}

/* 解决方案详情相关产品 */
#c_relevant_022_P_007-17288977428820 .cbox-4 .e_text-8 {
  transition: color 0.25s ease;
}

#c_relevant_022_P_007-17288977428820 .cbox-4:hover .e_text-8,
#c_relevant_022_P_007-17288977428820 .cbox-4:hover .e_text-8 a {
  color: #00a0e8;
}

/* 关于我们：企业文化卡片 */
#c_effect_022-17308729062850 .cbox-15 .e_text-18 {
  transition: color 0.25s ease;
}

#c_effect_022-17308729062850 .cbox-15:hover .e_text-18 {
  color: #00a0e8;
}

/* 企业文化条目正文在页面里内联写死 18px，手机端压到 14px 与全站正文一致 */
@media (max-width: 767px) {
  #c_effect_022-17308729062850 .e_richText-19 span {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  #c_effect_022-17308729062850 .e_container-16 {
    padding: 16px;
  }
}

/* 关于我们：荣誉资质标签 */
#c_effect_032-1730875682061 .cbox-4 .e_image-5 p {
  transition: color 0.25s ease;
}

#c_effect_032-1730875682061 .cbox-4:hover .e_image-5 p {
  color: #7fd4ff;
}