/* ===================================================
   海思瑞科网站 - 增强响应式样式
   Responsive Enhanced CSS v1.0
   断点: 1200px(大屏), 1024px(平板横屏), 768px(平板竖屏), 480px(手机)
   =================================================== */

/* ---------- 全局基础 ---------- */
* { box-sizing: border-box; }
body {
  overflow-x: hidden;
  font-family: 'Microsoft YaHei', 'HarmonyOS Sans SC', Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}

/* 图片自适应 */
img { max-width: 100%; height: auto; }

/* 容器最大宽度限制 */
.main { max-width: 1920px; margin: 0 auto; }

/* ========== 大屏幕优化 (>=1200px) ========== */
@media screen and (min-width: 1200px) {
  .p_gridbox { max-width: 1200px; margin-left: auto !important; margin-right: auto !important; }
}

/* ========== 平板横屏 (769px ~ 1024px) ========== */
@media screen and (max-width: 1024px) and (min-width: 769px) {
  /* 导航栏适配 */
  #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1 > p a {
    line-height: 70px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
  }
  
  /* 产品卡片网格 */
  .dalei { width: calc(50% - 10px) !important; margin-bottom: 15px; }
  
  /* 案例展示区域 */
  .e_container-16 { padding-top: 40px !important; padding-bottom: 40px !important; }
}

/* ========== 平板/手机端 (<=768px) 核心增强 ========== */
@media screen and (max-width: 768px) {

  /* ---- 导航栏移动端改造 ---- */
  #c_navigation_126-1662690442831 {
    position: relative !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 10px 0 !important;
  }

  /* Logo尺寸缩小 */
  #c_navigation_126-1662690442831 .e_image-16 {
    max-width: 120px !important;
  }

  /* 隐藏PC导航，显示汉堡菜单 */
  #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1 {
    display: none !important;
  }

  /* 移动端下拉菜单全宽 */
  #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 {
    position: fixed !important;
    left: 0 !important;
    top: 60px !important;
    width: 100% !important;
    transform: none !important;
    padding: 20px 15px !important;
    background: #fff !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    flex-direction: column !important;
  }

  #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp {
    flex-direction: column !important;
    width: 100% !important;
  }

  #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp > div {
    width: 100% !important;
    padding: 0 !important;
  }

  #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .left ul li {
    width: 100% !important;
    padding: 0 !important;
  }

  /* ---- Banner轮播图 ---- */
  .swiper-slide img { height: auto !important; min-height: 200px; object-fit: cover; }

  /* ---- 产品展示区 ---- */
  .e_text-5 { font-size: 22px !important; transform: none !important; opacity: 1 !important; }
  
  .dalei { 
    width: 100% !important; 
    float: none !important;
    margin-bottom: 15px;
  }
  
  .daleitupic { min-height: 180px; }

  /* ---- 公司简介区 ---- */
  .e_container-18 .p_item { width: 100% !important; margin-bottom: 25px; }

  /* ---- 数据统计区 ---- */
  .cbox-17-0, .cbox-17-1, .cbox-17-2, .cbox-17-3 {
    width: 50% !important;
    text-align: center;
    padding: 15px 5px !important;
  }

  /* ---- 团队氛围区 ---- */
  .cbox-21-0.p_item, .cbox-21-1.p_item,
  .cbox-23-0.p_item, .cbox-23-1.p_item {
    width: 50% !important;
    padding: 10px !important;
  }

  /* ---- 新闻列表区 ---- */
  .p_loopitem { 
    flex-direction: column !important;
    margin-bottom: 20px !important;
  }
  
  .p_loopitem .imgZoom { 
    width: 100% !important; 
    max-height: 200px;
  }

  /* ---- 联系我们区（按原站1:1复刻） ---- */
  /* 外层容器：左侧信息区 + 右侧表单 并排显示 */
  #c_static_001-1687675913997 .e_container-4 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 30px;
    align-items: flex-start;
  }
  #c_static_001-1687675913997 .e_container-4 .cbox-4-0 {
    flex: 0 0 auto;
    min-width: 0;
  }
  #c_static_001-1687675913997 .e_container-4 .cbox-4-1 {
    flex: 1;
    min-width: 0;
    max-width: 420px;
  }

  /* 联系信息行：热线+电话+邮箱 横向排列 */
  #c_static_001-1687675913997 .e_container-5 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 32px;
    align-items: flex-start;
    margin-bottom: 8px;
  }
  #c_static_001-1687675913997 .e_container-5 > .p_item {
    flex: 0 0 auto;
  }

  /* 地址行：深圳总部 + 武汉分公司 同一行并排 */
  #c_static_001-1687675913997 .e_container-18 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0px;
    align-items: flex-start;
    margin-top: 6px;
    margin-bottom: 10px;
  }
  #c_static_001-1687675913997 .e_container-18 .cbox-18-0 {
    flex: 0 0 auto;
  }
  #c_static_001-1687675913997 .e_container-18 .cbox-18-1 {
    flex: 0 0 auto;
    padding-left: 48px;
  }

  /* 表单字段全宽 */
  .e_form-33 .form-group { width: 100% !important; margin-bottom: 15px; }
  
  /* 留言按钮 */
  .e_formBtn-43 { 
    width: 100% !important; 
    text-align: center;
    padding: 12px 0 !important;
  }

  /* ---- 页脚 Footer ---- */
  .e_container-69 { 
    flex-direction: column !important; 
    padding: 30px 15px !important;
  }
  
  .e_container-69 > .p_item {
    width: 100% !important;
    margin-bottom: 25px;
    text-align: center;
  }

  .e_bottomNav-100 ul { 
    justify-content: center !important;
    flex-wrap: wrap;
  }

  /* ---- 语言切换器 ---- */
  .language { position: static !important; margin-top: 8px; }

  /* ---- 视频区域 ---- */
  .video-container iframe, .video-container video {
    width: 100% !important;
    height: auto !important;
    min-height: 200px;
  }

  /* ---- 地图容器 ---- */
  #mapCotainer { 
    width: 100% !important; 
    height: 300px !important; 
  }

  /* ---- 典型案例分类标签 ---- */
  .e_loop-11 { 
    flex-wrap: wrap !important; 
    justify-content: center;
  }
  
  .e_loop-11 .p_item { 
    flex: 0 0 auto !important;
    margin-bottom: 8px;
  }

  /* ---- 案例详情页 ---- */
  .case-detail-layout { 
    flex-direction: column !important;
  }

  /* ---- 产品详情页 ---- */
  .product-detail-grid { 
    grid-template-columns: 1fr !important;
  }

  /* ---- 新闻详情页 ---- */
  .news-article-body { 
    padding: 15px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  /* ---- 文字大小调整 ---- */
  h3.e_h3-2, h3.e_h3-20 { font-size: 22px !important; }
  p.e_title, p.s_title { font-size: 14px !important; line-height: 1.6; }
  .e_richText-105 { font-size: 13px !important; }

  /* ---- 浮动客服栏 ---- */
  .floating-service-bar {
    bottom: 10px !important;
    right: 10px !important;
    left: 10px !important;
    justify-content: center !important;
  }
}

