@charset "utf-8";
/* ============================================================
   JQ 企业门户 —— 样式表
   版式沿用手工时代的「770 定宽表格式」布局：
   深灰底 + 蓝色描边 + 左 22% 侧栏 + 右 78% 内容区
   配色沿用原站：#008ED2 主蓝 / #0066CC 侧栏蓝 / #6699CC 分隔线
   #CCCCCC 导航底 / #EFEFEF 侧栏底 / #F3F3F3 页脚底 / #525252 页面底
   ============================================================ */

/* ---------- 基础 ---------- */
body {
    margin: 0;
    padding: 0;
    background: #525252;
    font-family: Verdana, Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 140%;
    text-align: left;
}
/* 770 定宽容器居中（不依赖已废弃的 align 属性，同时避免影响单元格内文字对齐） */
table[align="center"] { margin-left: auto; margin-right: auto; }
td, th {
    font-family: Verdana, Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 150%;
}
a:link    { font-size: 12px; color: #000000; text-decoration: none; }
a:visited { font-size: 12px; color: #000000; text-decoration: none; }
a:hover   { font-size: 12px; color: #FF0000; text-decoration: underline; }
img { border: 0; }
form { margin: 0; padding: 0; }

/* ---------- 表单控件（沿用原站样式） ---------- */
.input, SELECT {
    border: 1px solid #6188AF;
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, "Microsoft YaHei", sans-serif;
    padding: 1px 3px;
}
.button, input[type=submit], input[type=button], button {
    border: 1px solid #6188AF;
    font-size: 12px;
    color: #000000;
    background: #FFFFFF;
    font-family: Verdana, "Microsoft YaHei", sans-serif;
    padding: 1px 6px;
    cursor: pointer;
}
.button:hover, input[type=submit]:hover { background: #EAF3FB; }
textarea { border: 1px solid #6188AF; font-size: 12px; font-family: Verdana, "Microsoft YaHei", sans-serif; }

/* ---------- 通用标题 ---------- */
.tit  { color: #000000; font-size: 18px; line-height: 24px; font-weight: bold; }
.bar  { background: #008ED2; color: #FFFFFF; font-weight: bold; height: 23px; }
.bar2 { background: #0066CC; color: #FFFFFF; font-weight: bold; height: 23px; }
.bar a:link, .bar a:visited, .bar2 a:link, .bar2 a:visited,
.bar font, .bar2 font { color: #FFFFFF; }
.bar a:hover, .bar2 a:hover { color: #FFFF00; text-decoration: none; }

/* 列表行：底部 1px 点线，与老站一致 */
.rowdot { border-bottom: 1px dotted #999999; }
.gray   { color: #999999; }
.r      { color: #FF0000; }

/* ---------- 页头 ---------- */
.logo-cell { padding: 5px 0 5px 10px; text-align: left; }
.logo-text {
    font-size: 26px; font-weight: bold; color: #0066CC;
    letter-spacing: 2px; line-height: 1; display: block;
}
.logo-sub {
    font-size: 11px; color: #666666; letter-spacing: 3px;
    text-transform: uppercase; margin-top: 6px; display: block;
}
.slogan-cell { text-align: right; padding-right: 14px; }
.slogan-main { font-size: 15px; font-weight: bold; color: #008ED2; letter-spacing: 1px; }
.slogan-sub  { font-size: 11px; color: #777777; margin-top: 6px; }
.slogan-tel  { font-size: 13px; font-weight: bold; color: #FF6600; font-family: Verdana; }

/* 导航（底色用 bgcolor 属性，鼠标悬停时才换得了色） */
.navtd { height: 28px; text-align: center; white-space: nowrap; }
.navtd a { padding: 2px 2px; }
.nav-on { background: #FFFFFF; font-weight: bold; }

/* ---------- 侧栏 ---------- */
.side  { width: 22%; background: #EFEFEF; vertical-align: top; }
.side-inner { padding: 0 8px 10px 8px; }
.side-item { height: 25px; text-align: center; font-weight: bold; }
.side-item a { font-weight: bold; }
.side-on { background: #FFFFFF; }
.side-txt { padding: 8px 6px; font-size: 12px; line-height: 180%; }

/* ---------- 内容区 ---------- */
.main { background: #FFFFFF; vertical-align: top; }
.main-inner { padding: 0 12px 14px 12px; }

/* 首页板块 */
.subico {
    display: inline-block; width: 20px; height: 20px; line-height: 20px;
    text-align: center; background: #008ED2; color: #FFFFFF;
    font-size: 11px; font-weight: bold; vertical-align: middle; margin-right: 4px;
}
.blk  { border: 1px solid #CCCCCC; margin-top: 10px; }
.blk-h { background: #008ED2; color: #FFFFFF; font-weight: bold; height: 24px; padding: 0 6px; }
.blk-h a:link, .blk-h a:visited { color: #FFFFFF; }
.blk-h a:hover { color: #FFFF00; text-decoration: none; }
.blk-b { padding: 8px 10px; }

/* 三列 / 两列 列表 */
.lst3 { width: 100%; border-collapse: collapse; }
.lst3 td { vertical-align: top; }
.lst3 ul { margin: 0; padding: 0 8px 0 0; list-style: none; }
.lst3 li {
    height: 20px; line-height: 20px; overflow: hidden;
    border-bottom: 1px dotted #999999; white-space: nowrap;
}

/* 带日期的两列列表 */
.lst2 { width: 100%; border-collapse: collapse; }
.lst2 td { height: 22px; }
.lst2 .t { width: 70%; overflow: hidden; white-space: nowrap; }
.lst2 .d { width: 30%; text-align: center; color: #999999; }

/* 产品 / 案例 缩略图格 */
.grid4 { width: 100%; border-collapse: separate; border-spacing: 6px 8px; }
.grid4 td { width: 25%; text-align: center; vertical-align: top; }
.thumb {
    width: 150px; height: 110px; line-height: 110px; overflow: hidden;
    border: 1px solid #CCCCCC; background: #F7F7F7; text-align: center;
    display: block; margin: 0 auto;
}
.thumb img { width: 150px; height: 110px; object-fit: cover; display: block; }
.thumb-ph { color: #AAAAAA; font-size: 12px; }
.grid4 .cap { margin-top: 5px; height: 32px; overflow: hidden; line-height: 16px; }

/* ---------- 详情页 ---------- */
.art-title { font-size: 18px; font-weight: bold; text-align: center; line-height: 26px; padding: 10px 0 6px 0; }
.art-info  { text-align: center; color: #999999; border-bottom: 1px solid #E1E1E1; padding-bottom: 8px; margin-bottom: 12px; }
.art-body  { font-size: 14px; line-height: 200%; padding: 4px 6px 16px 6px; word-break: break-all; }
.art-body img { max-width: 100%; height: auto; }
.art-body p { margin: 0 0 12px 0; }
.art-nav   { border-top: 1px solid #E1E1E1; padding-top: 10px; line-height: 220%; }

/* ---------- 表格（列表类） ---------- */
.tb { width: 100%; border-collapse: collapse; }
.tb th, .tb td { border: 1px solid #D5E3EF; padding: 4px 6px; }
.tb th { background: #EAF3FB; font-weight: bold; text-align: left; }
.tb tr:hover td { background: #F7FBFF; }
.tb .c { text-align: center; }

/* ---------- 后台 ---------- */
.adm-body { background: #F0F4F8; }
.adm-top { background: #008ED2; color: #FFFFFF; height: 46px; }
.adm-top .n { font-size: 16px; font-weight: bold; letter-spacing: 1px; }
.adm-top a { color: #FFFFFF; }
.adm-top a:hover { color: #FFFF00; text-decoration: none; }
.adm-menu { background: #EAF3FB; width: 150px; vertical-align: top; }
.adm-menu a { display: block; height: 26px; line-height: 26px; padding-left: 14px; border-bottom: 1px solid #D5E3EF; }
.adm-menu a:hover { background: #D3E6F6; text-decoration: none; }
.adm-menu .grp { height: 24px; line-height: 24px; padding-left: 10px; background: #008ED2; color: #FFFFFF; font-weight: bold; }
.adm-menu .on { background: #FFFFFF; font-weight: bold; }
.adm-main { background: #FFFFFF; vertical-align: top; padding: 12px; }
.adm-path { height: 26px; line-height: 26px; border-bottom: 1px solid #D5E3EF; margin-bottom: 10px; color: #333; }
.adm-form th { width: 130px; text-align: right; vertical-align: top; padding-top: 9px; }
.adm-tip { color: #888888; font-size: 11px; }
.login-box { width: 320px; margin: 0 auto; }
.msg-ok   { background: #EAF7EA; border: 1px solid #A8D5A8; padding: 6px 10px; margin-bottom: 10px; }
.msg-err  { background: #FDEDED; border: 1px solid #E5A8A8; padding: 6px 10px; margin-bottom: 10px; }
.pager { padding: 12px 0; text-align: center; }

/* 小屏：保持 770 定宽，靠横向滚动（与原站一致） */
@media screen and (max-width: 800px) {
    body { text-align: left; }
}

/* ---------- 后台富文本编辑器（admin/js/editor.js 配套） ---------- */
.ed-bar { border: 1px solid #C6D9E8; border-bottom: 0; background: #F2F7FB; padding: 4px 5px; line-height: 0; }
.ed-btn { display: inline-block; height: 24px; line-height: 24px; padding: 0 8px; margin: 1px;
          border: 1px solid #C6D9E8; background: #FFFFFF; color: #333333; font-size: 12px;
          cursor: pointer; vertical-align: middle; text-align: center; white-space: nowrap; }
.ed-btn:hover { background: #E2EFF9; border-color: #8FC0DE; color: #0066CC; text-decoration: none; }
.ed-btn.on { background: #008ED2; border-color: #008ED2; color: #FFFFFF; }
.ed-sep { display: inline-block; width: 1px; height: 16px; background: #C6D9E8; margin: 0 4px; vertical-align: middle; }
.ed-body { border: 1px solid #C6D9E8; background: #FFFFFF; min-height: 340px; max-height: 620px;
           overflow-y: auto; padding: 10px 12px; font-size: 13px; line-height: 1.9;
           text-align: left; outline: none; word-break: break-word; }
.ed-body:focus { border-color: #008ED2; }
.ed-body p { margin: 0 0 8px 0; }
.ed-body h2 { font-size: 16px; margin: 12px 0 8px 0; }
.ed-body h3 { font-size: 14px; margin: 10px 0 6px 0; }
.ed-body blockquote { margin: 8px 0; padding: 6px 10px; border-left: 3px solid #008ED2; background: #F5FAFD; color: #555555; }
.ed-body ul, .ed-body ol { margin: 8px 0 8px 24px; padding: 0; }
.ed-body li { line-height: 1.9; }
.ed-body img { max-width: 100%; height: auto; }
.ed-body table { border-collapse: collapse; }
.ed-body table td, .ed-body table th { border: 1px solid #D5E3EF; padding: 4px 8px; }
.ed-body hr { border: 0; border-top: 1px dashed #C6D9E8; margin: 12px 0; }
.ed-body a { color: #0066CC; }
.ed-src { width: 99%; min-height: 340px; font-family: Consolas, Monaco, "Courier New", monospace;
          font-size: 12px; line-height: 1.7; border: 1px solid #C6D9E8; padding: 8px; }
.ed-tip { color: #888888; font-size: 11px; line-height: 1.7; padding: 4px 2px 0 2px; }
.ed-busy { color: #008ED2; font-size: 12px; margin-left: 6px; }