/*无醛品质添加遮罩层*    begin  /
    .relative-img{
        position: relative;
        overflow: hidden;
    }
/* 覆盖层样式 - 默认隐藏 */
.overlay-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 半透明黑色背景 */
    color: white;
    opacity: 0; /* 默认完全透明 */
    visibility: hidden; /* 默认不可见 */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* 平滑过渡效果 */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

/* 覆盖层内容样式 */
.overlay-content {
    text-align: center;
    max-height: 80%;
    overflow-y: auto; /* 如果描述很长，添加滚动条 */
}

.overlay-layer .overlay-content .description, .description p {
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
    text-align: left;
    /* 新增：保留文本格式 */
    white-space: pre-line; /* 或 pre-wrap */
    word-imagewrap: break-word; /* 长单词换行 */
    overflow-wrap: break-word;
}

/* 鼠标悬停时显示覆盖层 */
.relative-img:hover .overlay-layer {
    opacity: 1;
    visibility: visible;
}

/* 添加移动端点击样式 */
@media (max-width: 768px) {
    .relative-img.active .overlay-layer,
    .relative-img:active .overlay-layer {
        opacity: 1;
        visibility: visible;
    }
    
    /* 添加点击提示 */
    .relative-img {
        cursor: pointer; /* 显示可点击手势 */
    }
}
/*无醛品质添加遮罩层*    end  */



    .product-title {
    color: #2a4365;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin: 25px 0;
    position: relative;
    padding-bottom: 15px;
   
    letter-spacing: 1px;
  }

  .product-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #4299e1, #38b2ac);
    border-radius: 2px;
  }

p.knob-percent span{
    line-height: 50px;
}
.index-h3{/*首页banner图底下的文字大小*/
    font-size: 20px;
}
/*  被强制大写的恢复正常  begin*/
.normal-case li {
  text-transform: none; /* 强制取消大小写转换 */
}
/*  被强制大写的恢复正常    end*/

/*  20250714 add 解决首页栏目超长换行  begin*/
#main-nav>li + li{
    margin-left: 35px;
}
/*  20250714 add 解决首页栏目超长换行  end*/

/*联系我们 - 联系信息title 设置top间距 */
.lxwm-form-title{
    padding-top:6px;
}

/*关于我们  我们的优势 切换英文显示超出外圈*/
.knob-number font{
    font-size:16px;
    position: relative;
    top:-6px;
}

#m_social #social-media li{
    width:24%;
}

.project .project-meta{
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中（可选） */
} 

/*导航菜单，取消大写*/
#main-nav{
  /*取消大写*/
  text-transform: none;
  font-weight: 500;
}

/*页脚左侧企业介绍信息样式*/
#en-footer-qyjs{
  width:40%;
}

#en-footer-qyjs #text-2 div{
  text-align: center;
}

#en-footer-qyjs #text-2 div img{
  width:56%;
}

#en-footer-qyjs #text-2 div p{
  text-align:left;
}

/*新闻内容页  标题样式*/
.news-title {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 2.2rem; /* 响应式调整 */
    line-height: 1.3;
    color: #2d363c;
    margin-top:30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd; /* 使用品牌蓝色 */
    text-transform: none; /* 取消全大写 */
    letter-spacing: normal;
    margin-bottom:15px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    /*产品详情页，产品title*/
.product-title{
    font-size:20px;
}    
    /*新闻标题在小屏幕上的样式 */
 .news-title {
        font-size: 1.2rem;
        margin: 20px 0;
        padding-bottom: 12px;
    }
  /*首页banner图下宣传语-在小屏幕上的样式 */
    h2.big {
	font-size: 26px;
 } 

 .services-list li h3 {
   font-size:18px;
}

 /*设置网站手机端footer  begin */
#en-footer-qyjs{
    width:100%;
}




/*设置网站手机端footer  end */

/*设置各栏目页面的栏目名称*/
.page-heading h1{
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: none; 
    color: #003174;
    text-align:left;
    line-height:120%;
}

.services-list li{
    padding-left:10px;
}

/*关于我们  我们的优势*/
.advantages-list .advantages-li{
    position: relative;
    padding: 15px 0;
    padding-left: 70px;
    border-bottom: 1px solid #00a2de;

}  

 /*banner 图 时间线手机端隐藏*/
  .tp-bannertimer {
    display: none;
  }

}

#m_main_nav_btn {display:none;}