/* ========== 小屏手机 (<=480px) ========== */
@media screen and (max-width: 480px) {
  /* 更紧凑的数据统计 */
  .cbox-17-0, .cbox-17-1, .cbox-17-2, .cbox-17-3 {
    width: 100% !important;
    padding: 10px !important;
  }

  /* 团队氛围单列 */
  .cbox-21-0.p_item, .cbox-21-1.p_item,
  .cbox-23-0.p_item, .cbox-23-1.p_item {
    width: 100% !important;
  }

  /* 导航Logo更小 */
  #c_navigation_126-1662690442831 .e_image-16 {
    max-width: 100px !important;
  }

  /* 页脚文字更小 */
  .e_richText-105 p span { font-size: 13px !important; }

  /* 表单输入框优化 */
  input.form-control, textarea.form-control {
    font-size: 16px !important; /* 防止iOS自动缩放 */
  }
}

/* ========== 打印样式 ========== */
@media print {
  #c_navigation_126-1662690442831,
  .floating-service-bar,
  .language,
  .e_form-33 { display: none !important; }
  
  body { color: #000; background: #fff; }
  img { -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; }
}

/* ========== 高分屏优化 ========== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}

/* ========== 暗色模式支持（可选）========== */
@media (prefers-color-scheme: dark) {
  /* 如需暗色模式可在此添加 */
}

/* ========== 减少动画（无障碍）========== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ========== 首页Banner轮播补丁样式 ========== */
.e_bannerD-2 .swiper-container { width: 100%; position: relative; overflow: hidden; }
.e_bannerD-2 .swiper-wrapper { height: auto; }
.e_bannerD-2 .swiper-slide { width: 100%; height: auto; display: block; }
.e_bannerD-2 .swiper-slide .p_img { width: 100%; line-height: 0; }
.e_bannerD-2 .swiper-slide .p_img a { display: block; width: 100%; }
.e_bannerD-2 .swiper-slide .p_img img { width: 100%; height: auto; display: block; object-fit: cover; max-height: 600px; }

/* 轮播分页指示器 */
.e_bannerD-2 .swiper-pagination { bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10; }
.e_bannerD-2 .swiper-pagination-bullet { background: rgba(255,255,255,0.5); opacity: 1; width: 12px; height: 12px; margin: 0 6px; border-radius: 6px; transition: all 0.3s; }
.e_bannerD-2 .swiper-pagination-bullet-active { background: #fff; width: 30px; }

/* 左右箭头 */
.e_bannerD-2 .swiper-button-prev,
.e_bannerD-2 .swiper-button-next { color: #fff; background: rgba(0,0,0,0.3); width: 44px; height: 44px; border-radius: 50%; backdrop-filter: blur(4px); }
.e_bannerD-2 .swiper-button-prev:hover,
.e_bannerD-2 .swiper-button-next:hover { background: rgba(0,0,0,0.5); }
.e_bannerD-2 .swiper-button-prev::after,
.e_bannerD-2 .swiper-button-next::after { font-size: 18px; font-weight: bold; }

/* scroll down提示隐藏（不需要时可显示） */
.e_bannerD-2 .p_scrool { display: none; }

/* 移动端Banner适配 */
@media (max-width: 768px) {
  .e_bannerD-2 .swiper-slide .p_img img { max-height: 300px; }
  .e_bannerD-2 .swiper-button-prev,
  .e_bannerD-2 .swiper-button-next { width: 32px; height: 32px; }
  .e_bannerD-2 .swiper-button-prev::after,
  .e_bannerD-2 .swiper-button-next::after { font-size: 14px; }
  .e_bannerD-2 .swiper-pagination { bottom: 10px; }
  .e_bannerD-2 .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px; }
}

/* ============================================================
   典型案例区域 — 1:1复刻原站 https://www.hisrec.com/
   数据来源：main_e48d0958f0bb1e7e28332632c58930e2.min.css (共164条规则)
   ============================================================ */

/* ---- RULE 2: 外层容器 — 原站背景图（top center定位）+ 上边距100px ---- */
#c_category_212_P_052-1687678760805 {
  min-height: 300px;
  background-image: url(../resources/d881620f-f0e8-40c8-b352-b7f8ffeec067.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 100px;
}

/* ---- RULE 136/137: 标题区外层 .e_container-19（flex容器）---- */
#c_category_212_P_052-1687678760805 .e_container-19 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
#c_category_212_P_052-1687678760805 .e_container-19 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- RULE 138: 主标题 "典型案例" — 白色、40px、padding-top:80px ---- */
#c_category_212_P_052-1687678760805 .e_h3-20 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  padding-top: 80px;
  color: rgba(255,255,255,1);
}

/* ---- RULE 139: 蓝色分隔线 — 3px实线/#12B9EE/46px宽 ---- */
#c_category_212_P_052-1687678760805 .e_line-21 {
  border-top-color: rgba(18,185,238,1);
  border-top-style: solid;
  border-top-width: 3px;
  max-width: 46px;
  margin-left: auto;
  margin-right: auto;
  height: 3px;
}

