@charset "utf-8";
/* PC端（屏幕宽度>768px）隐藏移动端汉堡菜单元素 */
@media screen and (min-width:769px) {
    #mobile-menu-btn,
    #mobile-nav-panel {
        display: none !important;
    }
}
/* 手机端适配样式（仅屏幕宽度≤768px生效） */
@media screen and (max-width:768px){

/* ========== 全局重置 ========== */
html,body{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    background:#fff !important;
}
#header,#header .box,.box,#main,#center,#footer,.copyright{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
}

/* ========== 顶部导航 ========== */
#nav{
    width:100% !important;
    height:auto !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
    background:#333 !important;
}
#nav_ul_big{
    width:max-content !important;
    min-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
}
#nav_ul_big > li{
    float:none !important;
    display:inline-block !important;
    width:auto !important;
}
#nav_ul_big > li > a{
    display:inline-block !important;
    width:auto !important;
    height:34px !important;
    line-height:34px !important;
    padding:0 9px !important;
    font-size:12px !important;
}
#nav_ul_big li ul{
    display:none !important;
}

/* ========== 顶部广告图（消除左右空隙，减小下边距） ========== */
#header{
    height:auto !important;
    overflow:visible !important;    /* 允许汉堡菜单面板超出头部显示 */
}
.flash,
#full-screen-slider,
#slides,
#slides li,
#slides li a{
    height:90px !important;
    min-height:90px !important;
    max-height:90px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}
.flash{
    margin-bottom:2px !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
    width:calc(100% + 20px) !important;
}
#slides li{
    width:100% !important;
    background-size:cover !important;
    background-position:center center !important;
}

/* ========== 首页模块共用（间距改为2px） ========== */
.index_about,
.index_newbox,
.index_product{
    display:block !important;
    float:none !important;
    clear:both !important;
    width: 98% !important;
    max-width: 600px !important;
    margin: 1px auto !important;       /* 栏目间距改为2px */
    padding: 0 0px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    position:relative !important;
}

/* ========== 关于我们模块 ========== */
.about_con{
    width:100% !important;
    font-size:14px !important;
    line-height:24px !important;
    overflow:hidden !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;
}
.about_con img{
    width:35% !important;
    max-width:120px !important;
    height:auto !important;
    margin-right:10px !important;
}

/* ========== 产品展示模块（滚动版，more对齐，箭头定位修复） ========== */
.index_product {
    overflow: visible !important;
    background: none !important;
}

/* 产品标题栏 */
.index_product .product_title {
    width: auto !important;
    padding: 0 !important;    /* 移除左右内边距，让 more 紧贴右侧 */
    margin-bottom: 2px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;   /* 确保padding计入宽度 */
}
.index_product .product_title span:first-child {
    padding-left: 10px !important;
}

/* 确保more按钮无额外右边距 */
.index_product .product_title .more {
    margin-right: 0 !important;
}

/* 滚动外层（箭头定位参考） */
.index_product .scrolllist {
    position: relative !important;
    width: 100% !important;
    height: 110px !important;    /* 与 imglist_w 高度一致，箭头居中，下方不再过多留白 */
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: none !important;
}

/* 可视窗口：左右留出箭头空间，隐藏溢出 */
.index_product .imglist_w {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    height: 125px;
    overflow: hidden;
    position: relative !important;
    float: none !important;
}

/* 产品横向列表（flex布局，通过 transform 移动） */
.index_product .imglist {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    height: 125px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transition: transform 0.4s ease !important;
    will-change: transform;
}

/* 单个产品项：固定尺寸 */
.index_product .imglist li {
    width: 90px !important;
    max-width: 90px !important;
    height: 125px !important;
    flex-shrink: 0 !important;
    float: none !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
.index_product .imglist li:last-child {
    margin-right: 0 !important;
}

/* 产品图片 */
.index_product .imglist li img {
    width: 90px !important;
    max-width: 90px !important;
    height: auto !important;
    max-height: 80px !important;
    display: block !important;
    margin: 0 auto 3px auto !important;
    border: none !important;
}

/* 产品名称 */
.index_product .imglist li p,
.index_product .imglist li p a {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 15px !important;
    margin: 0 !important;
    padding: 0 2px !important;          /* 左右留一点呼吸空间 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;      /* 允许换行 */
    float: none !important;
    max-height: 32px !important;         /* 最多显示两行，超出隐藏 */
    word-break: break-all;               /* 强制断词，防止长英文溢出 */
}

/* 左右箭头：仅调整定位，样式完全保留PC端背景图 */
.index_product .abtn,
.index_product .aleft,
.index_product .aright {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
    text-indent: 0 !important;
    cursor: pointer !important;
    user-select: none !important;
}
.index_product .aleft {
    left: 2px !important;
    right: auto !important;
}
.index_product .aright {
    right: 2px !important;
    left: auto !important;
}

/* 箭头灰色不可用状态（沿用PC端样式） */
.index_product .agrayleft,
.index_product .agrayright {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    cursor: default !important;
}
/* 清除h2默认margin，避免额外间距 */
h2{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
/* ========== 内页适配（解决右侧截断） ========== */
html body #center #left {
    display: none !important;
}
#right{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    word-wrap: break-word !important;
}