/* @media (max-width: 838px) { */
@media (max-width: 1023px) { 

    #main-header .social-media, #main-header .text-list {
	  margin-top: 20px;
    }

   #header .logo img {
    height: auto;
    padding-right: 0;
    min-height: 0;
    width: 30%;
   }

   #main-header{
    padding:12px 0;
   }

   #main-header .row>div:first-of-type{
    display: block;
    width: 100%;
    text-align:left;
   }

   #tttt{
    display:none;
   }

   #m-top-btns{
    width: 30%; 
    position: absolute; 
    right: 15px; 
    top: 0; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-end;
   }

   #m-top-btns #m_social{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 5px;
  }

 #m-top-btns #social-media{
    justify-content: flex-end;
    margin-left: auto;
    /* width: 100%; */
    width:10vw; 
    display: flex;
    justify-content: flex-end;
    gap:5px;
    /* padding-right: 15px; */
}

#m-top-btns #social-media> *{
    margin:0 3px;
}

#m_social svg{
    width: clamp(16px, 2vw, 20px);
    height: auto;
}


    #m_main_nav_btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    /* right: 10px; */
    position: absolute;
    /*切换为svg后*/
    padding:0;
    margin:0;
    cursor: pointer;
 }

 #main-nav {
    display: none; 
 }

 /* html, body{
    overflow-x: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;
} */

}

@media (max-width: 992px) {
#main-header>div:first-of-type{
    width:100vw;
 }
}

@media (max-width: 838px) {
#main-header #tttt{
    display: none;
 }

}

@media (max-width: 500px) {
    #header .logo img {
        width:145px;
        height:auto;
    }

    #m-top-btns #m_social{
        width:140px;
        height:auto;
    }
 

}

@media (max-width: 300px) {
    #header .logo img {
        width:50%;
    }

    #m-top-btns #m_social{
        width:100%;
        
    }
 

}


@media (min-width: 1200px) {
#banner-news-center{
    width: 100%;
}

.en-lg-6{
    width: 75%;
}

.en-right-sitemap{
    width: 25%;

}
}

/* 现代简约风格的文章列表样式   begin*/
#post-items {
    /* margin: 0 -15px; */
}

.blog-post-classic {
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.blog-post-classic:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.blog-post-content {
    padding: 0;
}

.post-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.4;
}

.post-content h4 a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}

.post-content h4 a:hover {
    color: #4BB5E5;
}

.post-content {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.read-more.big {
    display: inline-block;
    color: #4BB5E5;
    font-weight: 500;
    text-decoration: none;
    padding: 5px 0;
    transition: all 0.2s;
}

.read-more.big:hover {
    color: #3a9bc8;
    transform: translateX(5px);
}

/* 分页样式 */
.pagination {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    padding: 0;
    list-style: none;
}

.pagination li {
    margin: 0 5px;
}

.pagination a, 
.pagination li.active a {
    display: block;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s;
}

.pagination a {
    color: #666;
    background: #f5f5f5;
}

.pagination a:hover {
    background: #e0e0e0;
}

.pagination li.active a {
    color: #fff;
    background: #4BB5E5;
}

/* 响应式调整 */
/* 移动端专属调整 */
@media (max-width: 767px) {
    /* 标题字体调整 */
    .post-content h4 {
        font-size: 17px !important; /* 比PC端略小 */
        line-height: 1.4;
        margin-bottom: 10px;
    }
    
    /* 正文字体调整 */
    .post-content {
        font-size: 13px !important;
        line-height: 1.5;
    }
    
    /* 卡片内边距优化 */
    .blog-post-classic {
        padding: 12px 15px;
    }
    
    /* 确保移动端卡片宽度充分利用 */
    #post-items {
        margin: 0 -5px;
    }
    .blog-post-classic {
        margin-left: 5px;
        margin-right: 5px;
    }

    #header .logo {
    padding-right: 0px;
    min-height: 40px;
   }
}

/* 超小屏幕设备（如iPhone 5/SE） */
@media (max-width: 320px) {
    .post-content h4 {
        font-size: 16px !important;
    }
}

/* 现代简约风格的文章列表样式   end*/

/*个别栏目顶部网站logo旁边显示 导航 两个字  begin*/
.dh {
                  display: none
              }

              #ej1 {
                  display: block
              }

              @media (max-width:900px) {
                  .dh {
                      display: block
                  }
              }