/* ---- RULE 140: 副标题 — 白色16px、margin-bottom:30px ---- */
#c_category_212_P_052-1687678760805 .e_text-22 {
  font-size: 16px;
  text-align: center;
  color: rgba(255,255,255,1);
  margin-bottom: 30px;
  line-height: normal;
}

/* ---- RULE 48/49: 分类标签区外层 .e_container-2 ---- */
#c_category_212_P_052-1687678760805 .e_container-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#c_category_212_P_052-1687678760805 .e_container-2 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- RULE 118/119: 分类标签栏swiper ---- */
#c_category_212_P_052-1687678760805 .productsCateTop {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0px;
}
#c_category_212_P_052-1687678760805 .productsCateArr {
  position: relative;
}

/* ---- RULE 108: 分类标签容器 e_loop-11（原站值） ---- */
#c_category_212_P_052-1687678760805 .e_loop-11 {
  max-width: 1600px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  overflow: hidden;
}
#c_category_212_P_052-1687678760805 .e_loop-11 .p_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 100%;
}

/* 分类标签swiper布局补充 */
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide { width: auto !important; flex: 0 0 auto; }

/* ---- RULE 109/110: 分类标签卡片容器 e_container-12 —— 图标在上、文字横排在下 ---- */
#c_category_212_P_052-1687678760805 .e_container-12 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  max-width: none;
  align-items: center;
}
/* 内部容器也必须column，否则图标和文字横排 */
#c_category_212_P_052-1687678760805 .e_container-12 > .p_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* ---- RULE 111/112: 分类标签图标 —— 按原站复刻：干净白色线框风格（无边框无圆角） ---- */
#c_category_212_P_052-1687678760805 .e_image-13 {
  overflow: visible;
  max-width: 56px;
  min-width: 56px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  flex-shrink: 0;
}
#c_category_212_P_052-1687678760805 .e_image-13 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  border: none;
  border-radius: 0;
  padding: 0;
  box-sizing: content-box;
}

/* ---- RULE 113: 分类标签文字 — 白色18px粗体，横排在图标正下方 ---- */
#c_category_212_P_052-1687678760805 .e_text-14 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  color: rgba(255,255,255,1);
  transition: all ease .3s;
  line-height: 1.4;
  writing-mode: horizontal-tb;
  white-space: nowrap;
}
#c_category_212_P_052-1687678760805 .e_text-14 a { font-size: inherit; color: inherit; text-decoration: none; }

/* ---- RULE 125-128: 分类标签交互效果（激活态蓝色#12B9EE + 图标恢复原色） ---- */
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide > div {
  cursor: pointer;
  transition: all ease .3s;
}
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide-thumb-active > div {
  background: rgb(0 0 0 / 5%);
  border-radius: 8px;
}
/* 激活态/悬浮：文字变蓝 + 图标恢复原色 */
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide-thumb-active > div .e_text-14,
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide > div:hover .e_text-14 {
  color: #12B9EE;
}
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide-thumb-active > div .e_image-13 img,
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide > div:hover .e_image-13 img {
  filter: none;
}

/* ---- RULE 120/121/123/124: 分类箭头按钮（隐藏） ---- */
#c_category_212_P_052-1687678760805 .productsCateArr .swiper-button-prev,
#c_category_212_P_052-1687678760805 .productsCateArr .swiper-button-next {
  display: none !important;
}

/* ---- RULE 114/115: 轮播标题区 .e_container-16 — 原站背景图cover/bottom center ---- */
#c_category_212_P_052-1687678760805 .e_container-16 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
}
#c_category_212_P_052-1687678760805 .e_container-16 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- RULE 50: 案例轮播容器 e_loop-1 — 原站：白色背景+阴影 ---- */
#c_category_212_P_052-1687678760805 .e_loop-1 {
  max-width: 1600px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
  overflow: hidden;
  background-color: rgba(255,255,255,1);
  padding-top: 12px;
  padding-bottom: 12px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}
#c_category_212_P_052-1687678760805 .e_loop-1 .p_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 100%;
}
#c_category_212_P_052-1687678760805 .e_loop-1 .swiper-container {
  padding-bottom: 30px;
}

/* ---- 轮播容器 — 自写fade轮播（非Swiper管理） ---- */
#c_category_212_P_052-1687678760805 .productsCate {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