/* ========== 底部双套切换（配合 foot.html） ========== */
html body #footer .pc-footer {
    display: none !important;
}
html body #footer .mobile-footer {
    display: block !important;
}
/* ========== 所有正文区域强制自适应（修正注释） ========== */
/* 核心：覆盖 PC 端固定宽度 */
.content,
.product_group,
.product_content,
.related_product,
.related_new,
.main_photo,
#preview {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;          /* 居中 */
    padding: 10px 5px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}
/* 针对某些带 id 的特殊容器 */
#right .content {
    width: 100% !important;
    max-width: 100% !important;
}
/* 列表和段落不溢出 */
.content ul,
.content ol,
.content li,
.content p {
    width: auto !important;
    max-width: 100% !important;
    padding-left: 20px !important;   /* 保留列表缩进 */
    box-sizing: border-box !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* 图片自适应 */
.content img,
#right img,
.product_group img,
.product_content img,
.products_list img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
}
/* 内页标题 */
.content_title {
    font-size: 20px !important;
    line-height: 1.4 !important;
    padding: 0 5px !important;
    margin: 10px 0 !important;
    word-break: break-word;
}
/* 路径导航 */
.path_title {
    padding-left: 5px !important;
    font-size: 12px !important;
    white-space: normal !important;    /* 允许换行 */
    text-indent: 0 !important;
}
/* ========== 产品列表页修复 ========== */
/* 确保产品列表容器全宽 */
.products_list {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}
/* 产品列表页（产品中心）每个产品项宽度调整 */
.products_list li {
    width: 48% !important;           /* 两列布局 */
	margin: 0 0 0 0 !important;   /* 统一使用下边距，去掉右外边距 第3个0为垂直行间距*/
    float: left !important;
    display: block !important;
    height: auto !important;
    box-sizing: border-box !important;
    clear: none !important;
}
/* 奇数项左边距微调，偶数项靠右 */
.products_list li:nth-child(odd) {
    margin-left: 0 !important;
    margin-right: 2% !important;
    clear: left !important;          /* 防止浮动错位 */
}
.products_list li:nth-child(even) {
    margin-left: 2% !important;
    margin-right: 0 !important;
    clear: none !important;
}

/* 图片：强制自适应，去除固定宽高、边框、内边距 */
.products_list li img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 5px auto !important;
    padding: 0 !important;
	border: 1px solid #000 !important;   /* 黑色实线边框 */
    background: transparent !important;
    box-sizing: border-box !important;
}
/* 产品列表标题 */
.products_list h3 {
    width: 100% !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
    word-break: break-word;
    white-space: normal !important;
}

/* ========== 产品详情页图片强制自适应 ========== */  
/* 覆盖所有可能限制图片宽度的容器 */  
.product_content,  
.product_content p,  
.product_content div,  
.product_content span {  
    width: 100% !important;  
    max-width: 100% !important;  
    box-sizing: border-box !important;  
    word-wrap: break-word;  
    overflow-x: hidden !important;  
} 

/* 图片强制自适应 */  
.product_content img,  
.main_photo img,  
#preview img,  
.product_group img,  
.related_product img {  
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;            /* 去掉原有 margin，避免额外空隙 */
    float: none !important;
    vertical-align: middle;               /* 新增：消除图片底部基线间隙 */
}  

/* 解决某些图片被父元素 overflow:hidden 截断 */  
.product_content a {  
    display: block;  
    max-width: 100%;  
}  

/* ========== 表格自适应 ========== */
table{
    max-width:100% !important;
    display:block !important;
    overflow-x:auto !important;
}

/* ========== 页脚及友情链接 ========== */
.link,
.links,
.friendlink,
.friend_link,
#link,
#links,
.index_link{
    width:96% !important;
    max-width:96% !important;
    margin:10px auto !important;
    padding:0 !important;
    float:none !important;
    clear:both !important;
    box-sizing:border-box !important;
    text-align:left !important;
}
.links {
    display: none !important;
}
#footer{
    width:100% !important;
    height:auto !important;
    margin:2px 0 0 0 !important;
    padding:5px 0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