/**
@media (max-width:760px){#ej1{display:block;height:110px;}}
**/
/*个别栏目顶部网站logo旁边显示 导航 两个字  end*/
/*首页banner图下面五个 个别尺寸 会被挤下去*/
@media (min-width: 768px) {
.col-lg-new-5{
    width:20%;
 }
}

  @media (min-width: 992px){
    #footer-site-map{
        width:18%;
    }
    #contact-us-div {
    width: 40%;
    }
  }

    @media (max-width: 991px){
    #footer-site-map,#en-footer-qyjs,#contact-us-div{
        width:100%;
    }
     #en-footer-qyjs #text-2 div img {
      width: 30%;
     }

     /* 旧版Android备用方案（4.1-4.3） */
  @media screen and (-webkit-min-device-pixel-ratio:0) {
 #footer-site-map .iconic-list {
      display: -webkit-box;  /* 旧版弹性盒 */
      -webkit-box-orient: horizontal;
    }
  }

  #footer-site-map .iconic-list {
    display: flex;            /* 弹性布局（主流移动浏览器全支持） */
    list-style: none;        /* 去除项目符号 */
    overflow-x: hidden;
    justify-content:center;
    -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
    padding: 8px 16px;      /* 内边距 */
}

#footer-site-map .iconic-list> * {
  margin: 0 10px 30px 10px; /* 模拟 gap */
}

  /* 列表项样式 */
  #footer-site-map .iconic-list li {
    flex-shrink: 0;         /* 防止内容挤压 */
    white-space: nowrap;    /* 禁止文字换行 */
  }

  #footer-site-map{
    text-align: center;
}

#footer-site-map h4{
    text-align: left; /* 强制子元素左对齐 */
   display: block; 
}

  }

/* ============================================
   CMS内容Sora字体强制应用 - 柔和版本
   针对 class="cms-content" 的容器
   ============================================ */

/**
 * 1. 主容器设置 - 使用现有 cms-content 类名
 */