/* ★★ 默认：所有slide绝对定位叠加、隐藏（opacity:0）★★ */
#c_category_212_P_052-1687678760805 .productsCate .swiper-slide {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.6s ease-in-out !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
/* ★ 仅当前激活的slide可见 ★ */
#c_category_212_P_052-1687678760805 .productsCate .swiper-slide.case-active {
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}
/* 激态slide内的文字面板和所有子元素强制可见 */
#c_category_212_P_052-1687678760805 .productsCate .swiper-slide.case-active .case-text-panel,
#c_category_212_P_052-1687678760805 .productsCate .swiper-slide.case-active .case-text-panel * {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ---- 左侧图片区 ---- */
#c_category_212_P_052-1687678760805 .swiper-slide > div > div:first-child {
  flex: 0 0 40%;
  width: 40%;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#c_category_212_P_052-1687678760805 .e_container-3 {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 560px;
}
#c_category_212_P_052-1687678760805 .e_container-3 > .p_item {
  max-width: 100%;
  height: 100%;
}

/* ---- RULE 54: 左侧图片区 — 原站值：align-self:center + padding-right:20px ---- */
#c_category_212_P_052-1687678760805 .e_container-3 .cbox-3-0 {
  align-self: center;
  flex: 0 0 40%;
  padding-right: 20px;
}

/* ---- RULE 145/146: 图片包装容器（充分填充父容器） ---- */
#c_category_212_P_052-1687678760805 .e_container-26 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#c_category_212_P_052-1687678760805 .e_container-26 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- RULE 1/61/147: 图片及hover缩放（原站值：contain填充） ---- */
#c_category_212_P_052-1687678760805 .e_image-10 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
#c_category_212_P_052-1687678760805 .e_image-10 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#c_category_212_P_052-1687678760805 .e_image-10:hover {
  transform: scale(1.1);
}

/* ---- 右侧文字区（占剩余60%，确保不被压缩隐藏） ---- */
#c_category_212_P_052-1687678760805 .e_container-3 .cbox-3-1 {
  align-self: center;
  flex: 1 1 55% !important;
  min-width: 0;
  overflow: visible;
}

/* ---- RULE 141/142: 右侧内容容器 padding 50px ---- */
#c_category_212_P_052-1687678760805 .e_container-23 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}
#c_category_212_P_052-1687678760805 .e_container-23 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- RULE 144: 行业分类标签 — #12B9EE蓝、18px、margin-bottom:50px（原站值） ---- */
#c_category_212_P_052-1687678760805 .e_text-25 {
  font-size: 18px;
  color: rgba(18,185,238,1);
  margin-bottom: 50px;
  line-height: normal;
}

/* ---- RULE 53: 案例公司名 — 32px粗体黑（原站值，始终可见） ---- */
#c_category_212_P_052-1687678760805 .e_text-5 {
  line-height: 1;
  font-size: 32px;
  font-weight: bold;
  color: rgba(0,0,0,1);
  font-family: Microsoft YaHei;
}
/* 激活态保持可见 */
#c_category_212_P_052-1687678760805 .swiper-slide-active .e_text-5 {
  transform: none;
  opacity: 1;
}

/* ---- RULE 134/135: 案例描述文字（原站值：16px灰色，始终可见） ---- */
#c_category_212_P_052-1687678760805 .e_richText-18 {
  font-size: 16px;
  color: rgba(102,102,102,1);
  font-family: Microsoft YaHei;
  line-height: 1.8;
  margin-top: 30px;
  margin-bottom: 30px;
}
/* 激活态保持可见 */
#c_category_212_P_052-1687678760805 .swiper-slide-active .e_richText-18 {
  transform: none;
  opacity: 1;
}

/* ---- RULE 131/132: 右侧文字区（始终可见） ---- */
#c_category_212_P_052-1687678760805 .e_container-3 > .cbox-3-1 {
}
#c_category_212_P_052-1687678760805 .swiper-slide-active .cbox-3-1 {
  transform: none;
  opacity: 1;
}

/* ---- RULE 148/149/150/151: 按钮区域（隐藏前2个只显示第3个） ---- */
#c_category_212_P_052-1687678760805 .e_loop_sub-27 {
  display: flex;
  flex-wrap: wrap;
}
#c_category_212_P_052-1687678760805 .e_loop_sub-27 .p_loopItem {
  position: relative;
  flex: 0 0 33.3%;
}
#c_category_212_P_052-1687678760805 .productsCate .swiper-slide .e_loop_sub-27 > .p_loopItem:nth-child(1),
#c_category_212_P_052-1687678760805 .productsCate .swiper-slide .e_loop_sub-27 > .p_loopItem:nth-child(2) {
  display: none !important;
}

/* ---- RULE 55-59: 橙色圆形箭头按钮（原站78px宽） ---- */
#c_category_212_P_052-1687678760805 .e_button-8 {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  width: 78px;
  padding: 8px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  line-height: 1;
  border-style: none;
  border-width: 0px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgba(240,144,21,1);
  color: rgba(255,255,255,1);
}
#c_category_212_P_052-1687678760805 .e_button-8 .icon { width: 20px; }
#c_category_212_P_052-1687678760805 .e_button-8 span {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  outline: 0;
  margin: 0px;
  overflow: hidden;
}

/* 隐藏轮播箭头 */
#c_category_212_P_052-1687678760805 .e_loop-1 .swiper-button-prev,
#c_category_212_P_052-1687678760805 .e_loop-1 .swiper-button-next {
  display: none !important;
}

/* ---- 顶部图标导航激活态（蓝色高亮 #12B9EE） ---- */
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide-thumb-active .e_text-14 a,
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide-thumb-active .e_text-14 {
  color: #12B9EE !important;
  font-weight: bold;
}
#c_category_212_P_052-1687678760805 .productsCateTop .swiper-slide-thumb-active .e_image-13 img {
  filter: brightness(1.1);
  transform: scale(1.08);
}

