@charset "utf-8";
/* ===================================================================
   上海独游网络有限公司 - 站点样式 dy.css
   主色：金 #c29b73  辅金 #bb9369  深色 #2d2d2d  藏青 #101c33
=================================================================== */
:root{
	--gold:#c29b73;
	--gold2:#bb9369;
	--gold-d:#a3805c;
	--ink:#2d2d2d;
	--ink2:#5a5a5a;
	--navy:#101c33;
	--navy2:#1b2c4a;
	--line:#e9e4dd;
	--bgf7:#f7f5f2;
}
html{ -webkit-text-size-adjust:100%; }
body{ font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif; color:var(--ink); background:#fff; }
img{ max-width:100%; }
a{ color:inherit; }
.container{ max-width:1240px; }
.font_en{ display:none; }

/* ---------------- 顶部导航 ---------------- */
.header{
	position:fixed; left:0; top:0; right:0; z-index:900;
	background:rgba(255,255,255,.96);
	border-bottom:1px solid #eee7de;
	padding:0;
	box-shadow:0 2px 14px rgba(60,45,30,.06);
}
.header .container{ position:relative; }
.header .container .logo{
	width:auto; max-width:340px; padding:10px 0;
}
.header .container .logo a{ display:block; }
.header .container .logo img{ display:inline-block; width:42px; height:42px; vertical-align:middle; }
.logo-txt{ display:inline-block; vertical-align:middle; margin-left:10px; line-height:1.25; }
.logo-txt .cn{ display:block; font-size:19px; font-weight:bold; color:var(--ink); letter-spacing:1px; }
.logo-txt .en{ display:block; font-size:10px; color:var(--gold2); letter-spacing:2px; margin-top:3px; }
.header .container .nav_right{ width:auto; float:right; margin-top:0; }
.header .container .nav_right nav{ width:auto; float:left; }
.header .container .nav_right nav ul li{ background:none; }
.header .container .nav_right nav ul li a{
	color:#333; font-size:15px; padding:0 16px; line-height:64px; position:relative;
}
.header .container .nav_right nav ul li a:hover,
.header .container .nav_right nav ul li .active{ color:var(--gold); }
.header .container .nav_right nav ul li a.active:after,
.header .container .nav_right nav ul li a:hover:after{
	content:""; position:absolute; left:16px; right:16px; bottom:10px; height:2px; background:var(--gold);
}
.header .container .nav_right nav ul li ul{ display:none !important; }
.nav-login{ float:left; margin-left:14px; line-height:64px; }
.nav-login a{
	display:inline-block; line-height:36px; padding:0 22px; border-radius:18px;
	background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#fff !important;
	font-size:14px; box-shadow:0 4px 12px rgba(194,155,115,.35);
}
.nav-login a:hover{ opacity:.9; }
.nav-login a:after{ display:none !important; }
.header .container .nav_right .cen{ display:none; }
.phone-nav{
	display:none; position:absolute; right:14px; top:0; line-height:62px;
	color:var(--ink); font-size:24px;
}
body{ padding-top:64px; }
@media (max-width:1100px){
	.header .container .nav_right nav ul li a{ padding:0 10px; font-size:14px; }
	.logo-txt .cn{ font-size:16px; }
}
@media (max-width:1000px){
	.header .container .nav_right{ display:none; }
	.phone-nav{ display:block; }
	.header .container .logo{ max-width:78%; }
}

/* mmenu 里的注册登录 */
#mmenu .mm-reg{ border-top:1px solid rgba(255,255,255,.15); margin-top:8px; }
#mmenu .mm-reg a{ color:#f2d9bf; font-weight:bold; }

/* ---------------- 通用版块 ---------------- */
.dy-sec{ padding:70px 0; }
.dy-sec.gray{ background:var(--bgf7); }
.dy-sec.navy{ background:linear-gradient(160deg,#0e1a30,#152642 55%,#1d3355); color:#e9eef7; }
.sec-head{ text-align:center; margin-bottom:46px; }
/* 首页：标题在左、简介在右同一行，优化间距与列宽分配 */
.sec-head--left{
	text-align:left !important;
	display:grid;
	grid-template-columns:minmax(200px,auto) minmax(0,1fr);
	grid-template-areas:"en  desc" "ttl desc";
	align-items:end;
	column-gap:50px;
}
.sec-head--left .en{ grid-area:en; text-align:left; margin:0; }
.sec-head--left h2{ grid-area:ttl; text-align:left !important; margin:8px 0 0 !important; }
.sec-head--left h2:after{ margin:12px 0 0 !important; }
.sec-head--left p{
	grid-area:desc; align-self:end; text-align:left !important;
	margin:0 0 2px !important; max-width:600px;
}
@media (max-width:1200px){
	.sec-head--left{ column-gap:40px; }
	.sec-head--left p{ max-width:520px; }
}
@media (max-width:1000px){
	.sec-head--left{ display:block; }
	.sec-head--left p{ margin:14px 0 0 !important; max-width:100%; }
}
.sec-head .en{ font-size:13px; letter-spacing:4px; color:var(--gold2); text-transform:uppercase; }
.sec-head h2{
	font-size:32px; color:var(--ink); margin:8px 0 14px; font-weight:bold; position:relative; display:inline-block;
}
.sec-head h2:after{
	content:""; display:block; width:46px; height:3px; background:var(--gold); margin:12px auto 0;
}
.dy-sec.navy .sec-head h2{ color:#fff; }
.dy-sec.navy .sec-head.sec-head--left h2{ color:#fff !important; }
.sec-head p{ color:var(--ink2); font-size:14px; line-height:1.9; max-width:820px; margin:14px auto 0; }
.dy-sec.navy .sec-head p{ color:#c3cfdf; }
.dy-sec.navy .sec-head.sec-head--left p{ color:#c3cfdf !important; }

/* ---------------- 首页 Hero ---------------- */
.hero{ position:relative; height:560px; overflow:hidden; }
.hero .slick-slide{ position:relative; height:560px; outline:none; }
.hero-bg{
	position:absolute; top:0; right:0; bottom:0; left:0;
	background-size:cover; background-position:center 30%;
}
.hero-bg:after{
	content:""; position:absolute; top:0; right:0; bottom:0; left:0;
	background:linear-gradient(270deg,rgba(12,22,40,.94) 0%,rgba(12,22,40,.78) 34%,rgba(12,22,40,.30) 64%,rgba(12,22,40,.55) 100%),
	linear-gradient(0deg,rgba(12,22,40,.85) 0%,rgba(12,22,40,.15) 38%,rgba(12,22,40,.6) 100%);
}
.hero-in{ position:relative; z-index:2; height:560px; display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; }
.hero-in .container{ display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:end; justify-content:flex-end; }
.hero-cell{ text-align:right; width:100%; max-width:600px; }
.hero-tag{
	display:inline-block; font-size:13px; letter-spacing:3px; color:#f0d9b8;
	border:1px solid rgba(210,176,128,.55); padding:5px 16px; border-radius:2px; margin-bottom:22px;
}
.hero h1{ color:#fff; font-size:46px; line-height:1.25; font-weight:bold; margin:0 0 20px; letter-spacing:2px; }
.hero h1 em{ font-style:normal; color:var(--gold); }
.hero-desc{ color:#d5deec; font-size:16px; line-height:2; max-width:560px; margin-left:auto; }
.hero-btns{ margin-top:34px; }
.btn-gold,.btn-line{
	display:inline-block; padding:12px 34px; border-radius:2px; font-size:15px; margin-right:16px;
}
.btn-gold{ background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#fff; box-shadow:0 8px 22px rgba(194,155,115,.4); }
.btn-line{ border:1px solid rgba(255,255,255,.65); color:#fff; }
.btn-gold:hover{ color:#fff; opacity:.92; }
.btn-line:hover{ background:rgba(255,255,255,.12); color:#fff; }
.hero .slick-dots{ bottom:26px; }
.hero .slick-dots li button:before{ font-size:10px; color:rgba(255,255,255,.55); }
.hero .slick-dots li.slick-active button:before{ color:var(--gold); }
@media (max-width:767px){
	.hero,.hero .slick-slide,.hero-in{ height:420px; }
	.hero h1{ font-size:28px; }
	.hero-desc{ font-size:14px; }
}

/* ---------------- 特性卡片 ---------------- */
.feat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.feat-card{
	background:#fff; border:1px solid var(--line); padding:34px 28px; position:relative;
	-webkit-transition:.25s; transition:.25s;
}
.feat-card:hover{ box-shadow:0 14px 40px rgba(80,60,35,.12); -webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); border-color:#e2cdb0; }
.feat-card .ic{ width:56px; height:56px; margin-bottom:18px; }
.feat-card .ic img{ width:100%; height:100%; object-fit:contain; }
.feat-card h3{ font-size:19px; margin:0 0 12px; color:var(--ink); font-weight:bold; }
.feat-card p{ font-size:13.5px; line-height:1.9; color:var(--ink2); margin:0; }
.feat-card .no{
	position:absolute; right:18px; top:14px; font-size:40px; color:#f1e8db; font-family:Arial; font-weight:bold;
}
@media (max-width:991px){ .feat-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .feat-grid{ grid-template-columns:1fr; } }

/* ---------------- 场景切换 ---------------- */
.scene-tabs{ text-align:center; margin-bottom:40px; }
.scene-tabs--left{ text-align:left; }
.scene-tabs--left span{ margin-left:0; }
.scene-tabs span{
	display:inline-block; padding:9px 26px; margin:0 8px 10px; border:1px solid #d8cfc2; color:#555;
	cursor:pointer; font-size:15px; border-radius:2px; background:#fff;
}
.scene-tabs span.active,.scene-tabs span:hover{ background:var(--gold); border-color:var(--gold); color:#fff; }
.scene-box{ display:none; }
.scene-box.on{ display:block; }
.scene-inner{ display:table; width:100%; table-layout:fixed; }
.scene-info,.scene-img{ display:table-cell; vertical-align:middle; }
.scene-info{ padding-right:50px; }
.scene-info h3{ font-size:26px; font-weight:bold; margin-bottom:20px; }
.scene-info p{ font-size:14.5px; line-height:2; color:var(--ink2); }
.scene-img{ width:46%; }
.scene-img img{ width:100%; }
.scene-data{ margin:26px 0; }
.scene-data .di{ display:inline-block; margin-right:44px; }
.scene-data .num{ font-size:40px; font-weight:bold; color:var(--gold); font-family:Arial; }
.scene-data .txt{ font-size:13px; color:var(--ink2); margin-top:4px; }
@media (max-width:767px){
	.scene-info,.scene-img{ display:block; width:100%; padding:0; }
	.scene-img{ margin-top:24px; }
}

/* ---------------- 优势 ---------------- */
.adv-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.adv-card{
	position:relative; padding:38px 26px; background:#11203a; border:1px solid rgba(255,255,255,.06);
}
.adv-card:nth-child(2){ background:#17294a; }
.adv-card:nth-child(3){ background:#1b2f54; }
.adv-card:nth-child(4){ background:#20355e; }
.adv-card:after{
	content:""; position:absolute; left:26px; top:0; width:38px; height:3px; background:var(--gold);
}
.adv-card h3{ color:#fff; font-size:18px; margin:14px 0 12px; }
.adv-card p{ color:#aebed4; font-size:13px; line-height:1.9; margin:0; }
@media (max-width:991px){ .adv-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .adv-grid{ grid-template-columns:1fr; } }

/* ---------------- 服务支持 ---------------- */
.svc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.svc-card{ background:#fff; border:1px solid var(--line); padding:38px 32px; }
.svc-card .top{ margin-bottom:18px; }
.svc-card .top img{ width:52px; height:52px; vertical-align:middle; }
.svc-card .top .idx{
	float:right; font-size:34px; color:#e6d8c2; font-family:Arial; font-weight:bold; line-height:52px;
}
.svc-card h3{ font-size:19px; margin:0 0 16px; }
.svc-card ul{ margin:0; }
.svc-card li{
	font-size:13.5px; color:var(--ink2); line-height:1.8; padding-left:18px; position:relative; list-style:none;
}
.svc-card li:before{ content:""; position:absolute; left:0; top:10px; width:7px; height:7px; background:var(--gold); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
@media (max-width:991px){ .svc-grid{ grid-template-columns:1fr; } }

/* ---------------- 生态建设（首页+列表） ---------------- */
.eco-home{ background:linear-gradient(160deg,#0e1a30,#16294a); }
.eco-posts{ display:grid; grid-template-columns:1.4fr 1fr 1fr; grid-auto-rows:248px; gap:22px; }
.eco-card{
	position:relative; overflow:hidden; display:block; color:#fff;
	background-size:cover; background-position:center; border-radius:4px;
}
.eco-card .mask{
	position:absolute; top:0; right:0; bottom:0; left:0;
	background:linear-gradient(0deg,rgba(9,17,32,.92) 0%,rgba(9,17,32,.55) 45%,rgba(9,17,32,.15) 100%);
}
.eco-card .c-body{ position:absolute; left:26px; right:26px; bottom:22px; z-index:2; }
.eco-card .c-tag{
	display:inline-block; font-size:12px; color:#f0d9b8; border:1px solid rgba(210,176,128,.6);
	padding:2px 12px; border-radius:20px; margin-bottom:12px;
}
.eco-card h3{ font-size:19px; line-height:1.5; margin:0 0 10px; font-weight:bold; }
.eco-card p{ font-size:13px; line-height:1.85; color:#cdd8e8; margin:0;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.eco-card.big{ grid-row:span 2; }
.eco-card.big .c-body{ bottom:34px; }
.eco-card.big h3{ font-size:26px; }
.eco-card.big p{ -webkit-line-clamp:5; font-size:14px; }
.eco-card.wide{ grid-column:1 / -1; }
.eco-card .arrow{
	position:absolute; right:22px; top:20px; z-index:2; width:38px; height:38px; border-radius:50%;
	border:1px solid rgba(255,255,255,.4); text-align:center; line-height:36px; color:#fff;
}
.eco-card:hover .arrow{ background:var(--gold); border-color:var(--gold); }
.eco-card:hover .mask{ background:linear-gradient(0deg,rgba(9,17,32,.85),rgba(9,17,32,.35)); }
.eco-card .kms-badge{
	position:absolute; left:26px; top:24px; z-index:2; font-size:12px; letter-spacing:2px; color:#fff;
	background:rgba(194,155,115,.9); padding:3px 12px;
}
/* 首页生态建设：单条 KMS 大卡片 */
.eco-single{
	display:table; width:100%; table-layout:fixed; border-radius:8px; overflow:hidden;
	background:rgba(255,255,255,.05); border:1px solid rgba(210,176,128,.35);
	-webkit-transition:border-color .3s ease; transition:border-color .3s ease;
}
.eco-single:hover{ border-color:var(--gold); }
.eco-single .es-img{
	display:table-cell; width:44%; height:360px;
	background-size:cover; background-position:center; position:relative;
}
.eco-single .es-bd{ display:table-cell; vertical-align:middle; padding:44px 50px; }
.eco-single .es-badge{
	display:inline-block; font-size:12px; letter-spacing:3px; color:#fff;
	background:linear-gradient(135deg,var(--gold),var(--gold2)); padding:4px 14px; border-radius:2px; margin-bottom:16px;
}
.eco-single h3{ color:#fff; font-size:26px; font-weight:bold; margin:0 0 18px; letter-spacing:1px; }
.eco-single p{ color:#c9d5e6; font-size:14px; line-height:2; margin:0 0 12px; }
.eco-single .es-chips{ margin:18px 0 24px; font-size:0; }
.eco-single .es-chips span{
	display:inline-block; font-size:12.5px; color:#f0d9b8; border:1px solid rgba(210,176,128,.5);
	border-radius:2px; padding:5px 14px; margin:0 10px 10px 0;
}
.eco-single .es-btn{
	display:inline-block; background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#fff;
	font-size:14px; padding:11px 30px; border-radius:2px; box-shadow:0 8px 22px rgba(194,155,115,.35);
}
.eco-single .es-btn i{ margin-left:6px; }

/* 生态建设页：浅色背景适配（首页为深色） */
.eco-list .eco-single{
	background:#fff;
	border:1px solid #e6ddd0;
	box-shadow:0 6px 26px rgba(120,90,50,.07);
}
.eco-list .eco-single:hover{ border-color:var(--gold); box-shadow:0 10px 34px rgba(120,90,50,.13); }
.eco-list .eco-single h3{ color:var(--ink); }
.eco-list .eco-single p{ color:var(--ink2); }
.eco-list .eco-single .es-chips span{ color:#a3805c; border-color:#ddc7a5; background:#faf6f0; }

@media (max-width:900px){
	.eco-single,.eco-single .es-img,.eco-single .es-bd{ display:block; width:100%; }
	.eco-single .es-img{ height:220px; }
	.eco-single .es-bd{ padding:30px 26px; }
	.eco-single h3{ font-size:21px; }
}
@media (max-width:900px){
	.eco-posts{ grid-template-columns:1fr; grid-auto-rows:auto; }
	.eco-card{ height:240px; }
	.eco-card.big{ grid-row:auto; height:320px; }
	.eco-card.wide{ grid-column:auto; }
}

/* 生态信息发布列表页：格式交替 */
.eco-list .e-row{ margin-bottom:46px; }
.eco-post-alt{ display:table; width:100%; background:#fff; border:1px solid var(--line); table-layout:fixed; }
.eco-post-alt .ph,.eco-post-alt .bd{ display:table-cell; vertical-align:middle; }
.eco-post-alt .ph{ width:44%; background-size:cover; background-position:center; height:300px; }
.eco-post-alt .bd{ padding:40px 44px; }
.eco-post-alt.rev .ph{ float:right; }
.eco-post-alt h3{ font-size:23px; margin:12px 0 14px; }
.eco-post-alt p{ font-size:14px; line-height:2; color:var(--ink2); margin:0 0 20px; }
.eco-post-feature{
	position:relative; height:360px; border-radius:4px; overflow:hidden;
	background-size:cover; background-position:center; margin-bottom:46px; display:block;
}
.eco-post-feature .in{
	position:absolute; left:0; right:0; bottom:0; padding:44px 50px;
	background:linear-gradient(0deg,rgba(9,17,32,.95),rgba(9,17,32,.4),transparent); color:#fff;
}
.eco-post-feature h3{ font-size:30px; margin:10px 0; }
.eco-post-feature p{ color:#d0dbea; font-size:14.5px; line-height:2; max-width:760px; margin:0; }
.eco-compact{ display:table; width:100%; table-layout:fixed; border-collapse:collapse; }
.eco-compact .cell{ display:table-cell; width:50%; padding:34px 40px; border:1px solid var(--line); background:#fff; }
.eco-compact .cell:first-child{ background:var(--bgf7); }
.eco-compact h3{ font-size:21px; margin:0 0 12px; }
.eco-compact p{ font-size:13.5px; line-height:2; color:var(--ink2); margin:0; }
.eco-quote{
	border-left:4px solid var(--gold); background:#fff; padding:34px 44px; margin-bottom:46px;
	box-shadow:0 6px 24px rgba(80,60,35,.07);
}
.eco-quote h3{ font-size:20px; margin:0 0 12px; }
.eco-quote p{ font-size:15px; line-height:2.2; color:#444; margin:0; }
.eco-lock{ color:var(--gold); font-size:13px; }
.eco-lock i{ margin-right:6px; }
@media (max-width:767px){
	.eco-post-alt .ph,.eco-post-alt .bd{ display:block; width:100%; }
	.eco-post-alt .ph{ height:200px; }
	.eco-compact .cell{ display:block; width:100%; }
	.eco-post-feature h3{ font-size:22px; }
}

/* ---------------- 合作伙伴 ---------------- */
.partner-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.partner-card{ background:#f5f5f5; padding:18px; border-radius:6px; }
.partner-card .logo-box{ height:130px; background:#fff; border-radius:6px; text-align:center; font-size:0; }
.partner-card .logo-box img{ max-height:100%; max-width:100%; vertical-align:middle; }
.partner-card .v-mid{ display:inline-block; height:130px; vertical-align:middle; }
.partner-card h3{ font-size:17px; text-align:center; margin:14px 0 8px; }
.partner-card p{ font-size:12.5px; line-height:1.85; color:var(--ink2); margin:0; min-height:70px; }
@media (max-width:991px){ .partner-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .partner-grid{ grid-template-columns:1fr; } }

/* ---------------- 页面横幅（内页） ---------------- */
.page-banner{
	height:260px; position:relative; display:table; width:100%;
	background:#11203a url(../images/banner1.png) center 35%/cover;
}
.page-banner:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(12,22,40,.78); }
.page-banner .pb-in{ display:table-cell; vertical-align:middle; position:relative; z-index:2; text-align:center; color:#fff; }
.page-banner h1{ font-size:36px; font-weight:bold; letter-spacing:3px; margin:0 0 12px; }
.page-banner p{ color:#c8d3e4; font-size:14px; letter-spacing:2px; margin:0; }
.crumb{ background:var(--bgf7); border-bottom:1px solid var(--line); font-size:13px; color:#888; }
.crumb .container{ padding-top:12px; padding-bottom:12px; }
.crumb a{ color:#888; }
.crumb a:hover{ color:var(--gold); }
.crumb span{ margin:0 8px; color:#bbb; }

/* ---------------- 产品页 ---------------- */
.prod-row{ display:table; width:100%; table-layout:fixed; margin-bottom:70px; }
.prod-row .p-img,.prod-row .p-txt{ display:table-cell; vertical-align:middle; }
.prod-row .p-img{ width:45%; text-align:center; }
.prod-row .p-img img{ max-width:92%; }
.prod-row .p-txt{ padding:0 40px; }
.prod-row.rtl .p-img{ float:right; }
.prod-row h2{ font-size:28px; margin:0 0 8px; font-weight:bold; }
.prod-row .en-sub{ color:var(--gold2); font-size:13px; letter-spacing:2px; margin-bottom:18px; }
.prod-row p{ font-size:14.5px; line-height:2.1; color:var(--ink2); }
.prod-note{
	display:inline-block; margin-top:14px; font-size:13px; color:var(--gold-d);
	border:1px dashed #d8bd95; padding:5px 16px; border-radius:2px; background:#fdfaf5;
}
@media (max-width:767px){
	.prod-row .p-img,.prod-row .p-txt{ display:block; width:100%; padding:0; }
	.prod-row .p-img{ margin-bottom:24px; }
}
.mon-panel{ background:#fff; border:1px solid var(--line); padding:40px; margin-bottom:30px; }
.mon-panel h3{
	font-size:20px; margin:0 0 16px; padding-left:14px; border-left:4px solid var(--gold);
}
.mon-panel p{ font-size:14px; line-height:2.05; color:var(--ink2); }
.mon-panel .shot{ display:block; margin:22px auto 6px; max-width:100%;
	border:1px solid #e4e4e4; box-shadow:0 10px 30px rgba(30,50,80,.10); }
.mon-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.mon-grid .m-item{ background:var(--bgf7); padding:26px 22px; border-top:3px solid var(--gold); }
.mon-grid .m-item h4{ font-size:16px; margin:0 0 10px; }
.mon-grid .m-item p{ font-size:13px; line-height:1.9; margin:0; color:var(--ink2); }
@media (max-width:991px){ .mon-grid{ grid-template-columns:1fr; } }

/* 技术支持小卡（产品页） */
.support6{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.support6 .s{
	background:#fff; border:1px solid var(--line); padding:24px; position:relative; padding-left:74px; min-height:96px;
}
.support6 .s i{
	position:absolute; left:22px; top:26px; width:30px; height:30px; border-radius:50%;
	background:var(--gold); color:#fff; text-align:center; line-height:30px; font-style:normal; font-size:14px;
}
.support6 .s h4{ font-size:15.5px; margin:2px 0 8px; }
.support6 .s p{ font-size:12.5px; line-height:1.75; color:var(--ink2); margin:0; }
@media (max-width:991px){ .support6{ grid-template-columns:1fr; } }

/* ---------------- 解决方案案例 ---------------- */
.case-tabs{ text-align:center; margin-bottom:36px; }
.case-tabs span{
	display:inline-block; padding:10px 24px; margin:4px; cursor:pointer; font-size:15px;
	background:#f0ece6; color:#555; border-radius:2px;
}
.case-tabs span.active{ background:var(--gold); color:#fff; }
.case-panel{ display:none; }
.case-panel.on{ display:block; }
.case-detail .cshot{
	background:#f5f5f5 url() no-repeat center/contain; min-height:220px; border:1px solid var(--line);
	margin-bottom:26px; padding:18px;
}
.case-detail h3{ font-size:17px; color:var(--gold-d); margin:22px 0 8px; }
.case-detail p{ font-size:14px; line-height:2.05; color:var(--ink2); }

/* ---------------- 文档中心 ---------------- */
.doc-wrap{ display:table; width:100%; table-layout:fixed; }
.doc-side{ display:table-cell; width:248px; vertical-align:top; padding-right:26px; }
.doc-side .side-box{ position:relative; }
.doc-side ul{ list-style:none; margin:0; border:1px solid var(--line); }
.doc-side li a{
	display:block; padding:14px 20px; font-size:14.5px; color:#444; border-bottom:1px solid #f0ebe3;
}
.doc-side li:last-child a{ border-bottom:none; }
.doc-side li a b{ color:var(--gold); margin-right:8px; font-weight:normal; }
.doc-side li a:hover,.doc-side li.on a{ background:var(--gold); color:#fff; }
.doc-side li a:hover b,.doc-side li.on a b{ color:#fff; }
.doc-main{ display:table-cell; vertical-align:top; }
.doc-cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.doc-card{
	display:block; background:#fff; border:1px solid var(--line); padding:28px 26px; position:relative;
}
.doc-card:hover{ box-shadow:0 12px 34px rgba(80,60,35,.12); -webkit-transform:translateY(-3px); -ms-transform:translateY(-3px); transform:translateY(-3px); border-color:#e2cdb0; }
.doc-card .ic{
	width:46px; height:46px; background:linear-gradient(135deg,var(--gold),var(--gold2)); border-radius:6px;
	text-align:center; line-height:46px; color:#fff; font-size:20px; margin-bottom:16px;
}
.doc-card h3{ font-size:17.5px; margin:0 0 10px; }
.doc-card p{ font-size:13px; line-height:1.85; color:var(--ink2); margin:0; }
.doc-card .go{ margin-top:14px; font-size:13px; color:var(--gold-d); }
@media (max-width:900px){
	.doc-side,.doc-main{ display:block; width:100%; padding:0; }
	.doc-side{ margin-bottom:30px; }
	.doc-cards{ grid-template-columns:1fr; }
}

/* 文档正文 */
.doc-body{ background:#fff; border:1px solid var(--line); padding:46px 52px; }
.doc-body h2{
	font-size:24px; margin:38px 0 16px; padding-bottom:10px; border-bottom:1px solid #eee; color:var(--ink);
}
.doc-body h2:first-child{ margin-top:0; }
.doc-body h3{ font-size:19px; margin:30px 0 12px; color:var(--ink); }
.doc-body h4{ font-size:16.5px; margin:24px 0 10px; color:var(--ink); }
.doc-body p{ font-size:14.5px; line-height:2.05; color:#3d3d3d; margin:0 0 12px; }
.doc-body blockquote{
	margin:18px 0; padding:10px 18px; background:#faf6ef; border-left:4px solid var(--gold);
	color:#7a5d3c; font-size:15px; font-weight:bold;
}
.doc-body ul,.doc-body ol{ margin:0 0 14px; padding-left:26px; }
.doc-body li{ font-size:14px; line-height:2; color:#3d3d3d; }
.doc-body pre{
	background:#26344a; color:#e6edf6; padding:18px 22px; border-radius:4px; overflow-x:auto;
	font-size:13px; line-height:1.75; margin:16px 0; font-family:Consolas,Menlo,monospace;
}
.doc-body code{ font-family:Consolas,Menlo,monospace; }
p > code,li > code{ background:#f3ede4; padding:1px 6px; border-radius:2px; color:#a07c4e; font-size:13px; }
.doc-body img{ max-width:100%; margin:16px auto; display:block; border:1px solid #eee; }
.doc-body table{ width:100%; border-collapse:collapse; margin:18px 0; font-size:13.5px; }
.doc-body table th{
	background:#6f90b8; color:#fff; font-weight:normal; padding:12px 14px; border:1px solid #5d7da3; text-align:left;
}
.doc-body table td{ padding:12px 14px; border:1px solid #c9d6e6; vertical-align:top; line-height:1.9; }
.doc-body table tr:nth-child(odd) td{ background:#eef3f9; }
.server-card{ border:1px solid #c9d6e6; margin-bottom:0; }
.server-card td:first-child{ width:170px; background:#dde7f2 !important; font-weight:bold; }
.doc-pager{ margin-top:26px; display:table; width:100%; }
.doc-pager a{ display:table-cell; padding:14px 20px; border:1px solid var(--line); font-size:13.5px; color:#666; }
.doc-pager a:hover{ color:var(--gold); }
.doc-pager .next{ text-align:right; }
.pdf-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.pdf-item{
	display:block; border:1px solid var(--line); padding:26px; background:#fff;
}
.pdf-item i{ font-size:30px; color:#d14b40; }
.pdf-item h4{ font-size:16px; margin:12px 0 6px; }
.pdf-item span{ font-size:12.5px; color:#999; }
.pdf-item:hover{ border-color:var(--gold); box-shadow:0 10px 26px rgba(80,60,35,.10); }
@media (max-width:767px){
	.doc-body{ padding:26px 18px; }
	.pdf-list{ grid-template-columns:1fr; }
}

/* 版本时间线/表格 */
.ver-table{ width:100%; border-collapse:collapse; margin-top:10px; }
.ver-table th{ background:var(--navy2); color:#fff; padding:13px 16px; text-align:left; font-size:14px; font-weight:normal; }
.ver-table td{ border:1px solid #e3e3e3; padding:14px 16px; font-size:13.5px; vertical-align:top; }
.ver-table .ver-name{ color:var(--gold-d); font-weight:bold; width:200px; }
.ver-table .ver-time{ width:180px; color:#888; white-space:nowrap; }
.ver-table ul{ margin:0; padding-left:20px; }
.fp-tabs{ margin:6px 0 22px; }
.fp-tabs span{
	display:inline-block; padding:7px 18px; margin:0 8px 8px 0; border:1px solid #d8cfc2; font-size:13.5px;
	cursor:pointer; background:#fff; border-radius:2px;
}
.fp-tabs span.on{ background:var(--gold); border-color:var(--gold); color:#fff; }
.fp-pane{ display:none; overflow-x:auto; }
.fp-pane.on{ display:block; }
.fp-pane table{ width:100%; border-collapse:collapse; font-size:13px; min-width:640px; }
.fp-pane th{ background:#6f90b8; color:#fff; padding:10px 12px; text-align:left; font-weight:normal; }
.fp-pane td{ border:1px solid #d7e0ea; padding:10px 12px; line-height:1.7; }
.fp-pane tr:nth-child(odd) td{ background:#eef3f9; }
.fp-pane .sha{ font-family:Consolas,monospace; font-size:12px; color:#555; word-break:break-all; }

/* ---------------- 关于我们 ---------------- */
.about-hero{ background:linear-gradient(150deg,#0e1a30,#1a2d4d); color:#fff; padding:80px 0; }
.about-hero .a-inner{ display:table; width:100%; table-layout:fixed; }
.about-hero .a-txt,.about-hero .a-img{ display:table-cell; vertical-align:middle; }
.about-hero .a-txt{ padding-right:50px; }
.about-hero .a-img{ width:40%; text-align:center; }
.about-hero h1{ font-size:34px; margin:0 0 24px; line-height:1.4; }
.about-hero p{ font-size:15.5px; line-height:2.3; color:#cdd8e8; }
.about-hero .a-img img{ width:86%; }
@media (max-width:767px){
	.about-hero .a-txt,.about-hero .a-img{ display:block; width:100%; padding:0; }
	.about-hero .a-img{ margin-top:30px; }
}
.about-block{ font-size:15px; line-height:2.2; color:#444; }
.about-block p{ margin-bottom:18px; }
.value-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.value-card{ text-align:center; padding:34px 22px; background:#fff; border:1px solid var(--line); }
.value-card i{
	font-style:normal; display:inline-block; width:58px; height:58px; border-radius:50%;
	background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#fff; font-size:24px; line-height:58px; margin-bottom:16px;
}
.value-card h3{ font-size:18px; margin:0 0 10px; }
.value-card p{ font-size:13px; color:var(--ink2); line-height:1.9; margin:0; }
@media (max-width:991px){ .value-grid{ grid-template-columns:1fr; } }
.chip-tags{ text-align:center; margin-bottom:34px; }
.chip-tags span{ display:inline-block; margin:5px 7px; padding:7px 20px; background:#eef2f7; color:#3a4c66; font-size:14px; border-radius:20px; }
.chip-tags.group-gold span{ background:#faf2e7; color:#8a6a42; }

/* ---------------- 注册/登录 ---------------- */
.auth-wrap{
	min-height:640px; padding:70px 0;
	background:#0f1d34 url(../images/banner1.png) center/cover; position:relative;
}
.auth-wrap:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(11,20,38,.82); }
.auth-box{
	position:relative; z-index:2; max-width:460px; margin:0 auto; background:#fff; border-radius:8px;
	padding:44px 44px 38px; box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.auth-box.wide{ max-width:760px; }
.auth-box .ab-logo{ text-align:center; margin-bottom:8px; }
.auth-box .ab-logo img{ width:48px; height:48px; }
.auth-box h2{ text-align:center; font-size:24px; margin:10px 0 6px; }
.auth-box .ab-sub{ text-align:center; font-size:12.5px; color:#999; letter-spacing:2px; margin-bottom:28px; }
.auth-tabs{ display:table; width:100%; margin-bottom:26px; border-bottom:1px solid #eee; }
.auth-tabs a{ display:table-cell; text-align:center; padding-bottom:14px; font-size:16px; color:#888; position:relative; }
.auth-tabs a.on{ color:var(--gold-d); font-weight:bold; }
.auth-tabs a.on:after{ content:""; position:absolute; left:28%; right:28%; bottom:-1px; height:2px; background:var(--gold); }
.f-item{ margin-bottom:17px; position:relative; }
.f-item label{ display:block; font-size:13px; color:#555; margin-bottom:7px; }
.f-item label em{ color:#c65a4a; font-style:normal; margin-left:3px; }
.f-item input,.f-item select{
	width:100%; height:44px; border:1px solid #ddd; padding:0 14px; font-size:14px; border-radius:3px;
	box-sizing:border-box; background:#fff;
}
.f-item input:focus,.f-item select:focus{ border-color:var(--gold); outline:none; }
.f-item .with-icon{ padding-left:42px; }
.f-item > i.fi{
	position:absolute; left:2px; bottom:0; width:40px; height:44px; text-align:center; line-height:44px;
	color:#b5a083; font-style:normal; font-size:16px;
}
.f-grid2{ display:table; width:100%; table-layout:fixed; border-spacing:12px 0; margin:0 -12px; }
.f-grid2 .fg{ display:table-cell; }
.f-grid2 .fg input{ width:100%; }
.auth-btn{
	width:100%; height:48px; border:none; margin-top:8px; cursor:pointer;
	background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#fff; font-size:16px; letter-spacing:6px; border-radius:3px;
}
.auth-btn:hover{ opacity:.92; }
.auth-extra{ margin-top:18px; font-size:13px; color:#888; text-align:center; }
.auth-extra a{ color:var(--gold-d); }
.auth-tip{ font-size:12px; color:#aaa; margin-top:14px; line-height:1.8; text-align:center; }
.realname-box{ border-top:1px dashed #e3d8c6; margin-top:22px; padding-top:8px; }
.realname-box .rn-tit{ font-size:14px; color:var(--gold-d); font-weight:bold; margin:12px 0 4px; }
.f-code{ display:table; width:100%; }
.f-code input{ display:table-cell; }
.f-code .code-btn{
	display:table-cell; width:120px; padding-left:12px; vertical-align:middle;
}
.f-code .code-btn button{
	width:100%; height:44px; border:1px solid var(--gold); background:#fdfaf4; color:var(--gold-d);
	font-size:13px; cursor:pointer; border-radius:3px; white-space:nowrap;
}
@media (max-width:600px){
	.auth-box{ padding:32px 22px; margin:0 14px; }
	.f-grid2{ display:block; margin:0; }
	.f-grid2 .fg{ display:block; }
}

/* ---------------- 页脚 ---------------- */
.footer{ background:#232323; color:#a9a9a9; }
.dy-foot{ padding:52px 0 40px; }
.dy-foot .f-grid{ display:table; width:100%; table-layout:fixed; }
.dy-foot .f-left{ display:table-cell; width:42%; padding-right:40px; }
.dy-foot .f-right{ display:table-cell; vertical-align:top; }
.dy-foot .f-logo img{ width:40px; height:40px; vertical-align:middle; }
.dy-foot .f-logo .lt{ display:inline-block; vertical-align:middle; margin-left:10px; }
.dy-foot .f-logo .cn{ display:block; color:#eee; font-size:18px; font-weight:bold; letter-spacing:1px; }
.dy-foot .f-logo .en{ display:block; font-size:10px; color:var(--gold); letter-spacing:2px; margin-top:2px; }
.dy-foot .f-desc{ margin-top:18px; font-size:13px; line-height:2; color:#8f8f8f; max-width:430px; }
.dy-foot .f-right h4{ color:#eee; font-size:15px; margin:0 0 18px; }
.dy-foot .f-info li{ list-style:none; font-size:13.5px; line-height:2.4; color:#9c9c9c; }
.dy-foot .f-info i{ color:var(--gold); margin-right:10px; width:16px; text-align:center; }
.dy-foot .f-info a{ color:#9c9c9c; }
.dy-foot .f-info a:hover{ color:var(--gold); }
.copy_z{ background:#1b1b1b; border:none; }
.copy_z .container{ padding-top:18px; padding-bottom:18px; font-size:12.5px; color:#7d7d7d; text-align:center; }
.copy_z a{ color:#8a8a8a; }
.copy_z a:hover{ color:var(--gold); }
.copy_z .sep{ margin:0 10px; color:#444; }
@media (max-width:767px){
	.dy-foot .f-left,.dy-foot .f-right{ display:block; width:100%; padding:0; }
	.dy-foot .f-right{ margin-top:30px; }
}