.copyright{
    width:96% !important;
    margin:0 auto !important;
    padding:4px 5px !important;
    font-size:12px !important;
    line-height:22px !important;
    text-align:center !important;
    box-sizing:border-box !important;
}

/* ========== 隐藏客服浮窗 ========== */
#cmsFloatPanel{
    display:none !important;
}

/* ========== 新闻列表省略号处理 ========== */
.index_new li a {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}
.index_new li {
  padding-right: 65px !important;
  position: relative !important;
}
.index_new li .time {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  line-height: 2.78em !important;
  width: auto !important;
  background: #fcfcfc !important;
  padding-left: 5px !important;
}

/* ========== 头部区域压缩与搜索栏适配 ========== */
#header .box {
  padding: 0 10px 0 10px !important;
  margin-top: -18px !important;
  box-sizing: border-box !important;
  overflow: visible !important;   /* 这一行改掉 */
  display: block !important;
}
#logo {
  width: 105px !important;
  float: left !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  top: 35px !important;
}
#logo img {
  width: 105px !important;
  height: auto !important;
  display: block !important;
}
.searchformzone {
    display: block !important;
    width: 140px !important;
    float: right !important;
    margin: 0 50px 0 0 !important;   /* 右侧留 50px 给汉堡按钮 */
    padding: 0 !important;
    background: url(../images/search_bg.png) 0 0 no-repeat !important;
    background-size: 100% 24px !important;
    position: relative !important;
    top: 42px !important;
    height: 24px !important;
}
#searchform {
  display: flex !important;
  width: 100% !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.searchform {
  width: 75% !important;
  height: 24px !important;
}
.searchform .input {
  width: 100% !important;
  height: 24px !important;
  line-height:24px !important;
  font-size:12px !important;
  padding:0 6px !important;
  box-sizing:border-box !important;
  background: transparent !important;
}
.search_submit {
  width:28% !important;
  height:24px !important;
  margin:0 !important;
  padding:0 !important;
  border: 0 !important;
  box-sizing:border-box !important;
  background: transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.search_submit a {
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.search_submit img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:2px !important;
}

/* ========== 移动端汉堡菜单（半宽，右侧弹出） ========== */

/* 确保头部容器相对定位（供绝对定位的面板参考） */
#header .box {
    position: relative !important;
}

/* 隐藏原有横向导航 */
#nav {
    display: none !important;
}

/* 汉堡按钮（默认隐藏，移动端显示） */
.mobile-menu-btn {
    display: block !important;
    position: absolute;
    right: 15px;
    top: 42px;                  /* 和搜索框顶部对齐 */
    transform: none;            /* 移除居中偏移 */
    font-size: 28px;
    cursor: pointer;
    z-index: 1001;
    color: #333;
    line-height: 1;
    user-select: none;
}

/* 面板：半宽，从右侧弹出 */
.mobile-nav-panel {
    display: none;
    position: fixed;          /* 改为固定定位 */
    top: 0;                         /* 从屏幕顶部开始 */
    right: 0;                      /* 紧贴右侧 */
    left: auto;
    width: 50vw;                   /* 半屏宽度 */
    min-width: 180px;              /* 最小宽度保证可读性 */
    background: #333;
    z-index: 1000;
    max-height: calc(100vh - 44px); /* 预留关闭按钮行的高度（44px） */
    overflow: hidden;               /* 面板本身不滚动，改由内部菜单列表滚动 */
    border-radius: 0 0 0 8px;      /* 左下角微圆，视觉区分 */
    box-shadow: -2px 2px 8px rgba(0,0,0,0.3);
}
.mobile-nav-panel.active {
    display: block;
}
/* 关闭按钮行 */
.mobile-nav-close {
    position: absolute;          /* 改为绝对定位，固定在面板顶部 */
    top: 0;
    left: 0;
    right: 0;
    height: 44px;               /* 固定高度，保证完整显示 */
    line-height: 44px;
    text-align: right;
    padding: 0 15px;
    background: #222;
    border-bottom: 1px solid #555;
    z-index: 1002;
}
#mobile-nav-close-btn {
    font-size: 22px;
    color: #ccc;
    cursor: pointer;
    line-height: 1;
    user-select: none;
}