/* ---- RULE 116: JS脚本容器 ---- */
#c_category_212_P_052-1687678760805 .e_html-17 {
  min-height: 0px;
}

/* ========== 典型案例响应式 (原站RULE 152-161) ========== */
@media screen and (max-width: 768px) {
  /* RULE 154: 图片区全宽 */
  #c_category_212_P_052-1687678760805 .e_container-3 .cbox-3-0 {
    flex: 0 0 100%;
    padding-right: 0px;
    padding-bottom: 20px;
  }
  /* RULE 155: 文字区全宽 */
  #c_category_212_P_052-1687678760805 .e_container-3 .cbox-3-1 { flex: 0 0 100%; }
  /* RULE 156: 标签字号13px */
  #c_category_212_P_052-1687678760805 .e_text-14 { font-size: 13px; }
  /* RULE 157: 按钮适配 */
  #c_category_212_P_052-1687678760805 .e_button-8 { width: 120px; font-size: 14px; }
  /* RULE 158: 标题28px */
  #c_category_212_P_052-1687678760805 .e_text-5 { font-size: 28px; }
  /* RULE 159: 卡片flex */
  #c_category_212_P_052-1687678760805 .e_container-3 { display: flex; }
  /* RULE 160: 容器padding缩小 */
  #c_category_212_P_052-1687678760805 .e_container-16 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  /* RULE 161: 标签卡片（保持纵向：图标上、文字下） */
  #c_category_212_P_052-1687678760805 .e_container-12 { display: flex; flex-direction: column; align-items: center; }
  /* 移动端文字也保持横排 */
  #c_category_212_P_052-1687678760805 .e_text-14 { writing-mode: horizontal-tb; white-space: nowrap; }

  /* 补充移动端案例卡竖排 */
  #c_category_212_P_052-1687678760805 .e_container-23 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #c_category_212_P_052-1687678760805 .e_text-25 { margin-bottom: 14px; }
  #c_category_212_P_052-1687678760805 .e_richText-18 {
    font-size: 14px;
    line-height: 1.7;
    -webkit-line-clamp: 4;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

/* ============================================================
   走进海思瑞科 - 数字跳动效果
   ============================================================ */
.e_scrollNumber-14 .p_num,
.e_scrollNumber-17 .p_num,
.e_scrollNumber-20 .p_num,
.e_scrollNumber-23 .p_num {
  display: inline-block;
  min-width: 1.2em;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.roll-num-animate {
  animation: rollNumBounce 0.3s ease-out;
}
@keyframes rollNumBounce {
  0% { transform: translateY(-20px); opacity: 0; }
  60% { transform: translateY(5px); opacity: 1; }
  100% { transform: translateY(0); opacity: 1; }
}

/* ============================================================
   产品中心（能效管理专家）— 1:1复刻原站 https://www.hisrec.com/
   样式来源：main_e48d0958f0bb1e7e28332632c58930e2.min.css (line 19)
   ============================================================ */

/* ---- 容器区 ---- */
#c_static_001_P_17979-1688001113388 {
  min-height: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1600px;
  width: auto;
}

/* 容器flex布局 */
#c_static_001_P_17979-1688001113388 .e_container-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

#c_static_001_P_17979-1688001113388 .e_container-2 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* 标题 */
#c_static_001_P_17979-1688001113388 .e_h3-3 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  padding-top: 80px;
}

/* 蓝色分隔线 */
#c_static_001_P_17979-1688001113388 .e_line-4 {
  border-top-color: rgba(18, 185, 238, 1);
  border-top-style: solid;
  border-top-width: 3px;
  max-width: 46px;
  margin-left: auto;
  margin-right: auto;
  height: 3px;
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

/* 副标题 */
#c_static_001_P_17979-1688001113388 .e_text-5 {
  font-size: 16px;
  text-align: center;
  color: rgba(102, 102, 102, 1);
  margin-top: 0;
  margin-bottom: 50px;
  line-height: normal;
}

/* 列表容器 */
#c_static_001_P_17979-1688001113388 .e_loop-1 {
  max-width: 1600px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

/* 清除浮动 */
#c_static_001_P_17979-1688001113388 .e_loop-1 .p_list::after {
  display: block;
  clear: both;
  content: "";
}

/* ---- 产品卡片（原站原始样式）---- */
#c_static_001_P_17979-1688001113388 .dalei {
  display: inline-block;
  border-radius: 0px;
  height: 100%;
  margin-bottom: 0px;
  width: calc((100% - 0px) / 2);
  position: relative;
  float: left;
  overflow: hidden;
}

/* ---- 图片区域 ---- */
#c_static_001_P_17979-1688001113388 .daleitu {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#c_static_001_P_17979-1688001113388 .daleitu a {
  display: block;
  width: 100%;
  height: 100%;
}

#c_static_001_P_17979-1688001113388 .daleitu img {
  width: 100%;
  transition: all .5s;
  height: 100%;
  object-fit: cover;
}

/* ---- 图片上的白色产品名称叠加 ---- */
#c_static_001_P_17979-1688001113388 .cpname {
  font-size: 2vw;
  color: #fff;
  width: 100%;
  position: absolute;
  top: 3%;
  z-index: 9;
  text-align: center;
  font-weight: 600;
  padding-top: 80px;
}

/* ---- Hover蓝色遮罩层（原站原始样式）---- */
#c_static_001_P_17979-1688001113388 .daleiwen {
  text-align: center;
  align-content: center;
  position: absolute;
  top: 0;
  left: 0px;
  background: rgb(18 185 238 / 90%);
  height: 100%;
  width: 100%;
  padding: 10%;
  transition: all .5s;
  opacity: 0;
  z-index: 999;
}

