@charset "UTF-8";
/* =============================================================
   njxhdn.cn 全站自适应层  ·  legacy responsive skin
   作用：覆盖 2015-2025 年 Sudy 站群模板的固定宽布局，
        复活其自带的 Bootstrap3 栅格，并统一到新版视觉语言。
   加载顺序：必须放在 base.css / 11ml.css 之后。
   ============================================================= */

:root{
  --nj-navy:#063d7a;
  --nj-blue:#0a5aa8;
  --nj-sky:#1b7fd4;
  --nj-gold:#f0a500;
  --nj-ink:#16202e;
  --nj-ink2:#3c4d61;
  --nj-ink3:#6b7c90;
  --nj-line:#e4ecf6;
  --nj-bg:#f4f7fb;
  --nj-soft:#eef4fb;
  --nj-radius:14px;
  --nj-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; overflow-x:hidden; color:var(--nj-ink);
  font-family:var(--nj-font)!important; font-size:15px!important; line-height:1.75!important;
  -webkit-font-smoothing:antialiased;
}
img,video,canvas,svg{max-width:100%!important;border:0;}
iframe{max-width:100%!important;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--nj-blue);}
:focus-visible{outline:2px solid var(--nj-sky);outline-offset:2px;}

/* ---------- 1. 容器：老模板 11ml.css 把 .container 写死 1200px，这里改回流式 ---------- */
.container,.container-pd{
  width:100%!important; max-width:1200px!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:16px!important;padding-right:16px!important;
}
.row{margin-left:0!important;margin-right:0!important;}
.row::before,.row::after,.container::before,.container::after{display:table;content:"";}
.row::after,.container::after{clear:both;}

/* ---------- 2. 头部与品牌 ---------- */
.top{background-color:var(--nj-navy)!important;}
.logo_table{height:auto!important;padding:12px 0!important;}
.logo_cell img{max-width:100%!important;width:auto!important;max-height:72px;}
.t_se{width:min(260px,100%)!important;float:none!important;margin:8px auto 14px!important;}
.se_txt,.se_sub{font-size:14px!important;}
.top_nav,.tt_top{background:var(--nj-navy)!important;}

/* ---------- 3. 文章正文（覆盖 940px 定宽图片与 IE expression） ---------- */
.pageR_article .con img,.wp_entry img,.pageR-con img,.pageR_img_item img{
  max-width:100%!important; width:auto!important; height:auto!important;
  display:block;margin:14px auto;
}
.pageR_article .con,.wp_entry,.pageR-con{
  font-size:16px!important;line-height:1.9!important;color:var(--nj-ink)!important;
  word-wrap:break-word;overflow-wrap:break-word;
}
.pageR_article .con p,.wp_entry p,.pageR_article .con div,.wp_entry div{
  margin:0 0 1em!important;
}
.pageR_article .con h1,.wp_entry h1{font-size:26px!important;line-height:1.4!important;}
.pageR_article .con h2,.wp_entry h2{font-size:21px!important;line-height:1.45!important;}
.pageR_article .con h3,.wp_entry h3{font-size:18px!important;line-height:1.5!important;}
.pageR_article .con a,.wp_entry a{color:var(--nj-blue);text-decoration:underline;text-underline-offset:2px;}
.pageR_article .con table,.wp_entry table{max-width:100%!important;}
.nj-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;}
.nj-table-wrap table{margin:0;}

/* ---------- 4. 列表卡片化 ---------- */
#news_list ul.news_ul li,.list-ul-li li,.pageR ul li{
  position:relative;padding:12px 4px!important;border-bottom:1px solid var(--nj-line)!important;
  list-style:none;transition:background .18s ease;
}
#news_list ul.news_ul li:hover,.list-ul-li li:hover{background:var(--nj-soft);}
#news_list ul.news_ul li a,.list-ul-li li a{font-size:15px!important;}
#news_list ul.news_ul li span,.list-ul-li li span{font-size:12px;color:var(--nj-ink3);}
.pageR_t{height:auto!important;min-height:40px;border-bottom:2px solid var(--nj-blue);}
.pageR_t p{font-size:19px!important;color:var(--nj-navy)!important;font-weight:700;}

/* ---------- 5. 分页：触摸目标 >= 40px ---------- */
#wp_paging_w5 a,#wp_paging_w5 input,#wp_paging_w5 .pagingJump,
.pages a,.dede_pages a{
  display:inline-block;min-width:40px;min-height:40px;line-height:38px;
  padding:0 10px;margin:3px;text-align:center;
  border:1px solid var(--nj-line)!important;border-radius:8px;
  background:#fff;color:var(--nj-ink2)!important;font-size:14px!important;
}
#wp_paging_w5 a:hover,.pages a:hover{border-color:var(--nj-blue)!important;color:var(--nj-blue)!important;}
#wp_paging_w5 input.pageNum{width:64px!important;min-height:40px;padding:0 8px;border:1px solid var(--nj-line);border-radius:8px;font-size:16px;}

/* ---------- 6. 表单（16px 防 iOS 自动缩放） ---------- */
input,select,textarea,button{font-family:var(--nj-font)!important;max-width:100%;}
input[type=text],input[type=tel],input[type=email],select,textarea{
  font-size:16px!important;padding:9px 12px!important;border:1px solid var(--nj-line)!important;
  border-radius:8px;background:#fff;
}
input[type=submit],input[type=button],button,.btn{
  min-height:44px;padding:9px 20px;border:0;border-radius:10px;
  background:var(--nj-blue)!important;color:#fff!important;cursor:pointer;
}
input[type=submit]:hover,button:hover{background:var(--nj-navy)!important;}
table td{padding:6px 8px;word-break:break-word;}