/* 菜单列表样式 */
.mobile-nav-panel ul {
    margin-top: 44px;                /* 关闭按钮行高度 */
    max-height: calc(100vh - 88px);  /* 面板总高（100vh-44px）再减去顶部已留空间 */
    overflow-y: auto;                /* 只有菜单列表滚动 */
    list-style: none;
    padding: 0;
}
/* 一级菜单项 */
.mobile-nav-panel li {
    position: relative;
    border-bottom: 1px solid #555;
}
/* 一级菜单链接 */
.mobile-nav-panel a {
    display: block;
    padding: 12px 45px 12px 15px;  /* 右侧留出足够空间 */
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 二级菜单默认隐藏 */
.mobile-nav-panel li ul {
    margin: 0 !important;
    padding: 0 !important;
    display: none;               /* 默认隐藏 */
	background: #444;
}
/* 二级菜单项：消除多余间距 */
.mobile-nav-panel li ul li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* 二级菜单链接缩进 */
.mobile-nav-panel li ul li a {
    padding-left: 25px;
    font-size: 14px;
}
/* + 按钮样式 */
.sub-toggle {
    position: absolute;
    right: 10px;
    top: 12px;               /* 与一级菜单的 padding 对齐 */
    transform: none;         /* 取消垂直居中，固定 top */
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
    user-select: none;
    border-radius: 4px;
    background: rgba(255,255,255,0.15);
}
/* 菜单项悬停效果 */
.mobile-nav-panel a:hover {
    background: rgba(255,255,255,0.1);
}
/* ========== 修复部分内页内容偏右（新闻详情、下载详情等） ========== */
/* 强制所有内页正文容器左对齐，覆盖 align="center" 等 */
#right,
#right .content,
#right .product_content,
#right .news_list {
    text-align: left !important;
}

/* 针对带有 align 属性的元素（通常来自后台编辑器） */
#right [align="center"],
#right [align="right"] {
    text-align: left !important;
}

/* 表格、图片等块级元素左对齐，防止整体右偏 */
#right table,
#right .content table,
#right .product_content table {
    margin-left: 0 !important;
    margin-right: auto !important;   /* 左对齐，右侧不强制占满 */
    width: auto !important;          /* 保持原始宽度，避免强行拉宽导致内容溢出 */
    max-width: 100% !important;
}

/* 下载按钮区域左对齐 */
.download_btn {
    text-align: left !important;
    padding-left: 5px !important;
}

/* 轮播图禁止点击（仅移动端） */
#slides li a {
    pointer-events: none !important;
}
/* ========== 表单页面移动端适配（产品建议、在线订购等） ========== */
/* 让定义列表整体宽度自适应，去除固定高度 */
/* ========== 表单页面移动端适配（产品建议、在线订购等） ========== */
/* ========== 表单页面移动端适配（上下排列，稳定可靠） ========== */
dl.table {
    width: 100% !important;
    height: auto !important;
    margin: 10px 0 !important;
}

/* 取消强制同行，让 dt 和 dd 各占一行 */
dl.table dt,
dl.table dd {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 标签样式 */
dl.table dt {
    font-weight: bold;
    margin-top: 10px !important;
    margin-bottom: 3px !important;
    text-align: left !important;
}

/* 输入框、文本域全宽 */
dl.table dd input[type="text"],
dl.table dd textarea {
    width: 100% !important;
    height: 30px !important;
    line-height: 34px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

/* 建议内容文本域 */
dl.table dd.biezhu textarea {
    height: 80px !important;
    line-height: 1.5;
}

/* ===== 验证码行：用 flex 让输入框和图片始终在同一行 ===== */
dl.table dd:has(input[name="code"]) {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;                     /* 消除空白文本节点间隙 */
}
/* 验证码行特殊处理 */
dl.table dd input[name="code"] {
    width: 60px !important;
    height: 30px !important;          /* 与上方输入框高度统一 */
    line-height: 30px;
    margin: 0 6px 0 0 !important;     /* 右侧留出 6px 间距 */
    padding: 0 4px;
    flex-shrink: 0;
    font-size: 14px;
    box-sizing: border-box;
}
dl.table dd .codeimg {
    height: 30px;
	margin: 0 !important;
    flex-shrink: 0;
}
/* 清除验证码行 dd 的浮动塌陷 */
dl.table dd:has(.codeimg) {
	white-space: nowrap;       /* 防止换行 */
}
/* 提交/重置按钮 */
dl.table dd .submit_btn {
    min-width: 100px;               /* 最小宽度，保证两个按钮等宽 */
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 5px;
    box-sizing: border-box;
    text-align: center;
}

/* 温馨提示 */
#right form p {
    margin: 10px 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

#right {
    padding: 0 8px !important;
}
}
.seo-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}