/* 遮罩层内标题（原站原始样式）*/
#c_static_001_P_17979-1688001113388 .daleiwen h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  padding-bottom: 2%;
  flex: 0 0 100%;
  text-align: left;
  position: relative;
}

/* 标题下划线装饰 — 白色短横线 */
#c_static_001_P_17979-1688001113388 .daleiwen h3::after {
  background: #fff;
  height: 2px;
  width: 50px;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
}

#c_static_001_P_17979-1688001113388 .daleiwen h3 a {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}

/* h4描述文字（原站有显示）*/
#c_static_001_P_17979-1688001113388 .daleiwen h4 {
  clear: both;
  margin: 20px auto;
  font-size: 15px;
  color: #666;
  text-align: left;
  line-height: 180%;
  display: none; /* 内容为空时隐藏 */
}

/* ---- 子产品链接列表（原站原始float布局）---- */
#c_static_001_P_17979-1688001113388 .xiaolei {
  display: block;
  width: 100%;
  margin-top: 30px;
}

#c_static_001_P_17979-1688001113388 .xiaolei p {
  height: auto;
  line-height: 1.5em;
  margin-right: 10px;
  width: calc((100% - 20px) / 2);
  text-align: left;
  margin-bottom: 10px;
  float: left;
}

#c_static_001_P_17979-1688001113388 .xiaolei p a {
  position: relative;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  display: block;
  text-align: center;
  padding: 10px;
}

#c_static_001_P_17979-1688001113388 .xiaolei p a:hover {
  background: #F09015;
  border-color: #F09015;
  color: #fff;
}

/* ---- Hover交互效果（原站原始样式）---- */
#c_static_001_P_17979-1688001113388 .dalei:hover .daleiwen {
  opacity: 1;
  transition: all .5s;
}

#c_static_001_P_17979-1688001113388 .dalei:hover .daleitu img {
  transform: scale(1.1);
  transition: all .5s;
}

#c_static_001_P_17979-1688001113388 .dalei:hover .cpname {
  opacity: 0;
  transition: all .5s;
}

/* h4按钮hover效果 */
#c_static_001_P_17979-1688001113388 .dalei h4 a {
  height: 30px;
  line-height: 26px;
  text-align: center;
  margin: 0 auto;
  width: 115px;
  transition: all .5s ease;
  border-radius: 5px;
  border: 1px #9a9a9a solid;
  color: #333;
  font-size: 16px;
  display: block;
}

#c_static_001_P_17979-1688001113388 .dalei:hover h4 a {
  background: #e06f12;
  border-color: #e06f12;
  color: #fff;
}

/* 响应式适配 */
@media screen and (max-width: 768px) {
  #c_static_001_P_17979-1688001113388 .dalei {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 15px;
  }

  #c_static_001_P_17979-1688001113388 .cpname {
    font-size: 5vw;
    padding-top: 60px;
  }

  #c_static_001_P_17979-1688001113388 .daleiwen h3 a {
    font-size: 22px;
  }

  #c_static_001_P_17979-1688001113388 .xiaolei p {
    width: calc((100% - 20px) / 2);
  }
}

/* ============================================================
   走进海思瑞科 — 1:1复刻原站 https://www.hisrec.com/
   容器ID: #c_static_731-1687680839149
   数据来源：main_e48d0958f0bb1e7e28332632c58930e2.min.css (完整提取)
   ============================================================ */

/* ---- 根容器：全宽、背景图、底部内边距 ---- */
#c_static_731-1687680839149 {
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  width: auto;
  min-height: 0px;
  padding-bottom: 80px;
}

/* ---- 标题区容器 flex布局 ---- */
#c_static_731-1687680839149 .e_container-28 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
#c_static_731-1687680839149 .e_container-28 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- 主标题 "走进海思瑞科" — 40px粗体居中 + 上内边距80px ---- */
#c_static_731-1687680839149 .e_h3-29 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  padding-top: 80px;
  color: #333333;
}

/* ---- 标题下蓝色分隔线 — 3px/#12B9EE/46px宽居中 ---- */
#c_static_731-1687680839149 .e_line-30 {
  border-top-color: #12B9EE;
  border-top-style: solid;
  border-top-width: 3px;
  max-width: 46px;
  margin-left: auto;
  margin-right: auto;
  height: 3px;
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

/* ============================================================
   数据统计区（4列：公司成立/服务网点/荣誉资质/服务客户）
   ============================================================ */

/* ---- 统计区容器 — 96%宽/最大1400px/居中/20px内边距 ---- */
#c_static_731-1687680839149 .e_container-12 {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  width: 96%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 0px;
  padding: 20px;
}
#c_static_731-1687680839149 .e_container-12 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- 各统计项容器（带左侧灰色边框+橙色装饰竖线）---- */
#c_static_731-1687680839149 .e_container-25,
#c_static_731-1687680839149 .e_container-16,
#c_static_731-1687680839149 .e_container-19,
#c_static_731-1687680839149 .e_container-22 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #cccccc;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  position: relative;
}

/* 橙色装饰竖线伪元素 */
#c_static_731-1687680839149 .e_container-25::before,
#c_static_731-1687680839149 .e_container-16::before,
#c_static_731-1687680839149 .e_container-19::before,
#c_static_731-1687680839149 .e_container-22::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 40%;
  background: #F09015;
  z-index: 1;
}

/* ---- 数字滚动样式 — 58px/Arial/橙色#F09015/60px行高居中 ---- */
#c_static_731-1687680839149 .e_scrollNumber-14,
#c_static_731-1687680839149 .e_scrollNumber-17,
#c_static_731-1687680839149 .e_scrollNumber-20,
#c_static_731-1687680839149 .e_scrollNumber-23 {
  height: 60px;
  line-height: 60px;
  font-size: 58px;
  text-align: center;
  font-family: Arial, sans-serif;
  color: #F09015;
}

