@charset "utf-8";
/* 楚国银行 www.chucapital.org 样式表
   Last modified: 2016-11-04 / 2019-03-12 / 2023-07-18 / 2026-08-28 */

/* ============ 基础 ============ */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, dl, dt, dd,
ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
}
body {
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", SimSun, "宋体", sans-serif;
  font-size: 12px;
  line-height: 1.8;
  color: #333;
  background: #fff;
  min-width: 1200px;
}
ul, ol { list-style: none; }
a { color: #333; text-decoration: none; }
a:hover { color: #E8590C; text-decoration: underline; }
img { border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
input, select, textarea, button { font-family: inherit; font-size: 12px; color: #333; outline: none; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }
.cf:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.fl { float: left; }
.fr { float: right; }
.red { color: #C00; }
.org { color: #E8590C; }
.gry { color: #888; }
.tc { text-align: center; }
.tr { text-align: right; }
.nowrap { white-space: nowrap; }

/* ============ 顶部通栏 ============ */
.u-bar {
  height: 30px;
  line-height: 30px;
  background: #F5F5F5;
  border-bottom: 1px solid #E5E5E5;
  color: #888;
  font-size: 12px;
}
.u-bar a { color: #666; }
.u-bar a:hover { color: #E8590C; }
.u-bar .u-left { float: left; }
.u-bar .u-right { float: right; }
.u-bar .u-right span,
.u-bar .u-right a { display: inline-block; }
.u-sep { color: #DDD; margin: 0 6px; }
.u-tel { color: #E8590C; font-weight: bold; }
/* ============ 页头 ============ */
.hd { height: 98px; background: #fff; }
.logo { float: left; display: block; padding-top: 20px; height: 58px; }
.logo:hover { text-decoration: none; }
.logo-mark {
  float: left;
  width: 52px;
  height: 52px;
  background: #E8590C;
  color: #fff;
  font-size: 32px;
  line-height: 52px;
  text-align: center;
  font-weight: bold;
  font-family: SimSun, "宋体", serif;
}
.logo-txt { float: left; margin-left: 10px; padding-top: 4px; }
.logo-cn {
  font-size: 26px;
  font-weight: bold;
  color: #E8590C;
  line-height: 30px;
  letter-spacing: 2px;
}
.logo-en {
  font-size: 12px;
  color: #999;
  line-height: 16px;
  letter-spacing: 3px;
}
.hd-r { float: right; padding-top: 30px; }
.srch { float: left; margin-right: 14px; }
.srch .srch-i {
  float: left;
  width: 168px;
  height: 26px;
  line-height: 26px;
  padding: 0 8px;
  border: 1px solid #DDD;
  border-right: 0;
  background: #fff;
  color: #333;
}
.srch .srch-b {
  float: left;
  width: 56px;
  height: 28px;
  line-height: 28px;
  border: 0;
  background: #E8590C;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
.srch .srch-b:hover { background: #C2410C; }
.btn-login,
.btn-login2 {
  float: left;
  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 14px;
  margin-left: 8px;
  font-size: 12px;
  text-align: center;
}
.btn-login { background: #E8590C; color: #fff; border: 1px solid #E8590C; }
.btn-login:hover { background: #C2410C; border-color: #C2410C; color: #fff; text-decoration: none; }
.btn-login2 { background: #fff; color: #E8590C; border: 1px solid #E8590C; }
.btn-login2:hover { background: #FFF3EC; color: #C2410C; text-decoration: none; }

/* ============ 主导航 ============ */
.nav {
  height: 40px;
  background: #E8590C;
  border-bottom: 2px solid #C2410C;
  position: relative;
  z-index: 500;
}
.nav .wrap { height: 40px; }
.nav-list { float: left; }
.nav-li { float: left; position: relative; }
.nv-a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 26px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.nv-a:hover, .nav-li:hover .nv-a { background: #C2410C; color: #fff; text-decoration: none; }
.nv-a.cur { background: #C2410C; color: #fff; font-weight: bold; }
.nav-dd {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 372px;
  padding: 10px 0 10px 14px;
  background: #fff;
  border: 1px solid #DDD;
  border-top: 2px solid #C2410C;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
  z-index: 600;
  overflow: hidden;
}
.nav-li:hover .nav-dd { display: block; }
.nav-dd li { float: left; width: 110px; }
.nav-dd a {
  display: block;
  height: 26px;
  line-height: 26px;
  color: #555;
  font-size: 12px;
  padding-left: 8px;
  border-left: 2px solid #fff;
}
.nav-dd a:hover { color: #E8590C; border-left-color: #E8590C; background: #FAFAFA; text-decoration: none; }
.nav-dd-r { left: auto; right: 0; }

/* 全部服务 汉堡按钮 */
.ham-btn {
  float: left;
  width: 104px;
  height: 40px;
  line-height: 40px;
  background: #C2410C;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.ham-btn:hover { background: #A5350A; }
.ham-btn .ham-ico { font-size: 14px; margin-right: 4px; }

/* ============ 全部服务 侧滑面板 ============ */
.oc-mask {
  display: none;
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, .45);
  z-index: 1000;
}
.oc-mask.on { display: block; }
.oc {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  background: #fff;
  z-index: 1001;
  border-right: 1px solid #CCC;
  -webkit-transform: translateX(-321px);
  transform: translateX(-321px);
  -webkit-transition: transform .3s linear;
  transition: transform .3s linear;
  overflow-y: auto;
  overflow-x: hidden;
}
.oc.on { -webkit-transform: translateX(0); transform: translateX(0); }
.oc-hd {
  height: 46px;
  line-height: 46px;
  background: #E8590C;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 0 12px;
}
.oc-close {
  float: right;
  border: 0;
  background: none;
  color: #fff;
  font-size: 18px;
  line-height: 46px;
  cursor: pointer;
  padding: 0 2px;
}
.oc-sec { border-bottom: 1px solid #EEE; }
.oc-t {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 0 12px;
  background: #F7F7F7;
  border: 0;
  border-left: 3px solid #F7F7F7;
  text-align: left;
  font-size: 13px;
  color: #333;
  cursor: pointer;
}
.oc-t:hover { background: #F0F0F0; border-left-color: #E8590C; }
.oc-t .oc-ar { float: right; color: #999; font-size: 12px; }
.oc-sec.open .oc-t { border-left-color: #E8590C; color: #E8590C; font-weight: bold; }
.oc-b { display: none; padding: 6px 0 10px 12px; background: #fff; }
.oc-sec.open .oc-b { display: block; }
.oc-b li { float: left; width: 148px; }
.oc-b a { display: block; height: 26px; line-height: 26px; color: #666; font-size: 12px; }
.oc-b a:before { content: "· "; color: #CCC; }
.oc-b a:hover { color: #E8590C; }
.oc-ft { padding: 12px; color: #999; line-height: 22px; border-top: 1px solid #EEE; }

/* ============ 轮播 ============ */
.banner {
  position: relative;
  height: 420px;
  overflow: hidden;
  background: #d9d9d9;
}
.bn-track { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.bn-slide {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 420px;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity .6s linear;
  transition: opacity .6s linear;
}
.bn-slide.on { opacity: 1; z-index: 2; }
.bn-media {
  position: absolute;
  left: 0;
  top: -70px;
  width: 100%;
  height: 560px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #d9d9d9;
  will-change: transform;
}
.bn-shade {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, .28);
}
.bn-txt {
  position: absolute;
  left: 50%;
  top: 108px;
  margin-left: -600px;
  width: 640px;
  color: #fff;
  z-index: 3;
}
.bn-h {
  font-size: 38px;
  line-height: 52px;
  font-weight: bold;
  letter-spacing: 2px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
}
.bn-s {
  font-size: 18px;
  line-height: 34px;
  margin-top: 10px;
  letter-spacing: 1px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
.bn-cta {
  display: inline-block;
  margin-top: 22px;
  height: 34px;
  line-height: 34px;
  padding: 0 30px;
  background: #E8590C;
  color: #fff;
  font-size: 14px;
  border: 1px solid #E8590C;
}
.bn-cta:hover { background: #C2410C; border-color: #C2410C; color: #fff; text-decoration: none; }
.bn-ar {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 34px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, .35);
  color: #fff;
  font-size: 22px;
  z-index: 8;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.bn-ar:hover { background: rgba(232, 89, 12, .85); }
/* 箭头内缩至 1200px 内容列（距列边 10px），避免与右侧固定悬浮条 #sideBar 重叠 */
.bn-prev { left: 50%; margin-left: -590px; right: auto; }
.bn-next { right: 50%; margin-right: -590px; left: auto; }
.bn-dots {
  position: absolute;
  bottom: 16px;
  width: 100%;
  text-align: center;
  z-index: 8;
}
.bn-dots button {
  display: inline-block;
  width: 26px;
  height: 6px;
  margin: 0 3px;
  padding: 0;
  border: 0;
  background: rgba(255, 255, 255, .55);
  cursor: pointer;
}
.bn-dots button.on { background: #E8590C; }

/* ============ 通用板块 ============ */
.sec { padding: 26px 0; }
.sec-gray { background: #F7F7F7; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.pnl { border: 1px solid #DDD; background: #fff; }
.pnl-hd {
  height: 34px;
  line-height: 34px;
  background: #F5F5F5;
  border-bottom: 1px solid #DDD;
  padding: 0 10px;
}
.pnl-hd h3 {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-left: 3px solid #E8590C;
  padding-left: 8px;
  line-height: 16px;
  margin-top: 9px;
}
.more { float: right; color: #999; font-size: 12px; }
.more:hover { color: #E8590C; }
.pnl-bd { padding: 10px; }
.h-title {
  height: 32px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 16px;
}
.h-title h2 {
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #E8590C;
  height: 32px;
  line-height: 26px;
  padding-right: 4px;
}
.h-title .h-sub { float: left; color: #BBB; font-size: 12px; margin: 8px 0 0 10px; }
.h-title .more { line-height: 26px; }

/* 三栏 */
.col-l { float: left; width: 250px; }
.col-m { float: left; width: 610px; margin-left: 20px; }
.col-r { float: right; width: 300px; }

/* 网银迷你登录 */
.mini-login .pnl-bd { padding: 12px 12px 14px; }
.mini-f { margin-bottom: 8px; }
.mini-f label { display: block; color: #666; margin-bottom: 3px; }
.mini-i {
  width: 100%;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  border: 1px solid #DDD;
  background: #FCFCFC;
  box-sizing: border-box;
}
.mini-i:focus { border-color: #E8590C; background: #fff; }
.mini-b {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background: #E8590C;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 12px;
}
.mini-b:hover { background: #C2410C; color: #fff; text-decoration: none; }
.mini-links { margin-top: 8px; color: #DDD; }
.mini-links a { color: #666; }
.mini-note {
  margin-top: 10px;
  padding: 8px;
  background: #FFF8F5;
  border: 1px solid #F3D9CB;
  color: #C00;
  line-height: 20px;
}
.mini-ent { margin-top: 10px; border-top: 1px dashed #EEE; padding-top: 8px; }
.mini-ent a { color: #E8590C; }

/* 热门业务 图标格 */
.svc-grid { border-top: 1px solid #EEE; border-left: 1px solid #EEE; }
.svc-grid li { float: left; width: 25%; box-sizing: border-box; }
.svc-grid a {
  display: block;
  height: 92px;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  text-align: center;
  padding-top: 14px;
  box-sizing: border-box;
  color: #555;
}
.svc-grid a:hover { background: #FFF8F5; color: #E8590C; text-decoration: none; }
.svc-ico {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 6px;
  border: 1px solid #E8590C;
  border-radius: 20px;
  line-height: 40px;
  font-size: 18px;
  color: #E8590C;
  font-family: SimSun, "宋体", serif;
}
.svc-grid a:hover .svc-ico { background: #E8590C; color: #fff; }
.svc-nm { font-size: 13px; }

/* 选项卡 */
.tabs { height: 34px; line-height: 34px; background: #F5F5F5; border-bottom: 1px solid #DDD; }
.tabs li { float: left; }
.tab-b {
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 16px;
  border: 0;
  border-right: 1px solid #DDD;
  background: none;
  font-size: 13px;
  color: #666;
  cursor: pointer;
}
.tab-b:hover { color: #E8590C; }
.tabs li.on .tab-b {
  background: #fff;
  color: #E8590C;
  font-weight: bold;
  border-top: 2px solid #E8590C;
  line-height: 32px;
  margin-top: -1px;
}
.tab-p { display: none; }
.tab-p.on { display: block; }

/* 公告列表 */
.nlist li {
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  border-bottom: 1px dotted #E5E5E5;
}
.nlist li a {
  float: left;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #444;
}
.nlist li a:before { content: "· "; color: #E8590C; }
.nlist li .dt { float: right; color: #999; font-size: 12px; }
.nlist.wide li a { max-width: 470px; }
.nlist li:last-child { border-bottom: 0; }

.marq {
  height: 26px;
  line-height: 26px;
  border: 1px solid #F3D9CB;
  background: #FFF8F5;
  margin-bottom: 8px;
  overflow: hidden;
}
.marq marquee { color: #C00; }

/* 促销卡片 */
.promo li { float: left; width: 285px; margin-left: 20px; }
.promo li.first { margin-left: 0; }
.promo-box {
  border: 1px solid #DDD;
  background: #fff;
  padding: 18px 16px 20px;
  height: 168px;
  box-sizing: border-box;
  border-top: 3px solid #E8590C;
}
.promo-box:hover { box-shadow: 0 1px 6px rgba(0, 0, 0, .12); }
.promo-box h4 { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 8px; }
.promo-box p { color: #777; line-height: 22px; }
.promo-box .rate { color: #E8590C; font-size: 20px; font-weight: bold; font-family: Arial, sans-serif; }
.btn-cta {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  margin-top: 14px;
  background: #E8590C;
  color: #fff;
  font-size: 13px;
  border: 1px solid #E8590C;
  text-align: center;
  cursor: pointer;
}
.btn-cta:hover { background: #C2410C; border-color: #C2410C; color: #fff; text-decoration: none; }
.btn-cta.big { height: 38px; line-height: 38px; padding: 0 46px; font-size: 15px; }
.btn-gh {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 24px;
  margin-top: 14px;
  margin-left: 8px;
  background: #fff;
  color: #E8590C;
  border: 1px solid #E8590C;
  font-size: 13px;
}
.btn-gh:hover { background: #FFF3EC; color: #C2410C; text-decoration: none; }

/* 视差通栏 */
.px-band {
  position: relative;
  overflow: hidden;
  background-color: #7a3b12;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.px-band .px-shade {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(140, 60, 10, .78);
}
.px-band .wrap { z-index: 2; }
.px-fallback { background-attachment: scroll; }

.stats { padding: 46px 0; }
.stats li { float: left; width: 25%; text-align: center; color: #fff; }
.stats .s-n {
  font-size: 40px;
  line-height: 52px;
  font-weight: bold;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}
.stats .s-n em { font-size: 16px; font-weight: normal; font-style: normal; margin-left: 4px; }
.stats .s-t { font-size: 14px; color: #FFE3D2; letter-spacing: 1px; }
.stats-hd { text-align: center; color: #fff; padding-bottom: 8px; }
.stats-hd h2 { font-size: 24px; font-weight: bold; letter-spacing: 4px; }
.stats-hd p { color: #FFD9C2; font-size: 12px; }

/* 双表并排 */
.tbl-half { float: left; width: 590px; }
.tbl-half.r { float: right; }

/* 通栏背景图 */
.band-stats { background-image: url(../img/about-building.jpg); }
.band-app { background-image: url(../img/login-bg.jpg); }

/* 数据表 */
.tbl { width: 100%; border: 1px solid #DDD; }
.tbl th {
  background: #F5F5F5;
  border: 1px solid #DDD;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #555;
  text-align: center;
  font-size: 12px;
}
.tbl td {
  border: 1px solid #DDD;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  text-align: center;
  color: #444;
}
.tbl td.lft { text-align: left; }
.tbl tr:hover td { background: #FFF8F5; }
.tbl .num { font-family: Arial, sans-serif; }
.tbl-note { color: #999; line-height: 20px; margin-top: 6px; }
.tbl-tm { color: #999; float: right; font-weight: normal; font-size: 12px; }

/* 新闻列表 */
.news li { float: left; width: 285px; margin-left: 20px; }
.news li.first { margin-left: 0; }
.news .n-img {
  display: block;
  width: 285px;
  height: 160px;
  overflow: hidden;
  background: #d9d9d9;
  border: 1px solid #DDD;
  box-sizing: border-box;
}
.news .n-img img { width: 283px; height: 158px; display: block; }
.news h4 { margin-top: 8px; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; }
.news p { color: #999; line-height: 20px; height: 40px; overflow: hidden; }
.news .n-dt { color: #BBB; }

/* APP 下载 */
.app-band { padding: 34px 0; width: 1020px; margin: 0 auto; }
.app-l { float: left; width: 300px; text-align: center; }
.app-l img { max-height: 260px; background: #d9d9d9; }
.app-r { float: left; width: 700px; padding-top: 24px; color: #fff; }
.app-r h2 { font-size: 26px; font-weight: bold; letter-spacing: 2px; }
.app-r .app-sub { font-size: 14px; color: #FFE3D2; margin: 8px 0 16px; }
.app-r ul { margin-bottom: 18px; }
.app-r ul li { color: #FFE3D2; line-height: 24px; font-size: 13px; }
.app-r ul li:before { content: "· "; }
.app-qr { float: left; margin-right: 30px; text-align: center; color: #fff; }
.app-qr img { width: 116px; height: 116px; display: block; background: #fff; padding: 4px; border: 1px solid #FFF; }
.app-qr span { display: block; line-height: 26px; font-size: 12px; }

/* ============ 页脚 ============ */
.ft-links { background: #F7F7F7; border-top: 2px solid #E8590C; padding: 26px 0 20px; }
.ft-col { float: left; width: 210px; }
.ft-col h4 { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 10px; }
.ft-col li { line-height: 24px; }
.ft-col a { color: #777; }
.ft-col a:hover { color: #E8590C; }
.ft-r { float: right; width: 320px; text-align: right; }
.ft-r .ft-tel { color: #E8590C; font-size: 26px; font-weight: bold; font-family: Arial, sans-serif; line-height: 32px; }
.ft-r .ft-tel-t { color: #888; }
.ft-sel { margin-top: 12px; }
.ft-sel select {
  width: 172px;
  height: 26px;
  border: 1px solid #DDD;
  background: #fff;
  color: #666;
  margin-left: 6px;
  padding: 2px;
}
.ft-badge { margin-top: 12px; color: #999; line-height: 20px; }
.ft-badge b { color: #A5350A; }
.ft-bar {
  background: #4A4A4A;
  color: #AAA;
  padding: 14px 0;
  line-height: 22px;
  text-align: center;
}
.ft-bar a { color: #AAA; }
.ft-bar a:hover { color: #fff; }
.ft-bar .ft-sep { margin: 0 8px; color: #666; }

/* ============ 右侧悬浮 ============ */
.side {
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -126px;
  width: 62px;
  z-index: 800;
}
.side li { margin-bottom: 1px; position: relative; }
.side .sd-a {
  display: block;
  width: 62px;
  height: 62px;
  background: #E8590C;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 0 0;
  margin: 0;
  box-sizing: border-box;
  border: 0;
  cursor: pointer;
  font-family: inherit;
}
.side .sd-a:hover { background: #C2410C; color: #fff; text-decoration: none; }
.side .sd-i { display: block; font-size: 16px; line-height: 20px; font-family: SimSun, "宋体", serif; }
.side .sd-pop {
  display: none;
  position: absolute;
  right: 64px;
  top: 0;
  width: 132px;
  padding: 8px 8px 4px;
  background: #fff;
  border: 1px solid #DDD;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  text-align: center;
  color: #666;
  line-height: 20px;
}
.side li:hover .sd-pop { display: block; }
.side .sd-pop img { width: 116px; height: 116px; display: block; background: #d9d9d9; }

/* ============ 弹窗 ============ */
.mask {
  display: none;
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 2000;
}
.mask.on { display: block; }
.dlg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 480px;
  margin-left: -240px;
  margin-top: -150px;
  background: #fff;
  border: 1px solid #CCC;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .35);
}
.dlg-hd {
  height: 36px;
  line-height: 36px;
  background: #E8590C;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 0 12px;
}
.dlg-x {
  float: right;
  border: 0;
  background: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  line-height: 36px;
  padding: 0 2px;
}
.dlg-bd { padding: 20px 24px; line-height: 26px; color: #444; font-size: 13px; }
.dlg-bd h4 { font-size: 14px; font-weight: bold; color: #C00; margin-bottom: 8px; }
.dlg-bd .sign { text-align: right; color: #666; margin-top: 12px; line-height: 22px; }
.dlg-bd .mailbox {
  background: #F7F7F7;
  border: 1px solid #EEE;
  padding: 10px 12px;
  margin: 10px 0;
  color: #333;
  line-height: 24px;
}
.dlg-ft { padding: 0 24px 20px; text-align: center; }
.dlg-btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 34px;
  background: #E8590C;
  color: #fff;
  border: 1px solid #E8590C;
  font-size: 13px;
  cursor: pointer;
}
.dlg-btn:hover { background: #C2410C; color: #fff; text-decoration: none; }

/* ============ 内页 ============ */
.sub-banner {
  height: 180px;
  background: #B0642E center center no-repeat;
  background-size: cover;
  position: relative;
}
.sub-banner .sb-shade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .3); }
.sub-banner .sb-in { position: relative; z-index: 2; padding-top: 58px; color: #fff; }
.sub-banner h1 { font-size: 30px; font-weight: bold; letter-spacing: 4px; text-shadow: 0 2px 4px rgba(0, 0, 0, .4); }
.sub-banner p { font-size: 14px; color: #F5E2D6; letter-spacing: 2px; }
.crumb {
  height: 38px;
  line-height: 38px;
  border-bottom: 1px solid #EEE;
  color: #999;
  background: #FAFAFA;
}
.crumb a { color: #888; }
.crumb a:hover { color: #E8590C; }

.side-nav { float: left; width: 210px; border: 1px solid #DDD; margin-bottom: 30px; }
.side-nav .sn-hd { height: 46px; line-height: 46px; background: #E8590C; color: #fff; font-size: 16px; font-weight: bold; text-align: center; }
.side-nav li a {
  display: block;
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  border-bottom: 1px solid #EEE;
  color: #555;
  font-size: 13px;
  background: #FAFAFA;
}
.side-nav li a:hover { background: #FFF3EC; color: #E8590C; border-left: 3px solid #E8590C; padding-left: 17px; text-decoration: none; }
.side-nav .sn-tel { padding: 12px 14px; color: #888; line-height: 20px; border-top: 1px solid #EEE; }
.side-nav .sn-tel b { color: #E8590C; font-size: 18px; font-family: Arial, sans-serif; }
.main-col { float: right; width: 960px; padding-bottom: 30px; }

.p-sec { border: 1px solid #DDD; margin-bottom: 20px; background: #fff; }
.p-sec-hd {
  height: 40px;
  line-height: 40px;
  background: #F5F5F5;
  border-bottom: 1px solid #DDD;
  padding: 0 12px;
}
.p-sec-hd h2 { float: left; font-size: 16px; font-weight: bold; color: #333; border-left: 4px solid #E8590C; padding-left: 10px; line-height: 18px; margin-top: 11px; }
.p-sec-hd .p-en { float: left; color: #CCC; margin: 0 0 0 10px; font-size: 12px; }
.p-sec-bd { padding: 16px 18px 20px; }
.p-lead { color: #555; line-height: 26px; font-size: 13px; margin-bottom: 14px; }
.p-h4 {
  font-size: 13px;
  font-weight: bold;
  color: #E8590C;
  border-bottom: 1px dashed #EEE;
  padding-bottom: 4px;
  margin: 12px 0 8px;
}
.p-half { float: left; width: 442px; }
.p-half.r { float: right; }
.p-ul li { line-height: 24px; color: #555; padding-left: 12px; position: relative; }
.p-ul li:before { content: "· "; color: #E8590C; position: absolute; left: 0; }
.p-ol li { line-height: 26px; color: #555; }
.p-prods { margin: 10px 0 4px; }
.p-prods li { float: left; margin: 0 8px 8px 0; }
.p-prods a {
  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 12px;
  border: 1px solid #DDD;
  background: #FAFAFA;
  color: #555;
}
.p-prods a:hover { border-color: #E8590C; color: #E8590C; background: #FFF8F5; text-decoration: none; }
.p-cta { margin-top: 16px; padding-top: 14px; border-top: 1px solid #EEE; }
.p-cta .p-cta-tip { float: right; color: #999; line-height: 30px; }

/* 关于楚行 */
.ab-txt { color: #555; line-height: 28px; font-size: 13px; }
.ab-txt p { margin-bottom: 14px; text-indent: 2em; }
.ab-img { float: right; width: 320px; margin: 0 0 14px 20px; }
.ab-img img { width: 320px; display: block; border: 1px solid #DDD; background: #d9d9d9; }
.ab-img span { display: block; text-align: center; color: #999; line-height: 24px; }
.org-chart {
  border: 1px solid #DDD;
  background: #FAFAFA;
  padding: 20px;
  text-align: center;
}
.org-box {
  display: inline-block;
  min-width: 120px;
  padding: 6px 14px;
  border: 1px solid #E8590C;
  background: #fff;
  color: #E8590C;
  margin: 4px;
  font-size: 13px;
}
.org-box.lv2 { border-color: #CCC; color: #555; }
.org-line { width: 1px; height: 14px; background: #CCC; margin: 0 auto; }
.contact-tbl td { text-align: left; padding: 0 12px; height: 32px; }

/* 招贤纳士 */
.job-tbl { width: 100%; }
.job-tbl th { background: #F5F5F5; }
.job-tbl td { text-align: center; }
.job-tbl td.jt { text-align: left; }
.job-tbl td.jt a { color: #333; font-weight: bold; }
.job-tbl td.jt a:hover { color: #E8590C; }
.job-det {
  display: none;
  border: 1px solid #DDD;
  border-top: 0;
  background: #FCFCFC;
  padding: 16px 20px 20px;
}
.job-det.on { display: block; }
.job-note {
  color: #888;
  background: #F5F5F5;
  border-left: 3px solid #DDD;
  padding: 6px 10px;
  margin: 8px 0 12px;
  line-height: 22px;
}
.job-meta { color: #666; line-height: 24px; margin-bottom: 10px; }
.job-meta span { margin-right: 22px; }
.job-btns { margin-top: 16px; }
.btn-sm {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 16px;
  border: 1px solid #DDD;
  background: #FAFAFA;
  color: #555;
  cursor: pointer;
  font-size: 12px;
}
.btn-sm:hover { border-color: #E8590C; color: #E8590C; text-decoration: none; }

/* 登录页 */
.login-wrap {
  background: #EDEDED center center no-repeat;
  background-size: cover;
  padding: 34px 0 40px;
}
.login-box { width: 1000px; margin: 0 auto; background: #fff; border: 1px solid #DDD; }
.login-l { float: left; width: 559px; border-right: 1px solid #EEE; padding: 26px 30px 30px; box-sizing: border-box; }
.login-r { float: left; width: 440px; padding: 26px 26px 30px; box-sizing: border-box; }
.login-hd { border-bottom: 1px solid #EEE; padding-bottom: 10px; margin-bottom: 16px; }
.login-hd h1 { font-size: 20px; font-weight: bold; color: #333; float: left; }
.login-hd .lh-en { float: left; color: #CCC; margin: 6px 0 0 8px; }
.warn-box {
  border: 1px solid #E9B8A5;
  background: #FFF6F2;
  padding: 10px 12px;
  color: #C00;
  line-height: 22px;
  margin-bottom: 16px;
}
.warn-box h4 { font-weight: bold; margin-bottom: 4px; }
.warn-box .sign { text-align: right; color: #A5350A; }
.lf { margin-bottom: 14px; }
.lf label { float: left; width: 74px; height: 32px; line-height: 32px; color: #555; text-align: right; padding-right: 10px; }
.lf .lf-in { margin-left: 84px; position: relative; }
.lf-i {
  width: 250px;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  border: 1px solid #CCC;
  background: #FCFCFC;
  box-sizing: border-box;
  font-size: 13px;
}
.lf-i:focus { border-color: #E8590C; background: #fff; }
.lf-i.short { width: 150px; }
.lf-tip { color: #999; margin-left: 6px; white-space: nowrap; }
.lf-tip a { color: #E8590C; }
#captcha { vertical-align: middle; border: 1px solid #CCC; margin-left: 6px; width: 90px; height: 32px; background: #F0F0F0; }
.cap-refresh { color: #E8590C; margin-left: 6px; }
.lf-chk { margin: 0 0 16px 84px; color: #666; }
.lf-chk input { vertical-align: -2px; margin-right: 4px; }
.btn-submit {
  display: block;
  width: 250px;
  height: 38px;
  line-height: 38px;
  margin-left: 84px;
  background: #E8590C;
  color: #fff;
  border: 1px solid #E8590C;
  font-size: 16px;
  letter-spacing: 4px;
  cursor: pointer;
  text-align: center;
}
.btn-submit:hover { background: #C2410C; }
.login-links { margin: 14px 0 0 84px; color: #DDD; }
.login-links a { color: #666; }
.safe-tip { border: 1px solid #EEE; background: #FAFAFA; padding: 14px 16px; color: #666; line-height: 24px; }
.safe-tip h4 { font-size: 13px; font-weight: bold; color: #333; margin-bottom: 6px; }
.safe-tip li { padding-left: 14px; position: relative; }
.safe-tip li:before { content: "·"; position: absolute; left: 4px; color: #E8590C; }
.login-r .ent { margin-top: 16px; border-top: 1px dashed #EEE; padding-top: 12px; }

/* 公告详情 */
.art { border: 1px solid #DDD; padding: 26px 34px 34px; background: #fff; }
.art h1 { font-size: 22px; font-weight: bold; color: #333; text-align: center; line-height: 34px; }
.art .art-meta {
  text-align: center;
  color: #999;
  border-bottom: 1px solid #EEE;
  padding: 10px 0 12px;
  margin-bottom: 20px;
}
.art .art-meta span { margin: 0 8px; }
.art-bd { color: #444; line-height: 30px; font-size: 14px; }
.art-bd p { margin-bottom: 16px; text-indent: 2em; }
.art-bd .no-ind { text-indent: 0; }
.art-bd h3 { font-size: 15px; font-weight: bold; margin: 18px 0 8px; color: #333; }
.art-bd table { width: 100%; margin: 10px 0 18px; }
.art-sign { text-align: right; color: #444; line-height: 26px; margin-top: 24px; font-size: 14px; }
.art-ft { border-top: 1px solid #EEE; margin-top: 24px; padding-top: 14px; color: #666; line-height: 26px; }
.art-ft a { color: #555; }

/* ============ 打印 ============ */
@media print {
  .u-bar, .nav, .side, .oc, .oc-mask, .mask, .ft-links { display: none; }
}

/* ============ 窄屏（仅一档） ============ */
@media (max-width: 768px) {
  body { min-width: 0; }
  .wrap { width: auto; padding: 0 10px; }
  .col-l, .col-m, .col-r, .main-col, .side-nav, .p-half, .app-l, .app-r,
  .login-l, .login-r, .ft-col, .ft-r {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 14px;
    text-align: left;
  }
  .login-box { width: auto; }
  .login-l { border-right: 0; border-bottom: 1px solid #EEE; }
  .hd { height: auto; padding-bottom: 12px; }
  .hd-r { float: none; padding-top: 10px; }
  .srch { margin-bottom: 8px; }
  .nav { height: auto; }
  .nav .wrap { height: auto; }
  .nav-list { float: none; }
  .nav-li { width: 25%; }
  .nv-a { padding: 0; font-size: 12px; }
  .nav-dd { display: none !important; }
  .ham-btn { float: none; display: block; width: 100%; }
  .promo li, .news li { float: none; width: auto; margin: 0 0 14px 0; }
  .news .n-img, .news .n-img img { width: 100%; height: auto; }
  .stats li { width: 50%; margin-bottom: 16px; }
  .app-band { width: auto; }
  .banner { height: 240px; }
  .bn-slide { height: 240px; }
  .bn-media { height: 340px; top: -40px; }
  .bn-txt { left: 0; margin-left: 0; width: auto; padding: 0 16px; top: 40px; }
  .bn-h { font-size: 22px; line-height: 32px; }
  .bn-s { font-size: 14px; line-height: 24px; }
  .dlg { width: auto; left: 10px; right: 10px; margin-left: 0; }
  .side { display: none; }
  .oc { width: 84%; }
  .oc-b li { width: 50%; }
  .lf label { float: none; width: auto; text-align: left; padding: 0; height: 24px; line-height: 24px; }
  .lf .lf-in { margin-left: 0; }
  .lf-i, .btn-submit { width: 100%; }
  .btn-submit, .lf-chk, .login-links { margin-left: 0; }
  .ab-img { float: none; width: auto; margin: 0 0 14px 0; }
  .ab-img img { width: 100%; }
  .px-band { background-attachment: scroll; }
  .tbl-half, .tbl-half.r { float: none; width: auto; margin-bottom: 20px; }
  .tbl { font-size: 12px; }
}