.cms-content {
    /* 应用Sora字体 */
    font-family: 'Sora', -apple-system, BlinkMacSystemFont, sans-serif !important;
    
    /* Sora字体默认样式 */
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #4a5568 !important; /* 改为更柔和的灰蓝色 */
    
    /* 重置继承属性 */
    font-style: inherit !important;
    text-decoration: inherit !important;
    letter-spacing: inherit !important;
    
    /* 提升可读性 */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/**
 * 2. 确保容器内所有文本元素使用Sora
 */
.cms-content p,
.cms-content h1,
.cms-content h2, 
.cms-content h3,
.cms-content h4,
.cms-content h5,
.cms-content h6,
.cms-content li,
.cms-content td,
.cms-content th,
.cms-content span,
.cms-content div,
.cms-content a,
.cms-content strong,
.cms-content b,
.cms-content em,
.cms-content i,
.cms-content u,
.cms-content sup,
.cms-content sub {
    font-family: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/**
 * 3. 强制覆盖CMS/WORD内联字体样式
 */
.cms-content [style*="font-family"],
.cms-content [style*="font-family"] *,
.cms-content [style*="Font-family"],
.cms-content [style*="Font-family"] *,
.cms-content [style*="FONT-FAMILY"],
.cms-content [style*="FONT-FAMILY"] * {
    font-family: 'Sora', sans-serif !important;
}

.cms-content [style*="font-size"],
.cms-content [style*="font-size"] * {
    font-size: inherit !important;
}

.cms-content [style*="color"],
.cms-content [style*="color"] * {
    color: inherit !important;
}

/**
 * 4. 清理Word特有的font标签
 */
.cms-content font,
.cms-content font * {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
}

/**
 * 5. Sora字体字重优化 - 柔和颜色体系
 */
/*  
.cms-content h1 {
    font-weight: 700 !important;
    font-size: 2.5rem !important;
    color: #2d3748 !important; 
    margin: 1.5em 0 0.8em !important;
}

.cms-content h2 {
    font-weight: 600 !important;
    font-size: 2rem !important;
    color: #4a5568 !important; 
    margin: 1.2em 0 0.6em !important;
}

.cms-content h3 {
    font-weight: 600 !important;
    font-size: 1.5rem !important;
    color: #5a6978 !important; 
    margin: 1em 0 0.5em !important;
}

.cms-content h4 {
    font-weight: 500 !important;
    font-size: 1.25rem !important;
    color: #6b7c8f !important; 
}

.cms-content h5 {
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    color: #7c8ea0 !important;
}

.cms-content h6 {
    font-weight: 500 !important;
    font-size: 1rem !important;
    color: #8d9fb1 !important;
} */

/* 正文强调元素 */
.cms-content strong,
.cms-content b {
    font-weight: 600 !important;
    color: #4a5568 !important; /* 加粗用深色强调 */
}

.cms-content em,
.cms-content i:not([class*="fa"]):not([class*="icon"]) {
    font-style: italic !important;
    color: #5a6978 !important; /* 斜体用中间色调 */
}

/**
 * 6. 保护图标字体和代码
 */
.cms-content .fa,
.cms-content .fas,
.cms-content .far,
.cms-content .fab,
.cms-content [class*="icon"],
.cms-content [class*="Icon"],
.cms-content i[class*="fa"],
.cms-content i[class*="icon"],
.cms-content .material-icons {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'Material Icons' !important;
    font-weight: normal !important;
    font-style: normal !important;
    color: #718096 !important; /* 图标用中性灰 */
}

.cms-content code,
.cms-content pre,
.cms-content kbd,
.cms-content samp,
.cms-content var {
    font-family: 'Courier New', Courier, monospace !important;
    font-weight: 400 !important;
    color: #2d3748 !important;
    background-color: #f7fafc !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    border: 1px solid #e2e8f0 !important;
}

.cms-content pre {
    background-color: #f8f9fa !important;
    padding: 1em !important;
    overflow-x: auto !important;
    border-left: 4px solid #63b3ed !important; /* 改为柔和的蓝色 */
}

/**
 * 7. 列表和表格样式
 */
/* .cms-content ul,
.cms-content ol {
    padding-left: 2em !important;
    margin: 1em 0 !important;
    color: inherit !important;
}

.cms-content li {
    margin: 0.5em 0 !important;
    color: inherit !important;
}

.cms-content li::marker {
    color: #718096 !important; 
}

.cms-content table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 1.5em 0 !important;
    border: 1px solid #e2e8f0 !important;
}

.cms-content th {
    font-weight: 600 !important;
    background: #f8f9fa !important;
    color: #2d3748 !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

.cms-content td,
.cms-content th {
    padding: 12px 15px !important;
    border: 1px solid #e2e8f0 !important;
    color: #4a5568 !important;
}

.cms-content tr:nth-child(even) {
    background-color: #fafafa !important;
}

.cms-content tr:hover {
    background-color: #f0f5ff !important;
} */

/**
 * 8. 链接样式
 */
/* .cms-content a {
    color: #4299e1 !important; 
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.cms-content a:hover {
    color: #3182ce !important;
    text-decoration: underline !important;
}

.cms-content a:visited {
    color: #805ad5 !important; 
} */

/**
 * 9. 引用和特殊文本块
 */
/* 
.cms-content blockquote {
    border-left: 4px solid #a0aec0 !important; 
    margin: 1.5em 0 !important;
    padding: 0.5em 1em !important;
    background-color: #f8fafc !important;
    color: #5a6978 !important; 
    font-style: italic !important;
}

.cms-content hr {
    border: none !important;
    height: 1px !important;
    background-color: #e2e8f0 !important;
    margin: 2em 0 !important;
} */

/**
 * 10. 段落间距优化
 */
.cms-content p {
    /* margin: 0.8em 0 !important; */
    color: #4a5568 !important;
    font-size: 16px;
            line-height: 1.8;
            /* color: #718096; */
            margin: 16px 0;
}
/* 
.section-title {
    font-weight: 600;
    font-size: 1.8rem;
    color: #1e40af;
    margin: 3.5rem 0 2rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e2e8f0;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6, #10b981);
    border-radius: 1px;
} */

/*产品*/
  .cms-content.product-content h1 {
            font-size: 26px;
            font-weight: 700;
            color: #2d3748;
            margin: 0 0 40px 0;
            background: linear-gradient(90deg, #4299e1, #38b2ac);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .cms-content.product-content h2 {
            font-size: 24px;
            font-weight: 600;
            margin: 2.5em 0 0.75em 0;
            color: #37352f;
            padding-top: 0.5em;
            border-top: 1px solid rgba(55, 53, 47, 0.09);
        }
        
        /* .cms-content.product-content h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 3px;
            background: #222;
            border-radius: 2px;
            opacity: 0.1;
        } */
        
        /* .cms-content.product-content h2:first-of-type {
            margin-top: 30px;
        } */
        
        /* .cms-content.product-content p {
            font-size: 16px;
            line-height: 1.8;
            color: #718096;
            margin: 20px 0;
        } */
        
        .cms-content.product-content strong {
            color: #2d3748;
            font-weight: 600;
        }
        
        .cms-content.product-content h1:first-of-type + p {
            background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
            padding: 30px;
            border-radius: 8px;
            border-left: 4px solid #4299e1;
            margin: 20px 0 40px 0;
            font-size: 17px;
            color: #4a5568;
        }

 /* .cms-content h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    margin: 28px 0 16px 0 !important;
    padding: 14px 20px !important;
    position: relative !important;
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%) !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05) !important;
    letter-spacing: 0.5px !important;
} */

/* 浅色边框效果 */
/* .cms-content h4::before {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 6px !important;
    pointer-events: none !important;
} */
/*key features 样式*/
.cms-content.product-content h4 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #2d3748 !important;
    margin: 12px 0 6px 0 !important;
    padding: 12px 18px 12px 52px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
    display: block !important;  /* 改为block，不要inline-flex */
    width: 100% !important;    /* 宽度100% */
    max-width: 100% !important;
    box-sizing: border-box !important; /* 重要：包含padding和border在宽度内 */
}

/* 对号图标 */
.cms-content.product-content h4::before {
    content: "✓" !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    background: #4BB5E5 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    box-shadow: 0 2px 4px rgba(75, 181, 229, 0.3) !important; /* 颜色改为匹配 */
}
/* 悬停效果 */
.cms-content.product-content h4:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    border-color: #cbd5e0 !important;
}

/* 标题6 - 免责声明专用样式 */
.cms-content.product-content h6 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #718096 !important;  /* 中性灰色 */
    margin: 20px 0 8px 0 !important;
    padding: 8px 0 8px 30px !important;
    position: relative !important;
    font-style: italic !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;  /* 大写更正式 */
    border-bottom: 1px dashed #e2e8f0 !important;
    width: 100% !important;
    display: block !important;
}