#c_static_731-1687680839149 .e_scrollNumber-14 .p_num,
#c_static_731-1687680839149 .e_scrollNumber-17 .p_num,
#c_static_731-1687680839149 .e_scrollNumber-20 .p_num,
#c_static_731-1687680839149 .e_scrollNumber-23 .p_num {
  font-weight: bold;
}

/* 单位文字（年/+）— 16px橙色 */
#c_static_731-1687680839149 .e_scrollNumber-14 .p_plus,
#c_static_731-1687680839149 .e_scrollNumber-17 .p_plus,
#c_static_731-1687680839149 .e_scrollNumber-20 .p_plus,
#c_static_731-1687680839149 .e_scrollNumber-23 .p_plus {
  font-size: 16px;
  color: #F09015;
}

/* 第2/3/4统计项居中 */
#c_static_731-1687680839149 .e_scrollNumber-17,
#c_static_731-1687680839149 .e_text-18 { text-align: center; }
#c_static_731-1687680839149 .e_scrollNumber-20,
#c_static_731-1687680839149 .e_text-21 { text-align: center; }
#c_static_731-1687680839149 .e_scrollNumber-23,
#c_static_731-1687680839149 .e_text-24 { text-align: center; }

/* ---- 统计标签文字 — 18px粗体黑色居中 ---- */
#c_static_731-1687680839149 .e_text-15,
#c_static_731-1687680839149 .e_text-18,
#c_static_731-1687680839149 .e_text-21,
#c_static_731-1687680839149 .e_text-24 {
  line-height: normal;
  font-size: 18px;
  color: #000000;
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
}

/* ============================================================
   主内容区（左右布局：左侧40%介绍+右侧60%视频）
   ============================================================ */

/* ---- 主内容容器 — flex横向/96%宽/最大1600px/背景图 ---- */
#c_static_731-1687680839149 .e_container-3 {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  transition-property: all;
  transition-duration: 0s;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 96%;
  max-width: 1600px;
  background-image: url(https://omo-oss-image1.thefastimg.com/portal-saas/new2023052413454601101/cms/image/48d9f679-10d0-48b0-b099-744adacb78dc.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
#c_static_731-1687680839149 .e_container-3 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- 左侧内容面板 — 固定40%宽度/垂直居中/透明无底纹 ---- */
#c_static_731-1687680839149 .e_container-3 .cbox-3-0 {
  align-self: center;
  flex: 0 0 40%;
  background-color: transparent !important;
  background: none !important;
  padding: 30px 20px;
}
/* 左侧内部容器也去掉深蓝底纹 */
#c_static_731-1687680839149 .e_container-3 .cbox-3-0 .e_container-5,
#c_static_731-1687680839149 .e_container-3 .cbox-3-0 [class*="e_container"],
#c_static_731-1687680839149 .e_container-3 .cbox-3-0 [class*="e_box"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* ---- 右侧视频面板 — 自动占据剩余~60%/撑满容器高度 ---- */
#c_static_731-1687680839149 .e_container-3 .cbox-3-1 {
  flex: 1;
  background-position: center left;
  background-repeat: no-repeat;
  min-height: 400px;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  align-items: stretch;
}

/* ---- 左侧内容内边距容器 ---- */
#c_static_731-1687680839149 .e_container-5 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 0px;
}
#c_static_731-1687680839149 .e_container-5 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- 副标题 "电力能效管理专家" — 30px粗体品牌蓝#12B9EE ---- */
#c_static_731-1687680839149 .e_text-8 {
  line-height: normal;
  font-size: 30px;
  color: #12B9EE;
  padding-top: 0px;
  font-weight: bold;
}
#c_static_731-1687680839149 .e_text-8 a {
  color: #12B9EE;
  text-decoration: none;
}
#c_static_731-1687680839149 .e_text-8 a:hover { opacity: 0.85; }

/* ---- 副标题下分隔线 — 3px蓝/46px宽/左对齐 ---- */
#c_static_731-1687680839149 .e_line-33 {
  border-top-color: #12B9EE;
  border-top-style: solid;
  border-top-width: 3px;
  max-width: 46px;
  margin-left: 0px;
  margin-right: auto;
  height: 3px;
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

/* ---- 公司介绍富文本 — 中灰色#999/1.6行高 ---- */
#c_static_731-1687680839149 .e_richText-9 {
  color: #999999;
  line-height: 1.6;
  padding-top: 0px;
  padding-bottom: 30px;
  max-width: none;
}
#c_static_731-1687680839149 .e_richText-9 p { margin-bottom: 10px; }
#c_static_731-1687680839149 .e_richText-9 a { text-decoration: none; color: #999999; }
#c_static_731-1687680839149 .e_richText-9 a:hover { color: #12B9EE; }

/* ============================================================
   图标导航卡片区域
   ============================================================ */

/* ---- 列表容器 flex横向 ---- */
#c_static_731-1687680839149 .e_loop-34 .p_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 100%;
}

