@charset "utf-8";
/* =============================================================
   厦门科昊自动化 www.xmkehao.cn
   轮播 / 标题 / 移动端适配 补充样式
   说明：
   1) 桌面端（>1024px）不改变原有版式，仅新增轮播与标题样式；
   2) 移动端（<=1024px）把原来"绝对定位拼图"的布局改为纵向流式。
   ============================================================= */

/* ---------- 1. 图片轮播（替代已失效的 Flash 焦点图） ---------- */
.kh-slider{position:relative;width:100%;overflow:hidden;background:#e9eef5}
.kh-track{display:flex;width:100%;transition:transform .5s ease;will-change:transform}
.kh-slide{flex:0 0 100%;display:block;line-height:0;text-decoration:none}
.kh-slide img{display:block;width:100%;height:auto;border:0}
.kh-dots{position:absolute;left:0;right:0;bottom:9px;text-align:center;font-size:0;z-index:3}
.kh-dot{display:inline-block;width:9px;height:9px;margin:0 4px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(0,0,0,.12);cursor:pointer;vertical-align:middle}
.kh-dot.is-active{width:22px;border-radius:5px;background:#eb6100}
.kh-arrow{position:absolute;top:50%;margin-top:-22px;width:32px;height:44px;padding:0;border:0;background:rgba(0,0,0,.3);color:#fff;font:22px/44px Arial,sans-serif;cursor:pointer;z-index:3;opacity:0;transition:opacity .2s}
.kh-slider:hover .kh-arrow{opacity:1}
.kh-prev{left:0;border-radius:0 4px 4px 0}
.kh-next{right:0;border-radius:4px 0 0 4px}
@media (hover:none){.kh-arrow{display:none}}

/* ---------- 2. 标题层级 ---------- */
h1.newstitle{margin:0;padding:0;font-size:22px;font-weight:bold;line-height:50px;color:#333}
h1.page-h1{float:left;margin:0;padding:0 0 0 42px;font:bold 15px/44px "Microsoft YaHei","微软雅黑",SimSun,sans-serif;color:#333;letter-spacing:1px}
h1.about-h1{margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #e3e3e3;font:bold 20px/1.6 "Microsoft YaHei","微软雅黑",SimSun,sans-serif;color:#333}

/* ---------- 3. 移动端适配 ---------- */
@media screen and (max-width:1024px){

  html{-webkit-text-size-adjust:100%}
  body{background:#f2f4f7 !important;margin:0 !important;padding:0 !important;overflow-x:hidden}

  /* 固定宽容器改为流式 */
  #contain,#top,#content,#bottom{width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;box-sizing:border-box}

  /* 绝对定位模块回归文档流 */
  .pdv_class{position:static !important;width:auto !important;height:auto !important;left:auto !important;top:auto !important;margin:0 !important;float:none !important}
  .pdv_class>.pdv_top,.pdv_class>.pdv_content,.pdv_class>.pdv_bottom{height:auto !important;overflow:visible !important}
  #top .pdv_border,#content .pdv_border,#bottom .pdv_border{height:auto !important}

  img{max-width:100% !important;height:auto !important}
  #con img,#newscontent img{max-width:100% !important;height:auto !important}

  /* ---- 顶部：LOGO → 快捷入口 → 轮播 → 导航 ---- */
  #top{display:flex;flex-direction:column;background:#fff !important;padding:8px 8px 0 !important}
  #pdv_12103,#pdv_12498{display:none !important}
  #pdv_10806{order:1;margin:0 auto !important}
  #pdv_10806 img{max-height:66px !important;width:auto !important}
  #pdv_12102{order:2;margin:6px 0 8px !important;text-align:center}
  #pdv_12102 a{font-size:12px !important;color:#888 !important}
  #pdv_10802{order:3;margin:0 0 8px !important}
  #pdv_12100{order:4;background:#1f5f9e !important}

  /* 导航：三等分换行 */
  #menumain{height:auto !important;white-space:normal !important;overflow:visible !important;background:none !important}
  #menumain .mainmenuiner{height:auto !important;line-height:1.4 !important;display:flex;flex-wrap:wrap;justify-content:flex-start;background:none !important}
  #menumain a.menumain:link,#menumain a.menumain:visited,#menumain a.menumain:active,#menumain a.menumain:hover{
    float:none !important;display:block !important;width:33.333% !important;height:auto !important;
    padding:10px 0 !important;box-sizing:border-box;
    font:14px/1.4 "Microsoft YaHei","微软雅黑",SimSun !important;
    text-align:center !important;background:none !important;color:#fff !important;
    border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)
  }

  /* ---- 首页内容区：纵向堆叠 ---- */
  #content{display:flex;flex-direction:column;background:#fff !important;padding:10px 8px !important}
  #pdv_11766{display:none !important}
  #pdv_11522{order:1}
  #pdv_11514{order:2}
  #pdv_11770{order:3}
  #pdv_11771{order:4}
  #pdv_12105{order:5}
  #pdv_12516{order:6}
  #pdv_11522,#pdv_11514,#pdv_11770,#pdv_11771,#pdv_12516,.pdv_class{margin-bottom:10px !important}

  /* 滚动产品：改为可横向滑动 */
  #pdv_12105{padding:0 !important;border:1px solid #e3e3e3 !important}
  #pdv_12105 .pdv_border{padding:0 !important}
  #pdv_12105 .pdv_border>div{background:none !important}
  #pdv_12105 .photopic_cyrano_lef{padding:8px 4px !important}
  #demo{width:100% !important;max-width:100% !important;overflow-x:auto !important;overflow-y:hidden !important}
  #demo table{max-width:none !important}
  #demo2{display:none !important}

  /* ---- 栏目页：面包屑 → 正文 → 侧栏 ---- */
  #content>div[style*="float:left"],#content>div[style*="float:right"]{width:100% !important;float:none !important;padding:0 !important;box-sizing:border-box}
  #content div[style*="width:735px"],#content div[style*="width:748px"],
  #content div[style*="width:745px"],#content div[style*="width:685px"],
  #content div[style*="width:1002px"]{width:100% !important;box-sizing:border-box}
  #pdv_12714{order:-1;margin:0 0 8px !important;height:auto !important}
  #content>div[style*="float:right"]{order:1;display:flex !important;flex-direction:column}
  #content>div[style*="float:left"]{order:2}
  #nav{white-space:normal !important;line-height:2 !important;font-size:13px !important}
  #nav a{font-size:13px !important}

  /* 正文可读性 */
  #newscontent,#con{padding-left:4px !important;padding-right:4px !important}
  #con{font-size:15px !important;line-height:1.85 !important}
  #con span,#con p,#con div{font-size:15px !important;line-height:1.85 !important}
  .newstitle{font-size:18px !important;line-height:1.6 !important;padding-bottom:8px !important;margin-bottom:10px !important;border-bottom:1px solid #eee}
  #con table{width:100% !important;max-width:100% !important}
  #con table td,#con table th{word-break:break-word}

  /* 列表表格/分页 */
  #photoquery ul{display:flex !important;flex-wrap:wrap;justify-content:flex-start;margin:0 !important;padding:0 !important}
  #photoquery li{float:none !important;width:50% !important;box-sizing:border-box;padding:6px 4px !important;height:auto !important;text-align:center}
  #photoquery .fang,#photoquery .picFit{width:100% !important;height:auto !important}
  #showpages{white-space:normal !important;line-height:2.2 !important}

  /* ---- 页脚 ---- */
  #bottom{background:#3d4653 !important;padding:8px 8px 14px !important;margin-top:8px !important}
  #pdv_12507,#pdv_11772{display:none !important}
  #bottom .pdv_class{margin:0 0 6px !important}
  #bottommenu{height:auto !important;line-height:2 !important;white-space:normal !important;color:#cfd6df !important}
  #bottommenu a{font-size:12px !important;color:#cfd6df !important}
  #bottom div,#bottom span,#bottom a{font-size:12px !important}
  #bottom a{color:#cfd6df !important;white-space:nowrap}
  #bottom [style*="COLOR"]{line-height:1.9 !important;color:#cfd6df !important;padding:0 6px}

  /* 隐藏遗留的无效链接占位 */
  a[href="-1"]{display:none !important}
}

/* 超小屏微调 */
@media screen and (max-width:400px){
  #menumain a.menumain:link,#menumain a.menumain:visited{font-size:13px !important;padding:9px 0 !important}
  #photoquery li{width:50% !important}
  #con span,#con p,#con div{font-size:14px !important}
}