html {
    overflow-y: scroll;
}

body {
    background-color: #fff;
}

.chem-site-header {
    width: 100%;
    min-width: 1280px;
    height: 160px;
    background: #014f99 url("../images/header_bg.jpg") no-repeat center center;
    background-size: cover;
}

.chem-site-header-cell {
    vertical-align: middle;
}

.chem-site-header-inner {
    position: relative;
    width: 1280px;
    height: 160px;
    margin: 0 auto;
}

.chem-site-logo {
    position: absolute;
    left: 24px;
    top: 22px;
    display: block;
    width: 620px;
    height: 115px;
}

.chem-logo-module {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.chem-logo-module * {
    display: none !important;
}

.chem-nav-shell {
    width: 100%;
    min-width: 1280px;
    height: 60px;
    background: #004386;
}

.chem-nav-cell {
    overflow: visible;
    height: 60px;
    text-align: center;
    background: rgba(0, 67, 134, 0.82);
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 2px 8px rgba(0, 31, 71, 0.22);
}

.chem-nav-cell table[id^="t"],
.chem-nav-cell > table {
    width: 1280px !important;
    height: 60px !important;
    margin: 0 auto !important;
    background: transparent !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

.chem-nav-cell table[id^="t"] > tbody > tr:first-child {
    height: 60px !important;
}

.chem-nav-cell table[id^="t"] > tbody > tr:first-child > td:first-child,
.chem-nav-cell td.leaderfont49114 {
    display: none !important;
}

.chem-nav-cell table[id^="t"] > tbody > tr + tr {
    width: 1280px !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
}

.chem-nav-cell table[id^="t"] > tbody > tr + tr > td {
    overflow: visible !important;
    height: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    border: 0 !important;
}

.chem-nav-cell table[id^="t"] > tbody > tr + tr > td:empty {
    display: none !important;
    width: 0 !important;
}

.chem-nav-cell td.b1_1_,
.chem-nav-cell td.b2_1_ {
    box-sizing: border-box !important;
    position: relative !important;
    overflow: visible !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 60px !important;
    line-height: 60px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 18px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.chem-nav-cell td.b1_1_:hover,
.chem-nav-cell td.b2_1_:hover {
    background: rgba(244, 147, 10, 0.9) !important;
}

.chem-nav-cell .fontstyle49114,
.chem-nav-cell span.fontstyle49114,
.chem-nav-cell td.b1_1_ > a > span,
.chem-nav-cell td.b2_1_ > a > span,
.chem-nav-cell td[id^="a_"] > a > span,
.chem-nav-cell span.s1_1_,
.chem-nav-cell span.s10_1_ {
    color: #ffffff !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 140px !important;
    height: 60px !important;
    line-height: 60px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
}

.chem-nav-cell td.b1_1_ > a,
.chem-nav-cell td.b2_1_ > a,
.chem-nav-cell td[id^="a_"] > a,
.chem-nav-cell td[id^="a_"] > a.menu0_1_,
.chem-nav-cell td[id^="a_"] > a.menu0_1_:link,
.chem-nav-cell td[id^="a_"] > a.menu0_1_:visited,
.chem-nav-cell td[id^="a_"] > a.menu0_1_:hover,
.chem-nav-cell td[id^="a_"] > a.menu0_1_:active {
    display: block !important;
    width: 140px !important;
    height: 60px !important;
    line-height: 60px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.chem-nav-cell .leaderfont49114 img {
    width: 1px;
    height: 22px;
    opacity: 0.35;
}

.chem-nav-cell .main_1_ {
    position: absolute !important;
    z-index: 99999 !important;
    line-height: normal !important;
    font-size: 12px !important;
    width: 140px !important;
    box-shadow: 0 4px 12px rgba(0, 31, 71, 0.25) !important;
}

.chem-nav-cell td.b3_1_,
.chem-nav-cell td.b4_1_ {
    width: 140px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    background: rgba(0, 67, 134, 0.94) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.chem-nav-cell td.b4_1_ {
    background: #f4930a !important;
}

.chem-nav-cell .ejfontstyle49114,
.chem-nav-cell span.ejfontstyle49114,
.chem-nav-cell span.s2_1_,
.chem-nav-cell span.s20_1_ {
    color: #ffffff !important;
    display: block !important;
    width: 140px !important;
    padding-left: 0 !important;
    font-size: 15px !important;
    line-height: 30px !important;
    text-align: center !important;
}

.chem-nav-cell td.b3_1_ > a,
.chem-nav-cell td.b4_1_ > a,
.chem-nav-cell td.b3_1_ > a.menu0_1_,
.chem-nav-cell td.b4_1_ > a.menu0_1_ {
    display: block !important;
    width: 140px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 13px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-align: center !important;
}

.chem-page-surface {
    width: 1280px;
    margin: 18px auto 0;
    background: #ffffff;
}

.chem-inner-layout {
    width: 1280px;
    min-height: 520px;
    padding: 34px 0 46px;
    background: #ffffff;
    border-collapse: separate !important;
}

.chem-inner-sidebar {
    box-sizing: border-box;
    width: 220px;
    padding-bottom: 24px;
    background: #ffffff;
    border-left: 10px solid #004386;
    vertical-align: top;
}

.chem-inner-gap {
    width: 34px;
    background: #ffffff;
}

.chem-inner-content {
    box-sizing: border-box;
    width: 1026px;
    padding-right: 28px;
    background: #ffffff;
    vertical-align: top;
}

.chem-side-title {
    box-sizing: border-box;
    min-height: 68px;
    padding: 0 22px;
    background: #004386;
    color: #ffffff;
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 68px;
}

.chem-side-title,
.chem-side-title * {
    color: #ffffff !important;
    font-family: "Microsoft YaHei", "SimHei", sans-serif !important;
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 68px !important;
}

.chem-side-nav {
    margin-top: 20px;
    border-top: 1px solid #dddddd;
    background: #ffffff;
}

.chem-side-nav table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

.chem-side-nav tr,
.chem-side-nav tbody,
.chem-side-nav td {
    display: block;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.chem-side-nav td,
.chem-side-nav li {
    border-bottom: 1px solid #dddddd !important;
}

.chem-side-nav a,
.chem-side-nav span,
.chem-side-nav .fontstyle49125,
.chem-side-nav .ejfontstyle49125,
.chem-side-nav a[class*="49125"],
.chem-side-nav span[class*="49125"] {
    box-sizing: border-box;
    display: block !important;
    width: 100% !important;
    min-height: 50px;
    padding: 14px 18px 14px 22px !important;
    color: #22132d !important;
    font-family: "Microsoft YaHei", "SimSun", sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 22px !important;
    text-align: left !important;
    text-decoration: none !important;
}

.chem-side-nav a:hover,
.chem-side-nav td:hover > a,
.chem-side-nav td:hover span,
.chem-side-nav a[class*="49125"]:hover,
.chem-side-nav span[class*="49125"]:hover {
    color: #004386 !important;
    background: #f5f8fb !important;
    font-family: "Microsoft YaHei", "SimSun", sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 22px !important;
}

.chem-side-nav a span,
.chem-side-nav a:hover span,
.chem-side-nav td:hover a span {
    display: inline !important;
    width: auto !important;
    min-height: 0;
    padding: 0 !important;
    background: transparent !important;
    font-family: "Microsoft YaHei", "SimSun", sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 22px !important;
}

.chem-content-head {
    min-height: 58px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dddddd;
}

.chem-content-head:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: "";
}

.chem-content-title {
    float: left;
    max-width: 440px;
    padding: 4px 0 18px;
    color: #004386;
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.25;
    text-align: left;
}

.chem-content-title,
.chem-content-title * {
    color: #004386 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1.25 !important;
}

.chem-content-path {
    float: right;
    max-width: 390px;
    padding-top: 15px;
    color: #888888;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 13px;
    line-height: 24px;
    text-align: right;
}

.chem-content-path,
.chem-content-path a,
.chem-content-path span {
    color: #888888 !important;
    font-size: 13px !important;
    line-height: 24px !important;
    text-decoration: none !important;
}

.chem-content-path a:hover {
    color: #004386 !important;
}

.chem-content-body {
    min-height: 409px;
    color: #333333;
    font-family: "Microsoft YaHei", "SimSun", sans-serif;
    font-size: 16px !important;
    line-height: 1.9 !important;
    text-align: left;
}

.chem-content-body table {
    max-width: 100%;
}

.chem-content-body a {
    color: #20384d;
    font-size: 16px !important;
    line-height: 1.9 !important;
    text-decoration: none;
}

.chem-content-body td,
.chem-content-body li,
.chem-content-body span[class*="titlestyle"],
.chem-content-body a[class*="titlestyle"],
.chem-content-body [class*="contentstyle"],
.chem-content-body .titlestyle49129,
.chem-content-body .contentstyle49129,
.chem-content-body .c49129,
.chem-content-body .v_news_content,
.chem-content-body #vsb_content_2,
.chem-content-body #vsb_content_2 h2,
.chem-content-body #vsb_content_2 div,
.chem-content-body #vsb_content_2 p,
.chem-content-body #vsb_content_2 span,
.chem-content-body #vsb_content_2 table td,
.chem-content-body #vsb_content_2 table td p {
    font-size: 16px !important;
    line-height: 1.9 !important;
}

.chem-content-body a:hover {
    color: #005a9e;
}

.chem-content-body .pb_sys_common {
    margin-top: 18px !important;
    color: #222222;
    font-family: SimSun, "Microsoft YaHei", sans-serif;
    font-size: 12px !important;
    line-height: 24px !important;
}

.chem-content-body .pb_sys_common .p_t,
.chem-content-body .pb_sys_common .p_pages,
.chem-content-body .pb_sys_common .p_fun_d,
.chem-content-body .pb_sys_common .p_no_d,
.chem-content-body .pb_sys_common .p_no_o,
.chem-content-body .pb_sys_common .p_fun a,
.chem-content-body .pb_sys_common .p_no a {
    font-size: 12px !important;
    line-height: 22px !important;
    vertical-align: middle !important;
}

.chem-content-body .pb_sys_common .p_fun_d,
.chem-content-body .pb_sys_common .p_no_d,
.chem-content-body .pb_sys_common .p_no_o,
.chem-content-body .pb_sys_common .p_fun a,
.chem-content-body .pb_sys_common .p_no a {
    box-sizing: border-box !important;
    height: 24px !important;
    padding: 0 8px !important;
    display: inline-block !important;
}

.chem-article-body {
    padding-right: 20px;
    font-size: 16px;
    line-height: 2;
}

.chem-article-body img,
.chem-image-list-body img {
    max-width: 100%;
    height: auto !important;
}

.chem-home-main {
    margin-top: 0;
    margin-bottom: 24px;
}

/* ===== 首页首屏：左图片新闻轮播 + 右通知公告（参考 xlxy.gznu.edu.cn 布局） ===== */

/* 图片新闻轮播：550x335 图 + 22px 标题行由博达组件行内样式与 centerCutImg
   脚本自行控制；CSS 只约束容器宽度防溢出。不要用 !important 覆盖内部
   img / centerCutImg 尺寸——脚本按图片宽高比动态裁剪，覆盖后会出现
   黑边、图片缩到一角、标题行被压扁等错乱。 */
.chem-home-hero-pic {
    width: 550px;
    overflow: hidden;
}

.chem-home-hero-pic > table {
    width: 550px !important;
}

/* 轮播下方标题行：加大字体（组件样式 .titlestyle49115 写死 9pt） */
.chem-home-hero-pic .titlestyle49115,
.chem-home-hero-pic #u_u2_newstitle {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #333333 !important;
    text-decoration: none !important;
}

.chem-home-hero-gap {
    width: 30px;
}

/* 卡片标题条：参考站式深蓝小色块 + 灰色 More */
.chem-home-card-title {
    width: 170px;
    padding-left: 0;
    color: #ffffff;
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    background: #004386;
}

.chem-home-card-more {
    height: 40px;
    padding-right: 16px;
    background: #ffffff;
}

.chem-home-card-more a {
    color: #988b8b !important;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 14px !important;
    line-height: 40px;
    text-decoration: none !important;
}

.chem-home-card-more a:hover {
    color: #004386 !important;
}

/* 通知公告日期块：灰色日期块 + 橙色日期数字 + 右侧标题摘要 */
/* 内容由 site-common.js 包在 .chem-home-notice-list 里限高裁剪：
   td 的 height 只是最小高度、撑开后轮播下方会留大片空白，td 本身裁不了，
   必须用普通 div 限高。列表按边框盒算 317（首屏 357 - 标题条 40），
   内边距放进列表自身；组合选择器压过 .chem-home-card-body 的 8px 内边距。
   首屏组件建议在后台配置"显示条数=4"，正好铺满不裁剪。 */
.chem-home-card-body.chem-home-notice-body {
    padding: 0;
}

.chem-home-notice-list {
    box-sizing: border-box;
    height: 317px;
    padding: 10px 12px 0 0;
    overflow: hidden;
}

.chem-notice-item {
    min-height: 72px;
    margin-top: 6px;
    overflow: hidden;
}

.chem-notice-item:first-child {
    margin-top: 0;
}

.chem-notice-time {
    float: left;
    width: 70px;
    height: 72px;
    overflow: hidden;
    background: #efedee;
    text-align: center;
}

.chem-notice-day {
    margin: 7px 0 0;
    color: #1266b1;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 28px;
}

.chem-notice-date {
    margin: 1px 0 0;
    color: #333333;
    font-size: 13px;
    line-height: 15px;
}

.chem-notice-text {
    margin-left: 82px;
}

.chem-notice-text h2,
.chem-notice-text .chem-notice-title {
    margin: 0;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
}

.chem-home-notice-body .chem-notice-text a {
    color: #232323 !important;
    font-size: 17px !important;
    line-height: 24px !important;
    text-decoration: none !important;
}

.chem-home-notice-body .chem-notice-text a:hover {
    color: #004386 !important;
}

.chem-notice-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 4px 0 0;
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

/* 组件尚未改写为日期块结构时的普通列表兜底样式 */
.chem-home-notice-body table {
    width: 100% !important;
}

/* ===== 首页中下部：两栏卡片 ===== */

.chem-home-duo-row {
    margin-top: 0;
}

.chem-home-col-gap {
    width: 40px;
}

.chem-home-card-body {
    padding: 8px 5px;
    border-top: 0;
    color: #333333;
    font-size: 15px;
    line-height: 1.9;
}

.chem-home-card-body a,
.chem-home-card-body .titlestyle49121,
.chem-home-card-body .titlestyle49133,
.chem-home-card-body .titlestyle49136,
.chem-home-card-body .titlestyle49137,
.chem-home-card-body .c49121,
.chem-home-card-body .c49133,
.chem-home-card-body .c49136,
.chem-home-card-body .c49137 {
    color: #333333 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    text-decoration: none !important;
}

.chem-home-card-body a:hover {
    color: #004386 !important;
}

/* ===== 普通标题列表条目：参考 xlxy .mid_item 样式 =====
   行高 42px + 灰色虚线下边框 + 标题 15px 深色 + 日期 14px 浅灰右对齐 */
.chem-home-card-body table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-left: -5px; /* 抵消卡片左内边距，列表贴卡片左边缘 */
}

.chem-home-card-body table td {
    height: 45px;
    padding: 0 2px 0 0;
    border-bottom: 1px dashed #ababab;
    vertical-align: middle !important;
}

.chem-home-card-body table td a {
    color: #333333 !important;
}

.chem-home-card-body table td a:hover {
    color: #004386 !important;
}

.chem-home-card-body .timestyle49133,
.chem-home-card-body .timestyle1187826,
.chem-home-card-body .timestyle1187828,
.chem-home-card-body .timestyle1187836 {
    color: #a2a0a0 !important;
    font-size: 14px !important;
}

/* 双栏行之间：上下两行留 24px 间距 */
.chem-home-duo-row > tbody > tr:nth-child(n+2) > td {
    padding-top: 24px;
}

/* ===== 校内直达色块链接（参考 xlxy .lianjie_item） ===== */
.chem-home-card-body.chem-home-links-body {
    padding: 0;
}

/* 底部行两张卡：去上下内边距，用统一 height 对齐底部 */
.chem-home-card-body.chem-home-flat-body {
    padding-top: 0;
    padding-bottom: 0;
}

/* 色块表不吃列表虚线边框/固定行高/负边距 */
.chem-home-links-body table {
    border-collapse: separate !important;
    margin-left: 0;
}

.chem-home-links-body table td {
    height: auto;
    padding: 0;
    border-bottom: 0;
}

.chem-home-link-col {
    width: 50%;
    vertical-align: top;
    padding-bottom: 24px; /* 与行间距 24px 一起把 276 高度均分 */
}

.chem-home-links-body a.chem-home-link-item {
    display: block;
    height: 60px;
    margin: 24px 10px 0 0;
    color: #ececec !important;
    font-size: 15px !important;
    font-weight: normal;
    line-height: 60px !important;
    text-align: center;
    text-decoration: none !important;
}

.chem-home-link-col:last-child a.chem-home-link-item {
    margin-right: 0;
    margin-left: 10px;
}

.chem-home-links-body a.chem-home-link-b9 { background: #6068b9; }
.chem-home-links-body a.chem-home-link-b2 { background: #af7d29; }
.chem-home-links-body a.chem-home-link-b3 { background: #617985; }
.chem-home-links-body a.chem-home-link-b4 { background: #04085b; }

.chem-home-links-body a.chem-home-link-item:hover {
    background: #004386 !important;
    color: #ffffff !important;
}

.chem-site-footer {
    width: 100%;
    min-width: 1280px;
    height: 150px;
    margin-top: 16px;
    background:
        linear-gradient(135deg, rgba(0, 67, 134, 0.98) 0%, rgba(0, 89, 158, 0.96) 46%, rgba(18, 154, 188, 0.92) 100%);
    border-top: 4px solid #f4930a;
}

.chem-site-footer-inner {
    width: 1280px;
    height: 150px;
    margin: 0 auto;
    background: transparent;
}

.chem-footer-mailbox {
    padding-top: 7px;
    color: #ffffff;
    font-size: 13px;
    line-height: 22px;
}

.chem-footer-mailbox-last {
    margin-left: 80px;
}

.chem-footer-counter {
    height: 42px;
    padding-top: 18px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 24px;
}

.chem-footer-copyright {
    padding-top: 8px;
    color: #ffffff;
    font-size: 13px;
    line-height: 24px;
}

.chem-site-footer a,
.chem-site-footer span,
.chem-site-footer td {
    color: #ffffff !important;
}

/* ===== 当前栏目高亮 =====
   模板内嵌脚本按 URL 里的 wbtreeid 找到当前栏目,给导航项标记
   data-chem-active(博达菜单脚本悬停时会重写 td/span 的 class,
   所以激活态必须用属性承载,不能用 class)。 */

.chem-nav-cell td[data-chem-active] {
    background: #002f63 !important;
}

.chem-nav-cell td[data-chem-active]:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: #f4930a;
    content: "";
}

.chem-side-nav td[data-chem-active],
.chem-side-nav li[data-chem-active],
.chem-side-nav a.chem-side-active {
    background: #004386 !important;
    border-bottom-color: #004386 !important;
}

.chem-side-nav td[data-chem-active]:hover,
.chem-side-nav li[data-chem-active]:hover,
.chem-side-nav td[data-chem-active] a:hover,
.chem-side-nav a.chem-side-active:hover {
    background: #0b5aad !important;
}

.chem-side-nav td[data-chem-active] a,
.chem-side-nav td[data-chem-active] span,
.chem-side-nav li[data-chem-active] a,
.chem-side-nav li[data-chem-active] span,
.chem-side-nav a.chem-side-active,
.chem-side-nav a.chem-side-active span {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* ===== 全局字体：微软雅黑（参考 xlxy.gznu.edu.cn） =====
   博达组件后台生成的行内样式（.titlestyle49133、.btextstyle49134 等）
   把正文写死为宋体，且插入位置在站点样式之后，必须用 !important 覆盖。 */
body,
body table,
body td,
body th,
body div,
body p,
body span,
body a,
body li,
body h1,
body h2,
body h3,
body h4 {
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", sans-serif !important;
}

/* 日期块数字用 Arial，数字更挺拔，不被全局雅黑覆盖 */
.chem-notice-day {
    font-family: Arial, "Microsoft YaHei", sans-serif !important;
}