/* ==========================================================
   二级栏目页统一排版
   适用：Albums / Articles / Comments / Downloads / Products / Recruit
   做法：只做样式层统一，不动后台生成的 HTML。
   注意：bootstrap.css / main.css 由后台在运行时注入，且排在最后（kefu.css 之后还会再注入一次
   main.css），所以这里所有选择器统一加 body 前缀提高优先级，个别被内联样式或 !important
   顶住的地方（相册图片尺寸、分页宽度）直接用 !important。
   统一目标：灰底页面带 + 白色圆角卡片 + 主色 #ef5c00 点缀 + 窄屏两栏变一栏。
   ========================================================== */

/* ---------- 页面外壳 ---------- */
body .divcenment{ padding:24px 0 40px; background:#f5f6f7; }
body .divcenment .dcontainer,
body .divcenment .container{ width:1100px; max-width:100%; min-height:0; background:transparent; }
body .divcenment .row{ margin-left:-8px; margin-right:-8px; }

/* ---------- 面包屑 / 标题条 ----------
   原来 .divTitleDiv / .divTitleDiv1 是 position:absolute，脱离文档流后飘到内容左上角，
   列表再用 margin-top:50px 去躲它，两者叠加时版面就乱了。这里改回静态流。 */
/* clear:both 让面包屑始终排在上方浮动内容（如产品分类条）之后，否则盒子上沿会与其重叠 */
body .divTitleDiv,
body .divTitleDiv1{ position:static; clear:both; height:auto; width:auto; margin:0 0 12px; }

body .divTitleDiv .divheadbt,
body .divTitleDiv1 .divheadbt,
body .col-md-996 .divheadbt,
body .product_3 .divheadbt{ float:none; width:auto; overflow:hidden; padding:10px 14px; background:#fff; border-radius:4px; font-size:13px; color:#999; box-shadow:0 1px 2px rgba(0,0,0,.05); }
body .divheadbt a{ color:#666; }
body .divheadbt a:hover{ color:#ef5c00; }

/* 相册 / 招聘等页把面包屑写在 .more 里，整条也统一成白条；空的栏目名直接去掉 */
body .divTitleDiv .more,
body .divTitleDiv1 .more{ float:none; padding:0; font-size:13px; color:#999; }
body .divTitleDiv .titlename:empty,
body .divTitleDiv1 .titlename:empty{ display:none; }
body .divTitleDiv1 > .more,
body .divTitleDiv > .more{ display:block; padding:10px 14px; background:#fff; border-radius:4px; box-shadow:0 1px 2px rgba(0,0,0,.05); }

/* 相册 / 留言 / 招聘等页用 .title2 当标题条：原来是 tab 背景图 + 固定 30px 高 */
body .title2{ height:auto; min-height:40px; line-height:40px; background:#fff; border-bottom:1px solid #f2f2f2; padding:0 14px; border-radius:4px 4px 0 0; }
body .title2 span.titlename{ width:auto; height:auto; padding:0; line-height:40px; background:none; color:#333; font-size:15px; font-weight:600; float:none; display:inline-block; }
body .title2 span.more{ float:right; height:auto; line-height:40px; background:none; }
body .title2 span.more a{ color:#999; font-size:13px; }
body .title2 span.more a:hover{ color:#ef5c00; }
body .title2 span.titlename:empty{ display:none; }
body .title2:has(span.titlename:empty){ border-radius:4px; margin-bottom:12px; }

/* ---------- 内容卡片 ---------- */
body .product_3nl,
body .img_3,
body .product_pr,
body .product_3,
body .col-md-996,
body .wrapper2{ background:#fff; border:1px solid #eee; border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,.05); }

body .product_3nl{ width:850px; float:left; min-height:420px; margin:0; padding:20px 24px; }
body .img_3{ width:850px; float:left; min-height:420px; margin:0; padding:20px 24px; }
body .col-md-996{ width:850px; float:left; min-height:420px; margin-left:0; padding:24px 30px; }
body .product_pr{ width:100%; float:left; margin:0; padding:20px 24px; }
body .wrapper2{ padding:20px 24px; border:1px solid #eee; }

/* ---------- 右侧分类卡片 ---------- */
body .div_rightmenu,
body .div_rightmenu1{ width:230px; float:right; background:#fff; margin:0; border:1px solid #eee; border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,.05); overflow:hidden; }

body .divtitler,
body .divtitler1{ padding:0; margin:0; border-top:none; }
body .divtitle_titler{ width:100%; padding:0 14px; height:44px; line-height:44px; font-size:15px; font-weight:600; color:#333; border-bottom:1px solid #f2f2f2; }

body .product_right ul li{ width:100%; margin:0; padding:0; border-bottom:1px solid #f2f2f2; text-align:left; }
body .product_right ul li:last-child{ border-bottom:none; }
body .product_right ul li img{ display:none; }
body .product_right ul li a{ display:block; padding:10px 14px; font-size:14px; line-height:22px; color:#555; }
body .product_right ul li a:hover,
body .product_right ul li a.hover_1{ color:#ef5c00; background:#fff8f3; text-decoration:none; }
body .product_right ul li.child a{ padding-left:26px; font-size:13px; color:#888; }

/* 下载 / 招聘 / 留言侧栏（bootstrap 风格容器） */
body .product_1.category{ padding:0; border:1px solid #eee; border-radius:4px; background:#fff; overflow:hidden; }
body .product_1.category ul li{ margin:0; }
body .product_1.category ul li img{ display:none; }
body .product_1.category ul li a{ display:block; padding:10px 14px; font-size:14px; border-bottom:1px solid #f2f2f2; color:#555; }
body .product_1.category ul li a:hover,
body .product_1.category ul li a.hover_1{ color:#ef5c00; background:#fff8f3; text-decoration:none; }

/* 留言 / 下载 / 招聘 / 相册分类页用 bootstrap 的 push/pull 把侧栏排到了左边，
   而文章 / 产品等页是「内容在左、分类在右」，同一站两种排法不一致。这里取消位移统一成后者。 */
body .divcenment .col-md-9.col-md-push-3{ left:0; }
body .divcenment .col-md-3.col-md-pull-9{ right:0; left:auto; }

/* ---------- 列表行（文章 / 招聘 / 下载） ---------- */
body .product_3nl ul li,
body .product_3 ul li,
body .product_pr ul li,
body .img_3 ul li{ width:100%; margin:0; padding:12px 2px; border-bottom:1px solid #f2f2f2; }
body .product_3nl ul li:last-child,
body .product_3 ul li:last-child,
body .product_pr ul li:last-child,
body .img_3 ul li:last-child{ border-bottom:none; }

body .product_3nl ul li{ display:flex; align-items:center; justify-content:space-between; }
body .product_3nl ul li span{ float:none; width:auto; padding:0; }
body .product_3nl ul li span:first-child{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body .product_3nl ul li span img{ display:none; }
body .product_3nl ul li span a{ position:relative; padding-left:12px; font-size:15px; color:#333; }
body .product_3nl ul li span a:before{ content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#ef5c00; }
body .product_3nl ul li span a:hover{ color:#ef5c00; text-decoration:none; }
body .date_pullright{ float:none; margin-left:16px; color:#999; font-size:12px; white-space:nowrap; }

/* 内容区栏目名：原来是 810px 固定宽 + 50px 上边距，未选栏目时会留一条空边框 */
body .divtitlename{ width:auto; float:none; margin:0 0 16px; height:auto; padding-bottom:0; border-bottom:1px solid #f0f0f0; }
body .divtitlename a{ display:inline-block; padding:0 0 10px; font-size:17px; font-weight:600; color:#333; border-bottom:2px solid #ef5c00; }
body .divtitlename a:hover{ color:#ef5c00; text-decoration:none; }
body .divtitlename a:empty{ display:none; }
body .divtitlename:has(a:empty){ display:none; }

/* ---------- 产品分类导航条 ---------- */
body .product_P{ width:100%; float:left; height:auto; margin:0 0 16px; padding:0 12px; background:#fff; border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
body .product_P ul li{ float:left; margin:0; height:auto; }
body .product_P ul li a{ display:block; padding:12px 18px; font-size:15px; height:auto; color:#555; border-bottom:2px solid transparent; }
body .product_P ul li a:hover,
body .product_P ul li a.hover_18{ color:#ef5c00; border-bottom-color:#ef5c00; text-decoration:none; }
body .product_P ul li.child a{ font-size:14px; color:#888; }

/* ---------- 产品行卡片 ---------- */
body .divproduct{ width:100%; float:left; min-height:0; padding:20px; margin-bottom:16px; background:#fff; border:1px solid #eee; border-radius:4px; transition:box-shadow .25s; }
body .divproduct:hover{ box-shadow:0 4px 14px rgba(0,0,0,.10); }

/* 列表页：一行两张、等高排列（.product_pr 只出现在列表页，不影响详情页） */
body .product_pr .row{ display:flex; flex-wrap:wrap; margin-left:-8px; margin-right:-8px; }
body .product_pr .row > .col-md-6{ float:none; display:flex; width:50%; padding:0 8px 16px; }
body .product_pr .divproduct{ display:flex; align-items:flex-start; gap:20px; height:100%; margin:0; }
/* 分页若落在同一行里，别被挤成半行宽 */
body .product_pr .row > .pager,
body .product_pr .row > .Pager{ flex:0 0 100%; width:100%; }
/* 原来图、文两列各 50% 且紧贴，标题会压到图片边上，这里左边固定 200px、右边自动并留 20px 间距 */
body .product_pr .divproductleft{ flex:0 0 200px; width:200px; min-height:0; float:none; }
body .product_pr .divproductleft > a{ display:block; }
body .product_pr .divproductright{ flex:1 1 auto; width:auto; min-width:0; min-height:0; float:none; }
body .divproductimg{ width:200px; height:150px; object-fit:cover; border:0; border-radius:4px; display:block; }
body .div_titlep{ float:none; height:auto; width:100%; font-size:17px; line-height:24px; margin:0 0 8px; }
body .div_titlep a{ color:#333; }
body .div_titlep a:hover{ color:#ef5c00; text-decoration:none; }
/* 简介只留 5 行：max-height 必须是 line-height 的整数倍，否则最后一行会被切掉一半 */
body .div_titlepc{ float:none; clear:none; width:100%; height:auto; max-height:110px; overflow:hidden; font-size:13px; line-height:22px; color:#777; word-break:break-word; }
body .div_moreg{ float:none; display:block; margin:12px 0 0; padding:8px 0; font-size:14px; border-radius:4px; color:#fff; background:#ef5c00; }
body .div_moreg:hover{ background:#e65100; color:#fff; text-decoration:none; }

/* ---------- 相册卡片 ---------- */
body .img-wrap{ padding:8px; background:#fff; border:1px solid #eee; border-radius:4px; margin-bottom:16px; transition:box-shadow .25s, transform .25s; }
body .img-wrap:hover{ box-shadow:0 6px 16px rgba(0,0,0,.10); transform:translateY(-2px); }
/* 图片上带内联 width/height，需要 !important */
body .img-wrap img{ width:100% !important; height:150px !important; object-fit:cover; border:0 !important; border-radius:3px; display:block; }
body .img-wrap p{ margin:10px 0 4px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body .img-wrap:hover p a{ color:#ef5c00; text-decoration:none; }

/* ---------- 分页 ---------- */
body .pager{ height:auto; line-height:normal; margin:24px 0 8px; letter-spacing:0; font-family:"Microsoft YaHei"; }
body .pager .Pager{ width:auto !important; padding:0; margin:0; }
body .pager .CustomInfo{ display:inline-block; margin-right:10px; color:#999; }
body .pager a{ text-decoration:none; }
/* main.css 里 .btnLink 被 display:none 掉了，这里恢复成按钮 */
body .pager span.btnLink{ display:inline-block; padding:6px 12px; margin:0 3px; border:1px solid #e0e0e0; border-radius:3px; background:#fff; color:#666; }
body .pager .Pager a:hover span.btnLink{ background:#ef5c00; border-color:#ef5c00; color:#fff; }
body .pager span.Pager{ padding:0; margin:0; border:none; }
body .pager .CurrentPage span.Pager{ display:inline-block; padding:6px 12px; margin:0 3px; border:1px solid #ef5c00; border-radius:3px; background:#ef5c00; color:#fff; }

/* ---------- 详情页正文（文章 / 产品 / 相册共用） ---------- */
/* 详情内容放在 bootstrap 列里时，卡片宽度跟着列走，不要再撑 850px */
body .divcenment .col-md-9 .img_3,
body .divcenment .col-md-9 .product_3nl,
body .divcenment .col-md-9 .product_3{ width:100%; }

body .product_3 h4,
body .divproduct h4,
body .img_3 h4{ font-size:22px; line-height:1.5; color:#222; margin:0 0 14px; }
body .product_3 p.text-center,
body .divproduct p.text-center,
body .img_3 p.text-center{ color:#999; }
body .product_3 p.text-center span,
body .divproduct p.text-center span,
body .img_3 p.text-center span{ margin:0 6px; }
body .product_3 p,
body .divproduct p,
body .img_3 p{ font-size:14px; line-height:1.9; color:#555; }
body .product_3 img,
/* 排除列表页的缩略图：它由 .divproductimg 固定 200×150，否则会被 height:auto 压回原比例 */
body .divproduct img:not(.divproductimg),
body .img_3 img{ max-width:100%; height:auto; }
body .pageContent{ font-size:14px; line-height:1.9; color:#555; }
body .pageContent img{ max-width:100%; height:auto; }
body .dashed-line{ margin:14px 0; }
body .product_3 label{ color:#999; }
body .product_3 a:hover{ color:#ef5c00; }

/* ---------- 留言 ---------- */
body .message{ background:#fff; border:1px solid #eee; border-radius:4px; padding:16px 20px; margin-bottom:14px; }
body .message h5{ font-size:16px; margin:0 0 6px; }
body .message h5 a{ color:#333; }
body .message h5 a:hover{ color:#ef5c00; }
body .message p{ font-size:13px; color:#666; }
body .comment_reply{ background:#fafafa; border-left:3px solid #ef5c00; padding:8px 12px; margin-top:8px; }
body .wrapper2 .btn-primary{ background:#ef5c00; border-color:#ef5c00; }
body .wrapper2 .btn-primary:hover{ background:#e65100; border-color:#e65100; }

/* ---------- 空状态 ---------- */
body .news-empty,
body .lblNull{ text-align:center; color:#999; padding:40px 0; font-size:14px; }

/* ---------- 窄屏：两栏变一栏 ---------- */
@media (max-width:1140px){
    /* 顶部条 / 导航 / 主体容器都是写死的 1100px，窄屏会撑出横向滚动条 */
    body .wrap,
    body .top-bar .wrap,
    body .header .wrap,
    body .speed.wrap,
    body .main_one .wrap,
    body .dcontainer,
    body .container,
    body .div_container,
    body .bncontainer,
    body .container_ban{ width:100% !important; }
    body .product_3nl,
    body .img_3,
    body .col-md-996,
    body .product_pr{ width:100%; float:none; }
    body .div_rightmenu,
    body .div_rightmenu1{ width:100%; float:none; margin-top:16px; }
}

@media (max-width:991px){
    body .divcenment .col-md-9,
    body .divcenment .col-md-3,
    body .divcenment .col-md-996{ width:100%; left:0; right:0; }
    body .divcenment .col-md-3{ margin-top:16px; }
    /* 产品卡片改为一行一张、上下结构 */
    body .product_pr .row > .col-md-6{ width:100%; }
    body .product_pr .divproduct{ flex-direction:column; gap:14px; }
    body .product_pr .divproductleft{ flex:0 0 auto; width:100%; }
    body .product_pr .divproductright{ width:100%; }
    body .divproductimg{ width:100%; height:180px; }
}