/* ---------- 7. 自定义移动导航（不依赖失效的 meanmenu 插件） ---------- */
#nj-mnav{display:none;}
#nj-mnav-toggle{
  position:fixed;top:10px;left:10px;z-index:10001;
  width:46px;height:46px;border:0!important;border-radius:12px;
  background:var(--nj-navy)!important;color:#fff!important;
  box-shadow:0 4px 16px rgba(6,61,122,.28);
  font-size:20px!important;line-height:1!important;cursor:pointer;
}
#nj-mnav-toggle span{display:block;height:2px;width:20px;margin:4px auto;background:#fff;border-radius:2px;}
#nj-mnav-panel{
  position:fixed;inset:0 0 0 0;z-index:10000;
  background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:70px 20px 90px;display:none;
}
body.nj-nav-open{overflow:hidden;}
body.nj-nav-open #nj-mnav-panel{display:block;}
body.nj-nav-open #nj-mnav-close{display:block;}
#nj-mnav-panel h2{font-size:15px;color:var(--nj-ink3);margin:0 0 14px;letter-spacing:.08em;}
#nj-mnav-panel ul{list-style:none;margin:0;padding:0;}
#nj-mnav-panel > ul > li{border-bottom:1px solid var(--nj-line);}
#nj-mnav-panel > ul > li > a{
  display:block;padding:14px 4px;font-size:17px;font-weight:600;color:var(--nj-ink)!important;
}
#nj-mnav-panel ul ul{padding-left:14px;padding-bottom:8px;}
#nj-mnav-panel ul ul a{display:block;padding:9px 4px;font-size:14px;color:var(--nj-ink2)!important;}
#nj-mnav-close{
  position:fixed;top:10px;right:10px;z-index:10002;display:none;
  width:46px;height:46px;border:0!important;border-radius:12px;
  background:var(--nj-navy)!important;color:#fff!important;font-size:22px!important;
  cursor:pointer;
}

/* ---------- 8. 移动端吸底咨询条 ---------- */
#nj-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:9990;display:none;
  background:#fff;border-top:1px solid var(--nj-line);
  box-shadow:0 -4px 18px rgba(6,61,122,.09);
  padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  gap:8px;
}
#nj-cta a,#nj-cta button{
  flex:1;display:block;min-height:42px;line-height:42px;text-align:center;
  border-radius:10px;font-size:14px!important;font-weight:600;text-decoration:none;
}
#nj-cta .nj-tel{background:var(--nj-gold)!important;color:#241a00!important;}
#nj-cta .nj-wx{background:var(--nj-blue)!important;color:#fff!important;border:0;}
#nj-cta .nj-top{flex:0 0 44px;background:var(--nj-soft)!important;color:var(--nj-navy)!important;}
.nj-copied{opacity:.6;}

/* ---------- 9. 报名后端降级提示 ---------- */
.nj-form-alert{
  margin:16px auto;padding:14px 16px;max-width:680px;
  background:#fff8e8;border:1px solid #f2d79a;border-left:4px solid var(--nj-gold);
  border-radius:10px;color:#6b4a00;font-size:14px;line-height:1.7;
}
.nj-form-alert strong{display:block;font-size:16px;margin-bottom:4px;}
.nj-form-alert a{color:var(--nj-blue);font-weight:600;text-decoration:underline;}

.nj-skip{position:absolute;left:-9999px;top:0;z-index:10003;background:#fff;padding:10px 16px;}
.nj-skip:focus{left:8px;top:8px;}

/* ---------- 10. 断点 ---------- */
@media (max-width:991px){
  #nj-mnav{display:block;}
  #nj-cta{display:flex;}
  body{padding-bottom:66px!important;}
  .tt_top,.top_nav,.pc_menuCon,.lighted-fixed,.hidden-xs{display:none!important;}
  .lighted-fixed{position:static!important;}
  .p-banner{height:auto!important;min-height:0!important;background-size:cover!important;}
  .in_title{height:auto!important;line-height:1.5!important;padding:10px 0!important;}
  .in_title a{position:static!important;display:inline-block!important;width:auto!important;height:auto!important;}
  .pageCon-left{position:static!important;height:auto!important;}
  .pageCon,.pageR,.page-main,.in-main-con{padding:12px 0!important;}
  .fo-l,.fo-c,.fo-r{float:none!important;}
}
@media (max-width:767px){
  body{font-size:15px!important;}
  .row > .col,[class*="row"] > [class*="col"]{float:none!important;width:100%!important;}
  .top .container{padding-top:4px!important;padding-bottom:4px!important;}
  .logo_cell img{max-height:56px;}
  .t_se{display:none!important;}          /* 站内搜索后端已失效，窄屏直接收起 */
  .pageR_t p{font-size:17px!important;}
  .pageR_article .con,.wp_entry{font-size:16px!important;line-height:1.85!important;}
  .pageR_article .con h1,.wp_entry h1{font-size:22px!important;}
  .pageR_article .con h2,.wp_entry h2{font-size:19px!important;}
  .fo-a a{width:100%!important;float:none!important;}
  .footer-l,.footer-r{text-align:center;}
  .footer-r img{margin:10px auto;max-width:140px!important;}
  table{font-size:14px!important;}
  #news_list ul.news_ul li span,.list-ul-li li span{position:static!important;display:inline-block!important;width:auto!important;text-align:left!important;margin-left:8px;}
}
@media (min-width:992px){
  #nj-mnav-toggle,#nj-mnav-panel,#nj-mnav-close,#nj-cta{display:none!important;}
}
@media print{
  #nj-mnav,#nj-cta,.tt_top,.top,.footer-r{display:none!important;}
  body{padding:0!important;overflow:visible!important;}
  a{text-decoration:underline;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}