/* ---- 每个卡片项：前3个各占33.3%（一行3列），第4、5个占50%（第二行）---- */
#c_static_731-1687680839149 .e_loop-34 .p_loopitem {
  position: relative;
  text-align: center;
  padding: 10px 5px;
  box-sizing: border-box;
}
/* 前3个一行：3列 */
#c_static_731-1687680839149 .e_loop-34 .p_loopitem:nth-child(1),
#c_static_731-1687680839149 .e_loop-34 .p_loopitem:nth-child(2),
#c_static_731-1687680839149 .e_loop-34 .p_loopitem:nth-child(3) {
  flex: 0 0 33.3%;
}
/* 第4、5个显示为第二行2列 */
#c_static_731-1687680839149 .e_loop-34 .p_loopitem:nth-child(4),
#c_static_731-1687680839149 .e_loop-34 .p_loopitem:nth-child(5) {
  flex: 0 0 50%;
  display: flex !important;
}

/* ---- 单个卡片内部flex容器 ---- */
#c_static_731-1687680839149 .e_container-35 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}
#c_static_731-1687680839149 .e_container-35 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/* ---- 图标 — 49px见方/contain填充 ---- */
#c_static_731-1687680839149 .e_image-36 {
  overflow: hidden;
  max-width: 49px;
  margin-left: auto;
  margin-right: auto;
}
#c_static_731-1687680839149 .e_image-36 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ---- 卡片文字标签 — 18px粗体白色 ---- */
#c_static_731-1687680839149 .e_text-37 {
  line-height: normal;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 0px;
  padding-top: 10px;
  text-align: center;
}
#c_static_731-1687680839149 .e_text-37 a {
  color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
  transition: all ease 0.3s;
}
#c_static_731-1687680839149 .e_text-37 a:hover {
  color: #12B9EE;
  transform: translateY(-2px);
}

/* ============================================================
   视频区域 — 撑满右侧容器上下边框
   ============================================================ */

#c_static_731-1687680839149 .e_video-32 {
  width: 100%;
  position: relative;
  flex: 1;
  display: flex;
  align-items: stretch;
}
#c_static_731-1687680839149 .e_video-32 .p_video {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  flex: 1;
}
#c_static_731-1687680839149 .e_video-32 .cover {
  width: 100%; height: 100%;
  position: absolute; left: 0; top: 0; z-index: 1;
}
#c_static_731-1687680839149 .e_video-32 .cover .coverImage { width: 100%; height: 100%; }
#c_static_731-1687680839149 .e_video-32 .cover .coverImage img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
/* 播放按钮 80x80 居中 */
#c_static_731-1687680839149 .e_video-32 .cover .playBtn {
  position: absolute;
  width: 80px; height: 80px; z-index: 2;
  left: 50%; top: 50%;
  margin: -40px 0 0 -40px;
  cursor: pointer;
  display: block !important;
}
#c_static_731-1687680839149 .e_video-32 video {
  width: 100%; display: block; cursor: pointer; position: relative; z-index: 0;
}

/* ============================================================
   走进海思瑞科 响应式 (<=768px)
   ============================================================ */
@media screen and (max-width: 768px) {
  #c_static_731-1687680839149 .e_h3-29 { font-size: 28px; padding-top: 50px; }
  #c_static_731-1687680839149 .e_container-12 { width: 100%; padding: 15px; }

  /* 统计数字缩小 */
  #c_static_731-1687680839149 .e_scrollNumber-14,
  #c_static_731-1687680839149 .e_scrollNumber-17,
  #c_static_731-1687680839149 .e_scrollNumber-20,
  #c_static_731-1687680839149 .e_scrollNumber-23 {
    font-size: 36px; height: 45px; line-height: 45px;
  }

  /* 主内容纵向排列 */
  #c_static_731-1687680839149 .e_container-3 {
    flex-direction: column !important; width: 100%; margin-top: 15px;
  }
  #c_static_731-1687680839149 .e_container-3 .cbox-3-0 { flex: 0 0 100%; padding: 20px 15px; }
  #c_static_731-1687680839149 .e_container-3 .cbox-3-1 { flex: 0 0 100%; min-height: 250px; }
  #c_static_731-1687680839149 .e_container-5 { padding-top: 30px; width: 100%; }
  #c_static_731-1687680839149 .e_text-8 { font-size: 24px; color: #363636; }
  #c_static_731-1687680839149 .e_richText-9 { padding-bottom: 20px; font-size: 14px; }

  /* 卡片2列 */
  #c_static_731-1687680839149 .e_loop-34 .p_loopitem { flex: 0 0 50% !important; padding: 8px 3px; }
  #c_static_731-1687680839149 .e_image-36 { max-width: 39px; }
  #c_static_731-1687680839149 .e_text-37 { font-size: 14px; padding-top: 5px; }
  #c_static_731-1687680839149 .e_video-32 .p_video { min-height: 220px; }
  #c_static_731-1687680839149 .e_video-32 .cover .playBtn { width: 50px; height: 50px; margin: -25px 0 0 -25px; }
  #c_static_731-1687680839149 { padding-bottom: 40px; }
}

/* 小屏手机 <=480px */
@media screen and (max-width: 480px) {
  #c_static_731-1687680839149 .e_h3-29 { font-size: 24px; padding-top: 35px; }
  #c_static_731-1687680839149 .e_scrollNumber-14,
  #c_static_731-1687680839149 .e_scrollNumber-17,
  #c_static_731-1687680839149 .e_scrollNumber-20,
  #c_static_731-1687680839149 .e_scrollNumber-23 {
    font-size: 30px; height: 38px; line-height: 38px;
  }
  #c_static_731-1687680839149 .e_text-15,
  #c_static_731-1687680839149 .e_text-18,
  #c_static_731-1687680839149 .e_text-21,
  #c_static_731-1687680839149 .e_text-24 { font-size: 14px; }
  #c_static_731-1687680839149 .e_loop-34 .p_loopitem { flex: 0 0 100% !important; }
  #c_static_731-1687680839149 .e_text-8 { font-size: 20px; }
}