/* 文档图标 */
.cms-content.product-content h6::before {
    content: "📄" !important;  /* 文档图标 */
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    opacity: 0.6 !important;
}

/* 如果标题包含"免责声明"或"Disclaimer"的额外样式 */
.cms-content.product-content h6:contains("免责声明"),
.cms-content.product-content h6:contains("Disclaimer") {
    color: #4a5568 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: linear-gradient(90deg, rgba(237, 242, 247, 0.5), transparent) !important;
}

/* 免责声明内容段落样式 */
.cms-content.product-content h6 + p {
    margin-top: 2px !important;
    margin-bottom: 20px !important;
    padding: 12px 15px !important;
    background: #f8fafc !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    color: #4a5568 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* 合作加盟页面 */
 /* H1 主标题 - 保留蓝色 */
 .cms-content.hzjm-content h1 {
            font-size: 28px;
            font-weight: 600 !important;
            margin: 30px 0 20px 0;
            color: #222;
            padding-bottom: 15px;
            /* border-bottom: 2px solid #e0e0e0; */
            position: relative;
}
        
        /* .cms-content.hzjm-content h1::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 60px;
            height: 2px;
            background: #4BB5E5; 
        } */

        .cms-content.hzjm-content h1::before {
             content: '';
            position: absolute;
            top: -15px;
            left: 0;
            width: 50px;
            height: 4px;
            background: #4BB5E5;
        }
        
        
        /* H2 二级标题 - 去掉蓝色，恢复灰色 */
        .cms-content.hzjm-content h2 {
            font-size: 24px;
            font-weight: 500;
            margin: 20px 0 10px 0;
            color: #333;
            padding-left: 15px;
            position: relative;
        }
        
        .cms-content.hzjm-content h2::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 16px;
            background: #999; /* 改为灰色 */
        }
         /* H7 样式 - 卡片式设计 */
        .cms-content.hzjm-content h6 {
            display: block;
            font-size: 16px;
            font-weight: 500;
            color: #222;
            margin: 0 0 40px 0;
            padding: 30px;
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            line-height: 1.8;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            position: relative;
            overflow: hidden;
        }
        
        .cms-content.hzjm-content h6::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: #4BB5E5;
        }
        
        .cms-content.hzjm-content h6::after {
            content: '✦';
            position: absolute;
            top: 20px;
            right: 20px;
            color: #4BB5E5;
            opacity: 0.3;
            font-size: 1.5rem;
        }
          /* 水平分隔线 - 保留蓝色 */
        .cms-content.hzjm-content hr {
            border: none;
            height: 1px;
            background: linear-gradient(to right, transparent, #4BB5E5, transparent);
            margin: 60px 0;
        }

     /**
 * 11. 响应式调整
 */
@media (max-width: 768px) {

  #contact-us-div,#footer-site-map{
    width:100%;
   }

    .cms-content {
        font-size: 17px !important;
        line-height: 1.7 !important;
        color: #4a5568 !important;
      }
    /*
    .cms-content h1 {
        font-size: 2rem !important;
        color: #2d3748 !important;
    }
    
    .cms-content h2 {
        font-size: 1.6rem !important;
        color: #4a5568 !important;
    }
    
     .cms-content h3 {
        font-size: 1.3rem !important;
        color: #5a6978 !important;
    }
    
    .cms-content table {
        font-size: 14px !important;
    }
    
    .cms-content blockquote {
        margin: 1.2em 0 !important;
        padding: 0.4em 0.8em !important;
    } */
   .cms-content.product-content p {
    font-size:14px;
   }
            
   .cms-content.product-content h1 {
                font-size: 20px;
                margin-bottom: 0;
    }

    .cms-content.product-content h2 {
        margin:0;
        font-size:18px;
    }

        .cms-content.product-content h1:first-of-type + p {
        padding: 1.25rem; /* 减少内边距 */
        /* margin: 1.5rem 0 2rem 0;  */
        font-size: 1.2rem; /* 字号调小 */
        line-height: 1.6; /* 行高调小 */
        border-left-width: 3px; /* 边框变细 */
        border-radius: 6px; /* 圆角调小 */
        width: 100%; /* 扩展到边缘 */
        /* margin-left: -1rem;*/ /* 向左扩展 */
        /* margin-right: -1rem;*/ /* 向右扩展 */
        
    }

     /* .cms-content.product-content h4 {
        font-size: 17px !important;
        margin: 22px 0 14px 0 !important;
        padding: 12px 16px !important;
        border-radius: 6px !important;
    } */
      .cms-content.product-content h4 {
        font-size: 12px !important;
        margin: 10px 0 5px 0 !important;
        padding: 10px 14px 10px 48px !important;
        display: block !important;
        min-width: 100% !important;
        width: fit-content !important;
        max-width: 100% !important;
    }
    
    .cms-content.product-content h4::before {
        left: 16px !important;
        width: 22px !important;
        height: 22px !important;
        font-size: 11px !important;
    }

    .cms-content.product-content h6 {
        font-size: 12px !important;
        margin: 16px 0 6px 0 !important;
        padding: 6px 0 6px 28px !important;
    }
    
    .cms-content.product-content h6::before {
        font-size: 12px !important;
    }
    
    .cms-content.product-content h6 + p {
        padding: 10px 12px !important;
        font-size: 13px !important;
        margin-bottom: 16px !important;
    }

    .cms-content.hzjm-content{
          padding: 15px 15px !important;
    }

    .cms-content.hzjm-content h1 {
                font-size: 20px;
                 margin: 0 0 10px 0; /* 移动端更小 */
        padding-bottom: 12px;
            }
            
            .cms-content.hzjm-content h2 {
                font-size: 18px;
                margin: 20px 0 12px 0;
            }
            
            .cms-content.hzjm-content p {
                font-size: 14px;
                margin: 0 0 16px 0; /* 移动端更小 */
            }
            
            .cms-content.hzjm-content h6 {
                padding: 20px;
                font-size: 14px;
                margin: 0 0 25px 0; /* 移动端更小 */
            }
}   
        /* 手机端适配 */


/* 超小屏幕进一步优化 */
@media (max-width: 480px) {
    .cms-content.product-content h1 + p {
        padding: 1rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        width: calc(100% + 1.5rem);
    }
    /* .cms-content.product-content h4 {
        font-size: 16px !important;
        padding: 8px 12px !important;
        margin: 18px 0 8px 0 !important;
    } */
     .cms-content.product-content h4 {
        padding: 8px 12px 8px 44px !important;
        margin: 8px 0 4px 0 !important;
        border-radius: 6px !important;
    }
    
    .cms-content.product-content h4::before {
        left: 12px !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }

    .cms-content.product-content h6 {
        padding-left: 24px !important;
    }

     .cms-content.hzjm-content h1 {
         margin: 0 0 20px 0;
                font-size: 20px;
            }
            
            .cms-content.hzjm-content h2 {
                 margin: 18px 0 10px 0;
                font-size: 16px;
            }
            
        
            
            .cms-content.hzjm-content h6 {
                 padding: 15px;
        margin: 0 0 20px 0;
            }
            
            .cms-content.hzjm-content h6::after {
                display: none;
            }
}