/* 全局基础设置 */
body, div, ul, li, p, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, tr { margin: 0; padding: 0; }
body {
	font-family: 'Microsoft Yahei', 'Lucida Grande', Helvetica, Arial, sans-serif;
	color: #2d506e;
	font-size: 12px;
	background: #000 url("bg.jpg") no-repeat top center;
}
a { color: #666; text-decoration: none; blr: expression(this.onFocus=this.blur()); }
a:link { color: #666; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
ul, li { list-style-type: none; }
img { border: 0; border: none; }
*html { background-image: url(about:blank); background-attachment: fixed; }

/* 布局与导航 */
#warp { width: 994px; margin: 0 auto; }
#b, #bs { clear: both; overflow: hidden; }
#b { font-size: 0px; height: 0px; line-height: 0px; visibility: hidden; }
#bs { height: 12px; line-height: 12px; visibility: hidden; }

/* 顶部 */
#tops { height: 38px; }
#top { width: 100%; min-width: 988px; height: 38px; line-height: 38px; background: #333; z-index: 9; opacity: 0.6; filter: alpha(opacity=60); }
#top a { float: left; color: #fff; height: 38px; line-height: 38px; margin-right: 20px; display: inline-block; }
#top span { float: right; }
#top span a { margin: 0 0 0 20px; display: inline-block; }

/* 头部与菜单 */
#head { color: #fff; width: 994px; margin: 0 auto; height: 177px; overflow: hidden; }
#says { float: right; font-size: 12px; margin-top: 105px; }
#menu { width: 970px; margin: 0 auto; font-size: 14px; height: 65px; padding: 0 12px; position: relative; }
#menu a { float: left; color: #a99877; width: 104px; padding-top: 35px; height: 30px; line-height: 30px; text-align: center; background: url("menu.jpg") no-repeat; }
#menu a.i { background-position: 0 0; }
#menu a.n { background-position: -104px 0; }
#menu a.v { background-position: -208px 0; }
#menu a.d { background-position: -312px 0; }
#menu a.r { background-position: -416px 0; }
#menu a.s { background-position: -520px 0; }
#menu a:hover { color: #fff; text-decoration: none; }
#menu a:hover.i { background-position: 0 -65px; }
#menu a:hover.n { background-position: -104px -65px; }
#menu a:hover.v { background-position: -208px -65px; }
#menu a:hover.d { background-position: -312px -65px; }
#menu a:hover.r { background-position: -416px -65px; }
#menu a:hover.s { background-position: -520px -65px; }
#menu a.in { color: #f3e6d0; background-position: 0 -130px; }
#menu a.nn { color: #f3e6d0; background-position: -104px -130px; }
#menu a.vn { color: #f3e6d0; background-position: -208px -130px; }
#menu a.dn { color: #f3e6d0; background-position: -312px -130px; }
#menu a.rn { color: #f3e6d0; background-position: -416px -130px; }
#menu a.sn { color: #f3e6d0; background-position: -520px -130px; }
#menu span { float: right; font-size: 14px; color: #221103; width: 200px; line-height: 25px; padding: 10px 90px 10px 54px; }
#menub { width: 994px; height: 20px; left: 0; top: 77px; position: absolute; background: url("mb.png") no-repeat; }

/* 主体框架 */
#main { width: 994px; margin: 0 auto; margin-top: 27px; overflow: hidden; background: url("mg.jpg") repeat-y; }
.main { width: 964px; margin: 0 auto; padding: 12px 15px; overflow: hidden; background: url("mt.jpg") no-repeat top; }
#left { float: left; width: 720px; }
#right { float: right; width: 233px; }

/* 右侧边栏 */
#rt { width: 233px; height: 100px; background: url("rt.gif") no-repeat; }
#rt h1 { color: #f3e6d0; font-size: 14px; padding: 55px 0 10px 55px; background: url("r.gif") no-repeat 28px 56px; }
#rm { width: 233px; background: url("rm.gif") repeat-y; }
#rb { width: 233px; padding-bottom: 120px; background: url("rb.gif") no-repeat bottom; }
#rb h1 { color: #f3e6d0; font-size: 14px; padding: 35px 0 20px 55px; background: url("r.gif") no-repeat 28px 36px; }
#rb p { color: #666; line-height: 25px; padding-left: 30px; }
#bk { width: 233px; height: 152px; background: url("b.gif") no-repeat; }
#bk h1 { color: #221103; font-size: 14px; padding: 12px 0 10px 36px; background: url("rs.gif") no-repeat 12px 13px; }
#ol { width: 200px; height: 90px; margin: 0 auto; overflow: hidden; position: relative; }
#ol ul { position: absolute; height: 90px; left: 0; top: 0; }
#ol li { float: left; width: 200px; color: #221103; line-height: 22px; text-align: center; }

/* 右侧客服中心 */
#rb .rt-contact { padding: 2px 0 6px 30px; }
#rb .rt-row { display: block; padding: 7px 0; font-size: 12px; line-height: 20px; border-bottom: 1px dashed #2a241e; overflow: hidden; }
#rb .rt-row:last-child { border-bottom: none; }
#rb .rt-label { display: inline-block; width: 60px; color: #c1790c; letter-spacing: 1px; vertical-align: middle; }
#rb .rt-val { color: #ad835a; vertical-align: middle; }
#rb .rt-val.rt-strong { color: #f3e6d0; letter-spacing: 1px; }
#rb .rt-link { color: #62a1d8; text-decoration: none; transition: all 0.15s ease; }
#rb .rt-link:hover { color: #ffa; text-decoration: underline; }
#rb .rt-row-btn { text-align: center; padding: 8px 0; border-bottom: 1px dashed #2a241e; }
#rb .rt-qq-btn { display: inline-block; }
#rb .rt-qq-btn img { border: none; vertical-align: middle; transition: all 0.15s ease; }
#rb .rt-qq-btn:hover img { transform: scale(1.06); }
#rb .rt-row-full { padding-bottom: 4px; }
#rb .rt-tips { padding: 6px 0 8px 30px; }
#rb .rt-tips p { color: #ad835a; font-size: 12px; line-height: 22px; letter-spacing: 0; padding-left: 0; margin: 0; }

/* 底部 */
#foot { width: 994px; height: 100px; margin: 0 auto; background: url("foot.jpg") no-repeat; }
#foot p { color: #666; line-height: 25px; text-align: center; }
#totop { position: fixed; bottom: 80px; right: 50px; _position: absolute; z-index: 9; display: none; opacity: 0.6; filter: alpha(opacity=60); }
.totop { width: 69px; height: 70px; display: block; background: #555 url("totop.png") no-repeat; }
.totop:hover { background: #005180 url("totop.png") no-repeat; }

/* ================= 统一左侧卡片模块 ================= */
.cs-box { width: 720px; margin-bottom: 15px; border: 1px solid #483a30; background: #191814; overflow: hidden; }
.cs-hd { height: 38px; line-height: 38px; font-size: 14px; color: #f3e6d0; background: #241d17 url("rs.gif") no-repeat 12px center; padding-left: 32px; border-bottom: 1px solid #483a30; letter-spacing: 1px; }
.cs-bd { padding: 14px 16px; color: #ad835a; font-size: 12px; line-height: 24px; }

/* 通用列表 */
.cs-list { list-style: none; padding: 0; margin: 0; }
.cs-list li { position: relative; padding: 6px 0 6px 16px; border-bottom: 1px dashed #2a241e; }
.cs-list li:last-child { border-bottom: none; }
.cs-list li:before { content: ""; position: absolute; left: 0; top: 14px; width: 6px; height: 6px; background: #c1790c; border-radius: 50%; box-shadow: 0 0 4px rgba(193,121,12,0.8); }
.cs-list li b { color: #ffa; font-weight: normal; text-shadow: 0 0 5px rgba(255,170,0,0.6); } /* 列表内文字金色发光 */

/* ================= 通用表格统一样式 ================= */
.cs-table { width: 100%; border-collapse: collapse; }
.cs-table tr { border-bottom: 1px dashed #2a241e; }
.cs-table tr:last-child { border-bottom: none; }
.cs-table tr:hover { background: #241d17; }
.cs-table th { background: #241d17; color: #f3e6d0; padding: 10px 1px; font-weight: bold; text-align: left; border-bottom: 1px solid #483a30; letter-spacing: 1px; }
.cs-table td { padding: 10px 1px; color: #ad835a; vertical-align: middle; }
.cs-td1 { width: 130px; color: #f3e6d0; }
.cs-table td b {color: #ffa; font-weight: normal; text-shadow: 0 0 5px rgba(255,170,0,0.6); } /* 表格内文字金色发光 */

/* 引导说明块 */
.cs-lead { color: #f3e6d0; font-size: 13px; line-height: 24px; margin-bottom: 10px; padding: 6px 12px; background: #241d17; border-left: 3px solid #c1790c; }
.cs-lead b { color: #ffa; font-weight: normal; text-shadow: 0 0 5px rgba(255,170,0,0.6); }

/* FAQ 折叠 */
.cs-faq { margin: 0; padding: 0; }
.cs-faq dt { position: relative; padding: 8px 0 8px 20px; color: #f3e6d0; font-size: 13px; line-height: 22px; border-bottom: 1px dashed #2a241e; cursor: pointer; }
.cs-faq dt:hover { color: #ffa; }
.cs-faq dt:before { content: ""; position: absolute; left: 0; top: 12px; width: 8px; height: 8px; background: #c1790c; transform: rotate(45deg); }
.cs-faq dd { margin: 6px 0 10px 0; padding: 8px 12px; color: #ad835a; font-size: 12px; line-height: 22px; background: #241d17; border-left: 2px solid #c1790c; }

/* 小按钮 */
.cs-mini-btn { display: inline-block; margin-left: 8px; padding: 1px 10px; font-size: 12px; line-height: 20px; color: #f3e6d0 !important; text-decoration: none !important; border: 1px solid #c1790c; background: #1d4280; }
.cs-mini-btn:hover { background: #102b59; color: #fff !important; border-color: #ffa; }

/* 下载按钮 */
.cs-dl { text-align: center; padding: 6px 0; }
.cs-dl-btn { display: inline-block; min-width: 320px; height: 58px; line-height: 58px; padding: 0 34px; font-size: 20px; font-weight: bold; letter-spacing: 3px; color: #fff !important; text-decoration: none !important; background: #1d4280; border: 2px solid #c1790c; border-radius: 4px; box-shadow: 0 0 10px rgba(193,121,12,0.4); transition: all 0.2s ease; }
.cs-dl-btn:hover { background: #102b59; color: #ffa !important; border-color: #ffa; box-shadow: 0 0 20px rgba(255,170,0,0.9); transform: translateY(-2px); }
.cs-dl-btn:active { transform: translateY(1px); }
.cs-dl-btn.cs-dl-client { background: #c1790c; border-color: #ffa; color: #1a1208 !important; box-shadow: 0 0 12px rgba(255,170,0,0.7); }
.cs-dl-btn.cs-dl-client:hover { background: #ffa; color: #1a1208 !important; border-color: #fff; }
.cs-dl-meta { color: #ad835a; font-size: 12px; line-height: 20px; margin-top: 8px; }

/* 底部大按钮 */
.cs-bigbtn-wrap { width: 994px; margin: 20px auto 0 auto; text-align: center; clear: both; }
.cs-bigbtn { display: inline-block; width: 900px; height: 78px; line-height: 78px; font-size: 26px; font-weight: bold; letter-spacing: 4px; color: #fff !important; text-decoration: none !important; text-align: center; background: #1d4280 url("r.gif") no-repeat 30px center; border: 2px solid #c1790c; border-radius: 4px; box-shadow: 0 0 12px rgba(193,121,12,0.5); transition: all 0.2s ease; }
.cs-bigbtn:hover { background-color: #102b59; border-color: #ffa; color: #ffa !important; box-shadow: 0 0 22px rgba(255,170,0,0.9); transform: translateY(-2px); }
.cs-bigbtn:active { transform: translateY(1px); background-color: #0b1f42; }
.cs-bigbtn span { color: #ffa; font-size: 15px; font-weight: normal; letter-spacing: 0; margin-left: 10px; vertical-align: middle; }

/* ================= 首页 Hero 品牌区 ================= */
.hm-hero { width: 720px; margin-bottom: 15px; background: #191814; border: 1px solid #483a30; overflow: hidden; }
.hm-hero-inner { padding: 28px 32px 22px 32px; background: linear-gradient(to bottom, rgba(29,66,128,0.55), rgba(25,24,20,0)); border-bottom: 1px solid #483a30; }
.hm-hero-title { font-size: 34px; color: #f3e6d0; letter-spacing: 4px; line-height: 1.2; margin-bottom: 15px; text-shadow: 0 0 14px rgba(193,121,12,0.6); }
.hm-hero-title b { color: #ffa; font-weight: normal; }

/* 首页文字多行、紧凑、尊贵金色呼吸 */
.hm-hero-sub { font-size: 14px; letter-spacing: 1px; line-height: 1.5; margin-bottom: 5px; font-weight: bold; text-align: left; animation: goldGlow 2.5s ease-in-out infinite; -webkit-animation: goldGlow 2.5s ease-in-out infinite; }
.hm-hero-sub:last-of-type { margin-bottom: 22px; }

/* 尊贵金色呼吸发光动画 */
@keyframes goldGlow {
	0%, 100% { color: #c1790c; text-shadow: 0 0 4px rgba(193,121,12,0.2); }
	50% { color: #ffeb88; text-shadow: 0 0 10px rgba(255,170,0,0.9), 0 0 20px rgba(255,80,0,0.6); }
}
@-webkit-keyframes goldGlow {
	0%, 100% { color: #c1790c; text-shadow: 0 0 4px rgba(193,121,12,0.2); }
	50% { color: #ffeb88; text-shadow: 0 0 10px rgba(255,170,0,0.9), 0 0 20px rgba(255,80,0,0.6); }
}

/* 数据条 */
.hm-stats { display: table; width: 100%; table-layout: fixed; margin-top: 22px; }
.hm-stat { display: table-cell; width: 25%; text-align: center; padding: 10px 4px; border-right: 1px dashed #483a30; }
.hm-stat:last-child { border-right: none; }
.hm-stat-num { font-size: 24px; color: #ffa; line-height: 1.2; margin-bottom: 5px; letter-spacing: 1px; text-shadow: 0 0 8px rgba(255,170,0,0.5); }
.hm-stat-num i { font-style: normal; font-size: 13px; color: #c1790c; margin-left: 2px; }
.hm-stat-label { font-size: 12px; color: #ad835a; letter-spacing: 2px; }