.elementor-3439 .elementor-element.elementor-element-ca40578{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-3439 .elementor-element.elementor-element-ca40578:not(.elementor-motion-effects-element-type-background), .elementor-3439 .elementor-element.elementor-element-ca40578 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hvinsulator.com/wp-content/uploads/2025/07/bg2.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-3439 .elementor-element.elementor-element-ca40578::before, .elementor-3439 .elementor-element.elementor-element-ca40578 > .elementor-background-video-container::before, .elementor-3439 .elementor-element.elementor-element-ca40578 > .e-con-inner > .elementor-background-video-container::before, .elementor-3439 .elementor-element.elementor-element-ca40578 > .elementor-background-slideshow::before, .elementor-3439 .elementor-element.elementor-element-ca40578 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3439 .elementor-element.elementor-element-ca40578 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-3439 .elementor-element.elementor-element-9be2ed4{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3439 .elementor-element.elementor-element-0eb77eb{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );}.elementor-3439 .elementor-element.elementor-element-0eb77eb a{color:var( --e-global-color-secondary );}.elementor-3439 .elementor-element.elementor-element-0eb77eb a:hover{color:var( --e-global-color-accent );}.elementor-3439 .elementor-element.elementor-element-6f1111f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-3439 .elementor-element.elementor-element-6f1111f .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-secondary );}.elementor-3439 .elementor-element.elementor-element-58546e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3439 .elementor-element.elementor-element-ca40578{--min-height:400px;--padding-top:200px;--padding-bottom:175px;--padding-left:25px;--padding-right:25px;}.elementor-3439 .elementor-element.elementor-element-9be2ed4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3439 .elementor-element.elementor-element-0eb77eb{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3439 .elementor-element.elementor-element-6f1111f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3439 .elementor-element.elementor-element-6f1111f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-3439 .elementor-element.elementor-element-ca40578{--min-height:400px;--padding-top:150px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-3439 .elementor-element.elementor-element-9be2ed4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3439 .elementor-element.elementor-element-0eb77eb{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3439 .elementor-element.elementor-element-6f1111f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3439 .elementor-element.elementor-element-6f1111f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(min-width:768px){.elementor-3439 .elementor-element.elementor-element-ca40578{--content-width:1790px;}}@media(min-width:1025px){.elementor-3439 .elementor-element.elementor-element-ca40578:not(.elementor-motion-effects-element-type-background), .elementor-3439 .elementor-element.elementor-element-ca40578 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS *//**
 * B2B Website HTML Sitemap - Optimized Styles
 * Author: Your B2B Design Expert
 * Version: 2.4
 *
 * Key Improvements:
 * - Wider layout (1320px) for modern screens.
 * - Multi-column grid layout for better scannability and space utilization.
 * - Added support for hierarchical lists (e.g., categories with sub-categories).
 * - Enhanced visual hierarchy with styled section headers and custom list bullets.
 * - Refined typography and spacing for a more polished, professional look.
 * - Smooth transitions for a better user experience.
 * - **Fully responsive with specific optimizations for mobile-friendly display.**
 */

/* 1. Sitemap 整体容器样式 */
.rank-math-html-sitemap {
  max-width: 1790px;
  margin: 50px auto; /* 进一步增加垂直外边距 */
  padding: 40px 50px; /* 进一步增加水平内边距 */
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 12px; /* 稍大一点的圆角，更显现代 */
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 引入更优的系统字体栈 */
}

/* 2. 主标题样式 */
.rank-math-html-sitemap__title {
  text-align: center;
  font-size: 34px;
  font-weight: 700; /* 加粗以增强冲击力 */
  margin-bottom: 40px; /* 增加与下方内容的间距 */
  color: #1c244B; /* 使用更深的黑色，提升对比度 */
  border-bottom: none; /* 移除边框，采用间距进行分割 */
  padding-bottom: 0;
}

/* 3. 分类标题样式 (卡片式设计) */
.rank-math-html-sitemap__section-title,
.rank-math-html-sitemap h2,
.rank-math-html-sitemap h3 {
  font-size: 18px;
  font-weight: 600;
  color: #1c244B;
  background-color: #f8f9fa; /* 使用非常浅的灰色背景 */
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 12px 20px; /* 增加内边距 */
  border-left: 3px solid #d94948; /* 使用品牌色作为左侧强调线 */
  border-radius: 6px;
  grid-column: 1 / -1; /* 让分类标题横跨所有列 */
}
.rank-math-html-sitemap__section-title:first-child,
.rank-math-html-sitemap h2:first-of-type {
    margin-top: 0;
}

/* 4. 链接列表容器 - 采用Grid网格布局 (仅限顶级列表) */
.rank-math-html-sitemap > ul,
.rank-math-html-sitemap h2 + ul,
.rank-math-html-sitemap h3 + ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px 30px; /* 微调行间距 */
}

/* 5. 嵌套列表样式 (处理层级关系) */
.rank-math-html-sitemap ul ul {
  display: block;
  list-style: none;
  margin-top: 12px;
  padding-left: 25px;
  border-left: 2px solid #e9ecef; /* 引导线使用更柔和的颜色 */
}

/* 6. 列表项样式 (增加自定义项目符号) */
.rank-math-html-sitemap__item {
  margin: 0;
  text-align: left;
  line-height: 1.7;
  position: relative;
  padding-left: 18px; /* 为自定义项目符号留出空间 */
}
/* 自定义项目符号 */
.rank-math-html-sitemap__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px; /* 垂直居中对齐 */
  width: 6px;
  height: 6px;
  background-color: #ced4da; /* 默认符号颜色 */
  border-radius: 50%;
  transition: background-color 0.2s ease-in-out;
}
/* 嵌套列表的符号可以小一点 */
.rank-math-html-sitemap ul ul .rank-math-html-sitemap__item::before {
  background-color: #dee2e6;
  top: 11px;
  width: 4px;
  height: 4px;
}


/* 7. 链接样式 */
.rank-math-html-sitemap__link {
  color: #344054;
  text-decoration: none;
  font-size: 16px;
  transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
  display: inline-block;
}

.rank-math-html-sitemap__link:hover {
  color: #d94948;
  text-decoration: none;
  transform: translateX(4px);
}
/* 当鼠标悬停在列表项上时，也高亮其项目符号和链接 */
.rank-math-html-sitemap__item:hover::before {
    background-color: #d94948;
}
.rank-math-html-sitemap__item:hover > .rank-math-html-sitemap__link {
    color: #d94948;
}

/* 8. 响应式设计 */

/* 平板设备 (992px 以下) */
@media (max-width: 992px) {
  .rank-math-html-sitemap > ul,
  .rank-math-html-sitemap h2 + ul,
  .rank-math-html-sitemap h3 + ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 移动设备 (768px 以下) */
@media (max-width: 768px) {
  /* 调整整体容器边距 */
  .rank-math-html-sitemap {
    padding: 30px 20px;
    margin: 30px auto;
  }
  
  /* 调整主标题大小 */
  .rank-math-html-sitemap__title {
      font-size: 26px;
      margin-bottom: 30px;
  }

  /* 调整分类标题大小和边距 */
  .rank-math-html-sitemap__section-title,
  .rank-math-html-sitemap h2,
  .rank-math-html-sitemap h3 {
    font-size: 17px;
    padding: 10px 15px;
  }

  /* 顶级列表改为单列，并调整间距 */
  .rank-math-html-sitemap > ul,
  .rank-math-html-sitemap h2 + ul,
  .rank-math-html-sitemap h3 + ul {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  
  /* 调整嵌套列表缩进 */
  .rank-math-html-sitemap ul ul {
      padding-left: 20px;
  }
  
  /* 调整列表项缩进 */
  .rank-math-html-sitemap__item {
      padding-left: 22px;
  }
  
  /* 调整项目符号位置 */
  .rank-math-html-sitemap__item::before {
      left: 4px;
  }

  /* 在移动端禁用悬停位移效果，以优化触摸体验 */
  .rank-math-html-sitemap__link:hover {
    transform: none;
  }
}/* End custom CSS */