二次开发

Secondary Development

.sdv{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#0f172a;line-height:1.6;overflow-x:hidden;
  --blue:#2563EB;--blue-d:#1D4ED8;--blue-l:#3B82F6;--blue-ll:#60A5FA;--blue-dd:#1E40AF;--cyan:#0EA5E9;
  --blue-50:#EFF6FF;--blue-100:#DBEAFE;--blue-200:#BFDBFE;--slate-800:#1E293B;--slate-900:#0F172A;
  --gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-500:#64748B;--gray-700:#334155;
  --white:#fff;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;
  --shadow-sm:0 2px 8px rgba(15,23,42,.05);--shadow:0 8px 30px rgba(15,23,42,.08);--shadow-lg:0 20px 50px rgba(37,99,235,.15);
  --transition:all .35s cubic-bezier(.4,0,.2,1)}
.sdv *{margin:0;padding:0;box-sizing:border-box}
.sdv img{max-width:100%;display:block}
.sdv a{text-decoration:none;color:inherit}
.sdv .container{max-width:1200px;margin:0 auto;padding:0 24px}
.sdv .section{padding:72px 0}
.sdv .scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#2563EB,#0EA5E9);z-index:9999;transition:width .1s}
.sdv .hero{position:relative;background:linear-gradient(180deg,#ffffff 0%,#F5F9FF 60%,#EFF6FF 100%);overflow:hidden;padding:90px 0 70px}
.sdv .hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.06) 1px,transparent 1px);background-size:46px 46px;animation:heroGrid 20s linear infinite}
@keyframes heroGrid{to{background-position:46px 46px}}
.sdv .hero::after{content:'';position:absolute;top:-260px;right:-180px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.2),rgba(14,165,233,.12),transparent 65%);pointer-events:none;animation:heroGlow 6s ease-in-out infinite};transform:translate(var(--mx,0),var(--my,0));transition:transform .4s cubic-bezier(.4,0,.2,1)
@keyframes heroGlow{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.sdv .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}
.sdv .hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:20px;background:rgba(37,99,235,.18);border:1px solid rgba(96,165,250,.35);color:#93C5FD;font-size:13px;font-weight:600;margin-bottom:22px;line-height:1.5!important;backdrop-filter:blur(6px)}
.sdv .hero-tag svg{width:14px!important;height:14px!important;flex-shrink:0}
.sdv .hero h1{font-size:2.7rem;font-weight:800;color:#0F172A;line-height:1.28!important;margin-bottom:18px;letter-spacing:.5px;text-shadow:0 2px 30px rgba(37,99,235,.08)}
.sdv .hero h1 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sdv .hero-desc{font-size:16.5px;color:#475569;line-height:1.85;max-width:780px;margin-bottom:34px}
.sdv .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:52px}
.sdv .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;line-height:1.5!important}
.sdv .btn svg{width:18px!important;height:18px!important;flex-shrink:0}
.sdv .btn-primary{background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff;box-shadow:0 8px 28px rgba(37,99,235,.35);position:relative;overflow:hidden}
.sdv .btn-primary::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);animation:btnShine 3.2s ease-in-out infinite}
@keyframes btnShine{0%,60%{left:-80%}100%{left:130%}}
.sdv .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(37,99,235,.5)}
.sdv .btn-outline{background:rgba(255,255,255,.6);color:#334155;border:1px solid rgba(37,99,235,.25);backdrop-filter:blur(6px)}
.sdv .btn-outline:hover{border-color:#2563EB;color:#2563EB;background:rgba(37,99,235,.08)}
.sdv .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 0 0;border-top:1px solid rgba(37,99,235,.15)}
.sdv .hero-stat{text-align:center;position:relative}
.sdv .hero-stat-num{font-size:2.1rem;font-weight:800;color:#F8FAFC;line-height:1.2!important;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sdv .hero-stat-num span{font-size:1rem;font-weight:600}
.sdv .hero-stat-label{font-size:13px;color:#64748B;margin-top:8px;line-height:1.5!important}
.sdv .svc-section{background:linear-gradient(180deg,#F8FAFC,#fff)}
.sdv .section-header{text-align:center;max-width:820px;margin:0 auto 52px}
.sdv .section-tag{display:inline-block;padding:5px 16px;border-radius:20px;background:linear-gradient(90deg,#EFF6FF,#E0F2FE);border:1px solid rgba(37,99,235,.15);color:#1D4ED8;font-size:13px;font-weight:600;margin-bottom:16px;line-height:1.5!important}
.sdv .section-header h2{font-size:2rem;font-weight:800;color:#0F172A;margin-bottom:16px;line-height:1.4!important}
.sdv .section-header h2 em{font-style:normal;color:#2563EB}
.sdv .section-header p{font-size:16px;color:#64748B;line-height:1.8}
.sdv .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sdv .svc-card{background:#fff;border-radius:var(--r-lg);padding:26px 24px 30px;transition:var(--transition);border:1px solid var(--gray-200);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.sdv .svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563EB,#0EA5E9);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.sdv .svc-card::after{content:'';position:absolute;top:-50px;right:-50px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}
.sdv .svc-card:hover{transform:translateY(-6px);border-color:rgba(37,99,235,.25);box-shadow:0 18px 44px rgba(37,99,235,.12)}
.sdv .svc-card:hover::before{transform:scaleX(1)}
.sdv .svc-card:hover::after{opacity:1}
.sdv .svc-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#EFF6FF,#E0F2FE);border:1px solid rgba(37,99,235,.15);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:var(--transition)}
.sdv .svc-card:hover .svc-icon{background:linear-gradient(135deg,#2563EB,#0EA5E9);box-shadow:0 8px 20px rgba(37,99,235,.35)}
.sdv .svc-icon svg{width:22px!important;height:22px!important;color:#2563EB;transition:var(--transition)}
.sdv .svc-card:hover .svc-icon svg{color:#fff;transform:rotate(360deg) scale(1.05);transition:transform .6s cubic-bezier(.4,0,.2,1)}
.sdv .svc-num{position:absolute;top:18px;right:20px;font-size:1.9rem;font-weight:800;color:rgba(37,99,235,.12);line-height:1!important;transition:var(--transition)}
.sdv .svc-card:hover .svc-num{color:rgba(37,99,235,.25)}
.sdv .svc-card h3{font-size:1.1rem;font-weight:700;color:#0F172A;margin-bottom:8px;line-height:1.5!important}
.sdv .svc-card p{font-size:14px;color:#64748B;line-height:1.7;margin-bottom:14px}
.sdv .svc-list{list-style:none;font-size:12.5px;color:#475569;display:flex;flex-wrap:wrap;gap:6px}
.sdv .svc-list li{padding:4px 11px;background:#F1F5F9;border-radius:12px;border:1px solid #E2E8F0;transition:var(--transition)}
.sdv .svc-card:hover .svc-list li{background:#EFF6FF;border-color:rgba(37,99,235,.2);color:#1D4ED8}
.sdv .svc-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563EB,#0EA5E9);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.sdv .svc-card:hover .svc-bar{transform:scaleX(1)}
.sdv .new-section{background:linear-gradient(180deg,#ffffff 0%,#F5F9FF 100%);position:relative;overflow:hidden}
.sdv .new-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px);background-size:40px 40px}
.sdv .new-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.sdv .new-inner .section-tag{background:linear-gradient(90deg,#EFF6FF,#E0F2FE);border:1px solid rgba(37,99,235,.25);color:#1D4ED8}
.sdv .new-inner h2{font-size:2rem;font-weight:800;color:#0F172A;margin-bottom:16px;line-height:1.4!important}
.sdv .new-inner h2 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sdv .new-inner>p{font-size:15.5px;color:#475569;line-height:1.85;max-width:820px;margin:0 auto 36px}
.sdv .new-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sdv .new-card{background:rgba(255,255,255,.7);border:1px solid rgba(37,99,235,.15);border-radius:var(--r-lg);padding:26px 22px;backdrop-filter:blur(10px);transition:var(--transition);text-align:left;box-shadow:0 4px 16px rgba(37,99,235,.06)}
.sdv .new-card:hover{background:rgba(255,255,255,.95);border-color:rgba(37,99,235,.4);transform:translateY(-4px);box-shadow:0 12px 28px rgba(37,99,235,.15)}
.sdv .new-card strong{display:block;font-size:16px;font-weight:700;color:#0F172A;margin-bottom:10px;line-height:1.5!important}
.sdv .new-card strong::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#60A5FA,#3B82F6);margin-right:10px;box-shadow:0 0 12px rgba(96,165,250,.6)}
.sdv .new-card span{font-size:13.5px;color:#64748B;line-height:1.7}
.sdv .new-note{margin-top:28px;font-size:12.5px;color:#94A3B8}
.sdv .cs-section{background:#fff}
.sdv .cs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.sdv .cs-steps::before{content:'';position:absolute;top:36px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(14,165,233,.4),rgba(37,99,235,.12))}
.sdv .cs-step{text-align:center;position:relative;padding:0 8px}
.sdv .cs-num{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 10px 26px rgba(37,99,235,.3);position:relative;z-index:2;transition:var(--transition)}
.sdv .cs-step:hover .cs-num{transform:scale(1.1);box-shadow:0 14px 34px rgba(37,99,235,.45)}
.sdv .cs-step h3{font-size:16.5px;font-weight:700;color:#0F172A;margin-bottom:10px;line-height:1.5!important}
.sdv .cs-step p{font-size:13.5px;color:#64748B;line-height:1.7}
.sdv .faq-section{background:#F8FAFC}
.sdv .faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.sdv .faq-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-md);padding:20px 24px;transition:var(--transition)}
.sdv .faq-item:hover{border-color:rgba(37,99,235,.25);box-shadow:var(--shadow)}
.sdv .faq-q{font-size:15.5px;font-weight:600;color:#0F172A;display:flex;align-items:flex-start;gap:12px;line-height:1.5!important}
.sdv .faq-q::before{content:'Q';width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;box-shadow:0 4px 12px rgba(37,99,235,.25)}
.sdv .faq-answer{padding:12px 0 0 38px;font-size:14px;color:#64748B;line-height:1.85}
.sdv .faq-answer strong{color:#2563EB}
.sdv .cta-section{background:linear-gradient(135deg,#1E40AF 0%,#1D4ED8 50%,#1E40AF 100%);position:relative;overflow:hidden}
.sdv .cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.22),transparent 45%),radial-gradient(circle at 10% 85%,rgba(96,165,250,.3),transparent 50%),radial-gradient(circle at 50% 50%,rgba(14,165,233,.15),transparent 60%)}
.sdv .cta-section::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}
.sdv .cta-inner{position:relative;z-index:2;text-align:center;padding:72px 24px}
.sdv .cta-inner h2{font-size:2.2rem;font-weight:800;color:#FFFFFF;margin-bottom:16px;line-height:1.4!important;text-shadow:0 2px 12px rgba(0,0,0,.12)}
.sdv .cta-inner h2 em{background:linear-gradient(135deg,#FFFFFF,#93C5FD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;text-shadow:none}
.sdv .cta-inner h2 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sdv .cta-inner>p{font-size:15.5px;color:#EFF6FF;line-height:1.8;max-width:780px;margin:0 auto 34px;text-shadow:0 1px 6px rgba(0,0,0,.1)}
.sdv .cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}
.sdv .cta-contact{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:36px}
.sdv .cta-contact-item{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.08)}
.sdv .cta-contact-item svg{width:18px!important;height:18px!important;color:#FFFFFF;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}
.sdv .cta-contact-item strong{color:#FFFFFF;font-weight:800}
.sdv .cta-desc{font-size:13px;color:#E0F2FE;line-height:1.85;max-width:900px;margin:0 auto;text-shadow:0 1px 4px rgba(0,0,0,.08)}
@media(max-width:968px){
  .sdv .hero h1{font-size:2.1rem}
  .sdv .hero-stats{grid-template-columns:repeat(2,1fr)}
  .sdv .svc-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .sdv .new-grid{grid-template-columns:1fr;gap:14px}
  .sdv .cs-steps{grid-template-columns:repeat(2,1fr);gap:28px}
  .sdv .cs-steps::before{display:none}
  .sdv .section{padding:56px 0}
}
@media(max-width:640px){
  .sdv .container{padding:0 16px}
  .sdv .hero{padding:60px 0 48px}
  .sdv .hero h1{font-size:1.7rem}
  .sdv .hero-desc{font-size:15px}
  .sdv .hero-actions{flex-direction:column;align-items:stretch}
  .sdv .btn{justify-content:center}
  .sdv .hero-stats{grid-template-columns:repeat(2,1fr);gap:14px}
  .sdv .svc-grid{grid-template-columns:1fr;gap:14px}
  .sdv .cs-steps{grid-template-columns:1fr}
  .sdv .cta-contact{gap:20px;flex-direction:column}
  .sdv .section{padding:44px 0}
}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-30px) scale(1.1);opacity:1}}
.sdv .hero-inner::before{content:'';position:absolute;top:30%;right:8%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#60A5FA,#0EA5E9);box-shadow:0 0 30px rgba(14,165,233,.6);animation:heroFloat 5s ease-in-out infinite;pointer-events:none;z-index:1}
.sdv .hero-inner::after{content:'';position:absolute;bottom:25%;left:5%;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2563EB,#0EA5E9);box-shadow:0 0 20px rgba(37,99,235,.5);animation:heroFloat 6.5s ease-in-out infinite .8s;pointer-events:none;z-index:1}
@keyframes ctaFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(20px,-15px) scale(1.05)}66%{transform:translate(-15px,10px) scale(.95)}}
.sdv .cta-inner::before{content:'';position:absolute;top:15%;right:12%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#FFFFFF,#93C5FD);box-shadow:0 0 30px rgba(255,255,255,.5);animation:ctaFloat 8s ease-in-out infinite;pointer-events:none;z-index:1};transform:translate(calc(var(--mx,0) * 1.5),calc(var(--my,0) * 1.5))
.sdv .cta-inner::after{content:'';position:absolute;bottom:20%;left:8%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#60A5FA,#FFFFFF);box-shadow:0 0 20px rgba(96,165,250,.6);animation:ctaFloat 7s ease-in-out infinite .6s;pointer-events:none;z-index:1}

/* ===== sdv 专属：代码终端 ===== */
.sdv .hero-deco{position:absolute;top:50%;right:5%;transform:translateY(-50%);width:310px;height:215px;pointer-events:none;z-index:1;background:rgba(255,255,255,.8);border:1px solid rgba(37,99,235,.2);border-radius:14px;box-shadow:0 20px 48px rgba(37,99,235,.14);backdrop-filter:blur(8px);overflow:hidden;animation:sdvFloat 5s ease-in-out infinite}
.sdv .term-bar{height:34px;background:#F1F5F9;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;padding:0 14px;gap:7px}
.sdv .term-dot{width:10px;height:10px;border-radius:50%}
.sdv .term-dot:nth-child(1){background:#F87171}
.sdv .term-dot:nth-child(2){background:#FBBF24}
.sdv .term-dot:nth-child(3){background:#34D399}
.sdv .code-line{display:block;height:10px;border-radius:5px;margin:11px 16px;animation:sdvCode 2.4s ease-in-out infinite}
.sdv .code-line:nth-child(2){width:82%;background:linear-gradient(90deg,#2563EB,#60A5FA);animation-delay:.15s}
.sdv .code-line:nth-child(3){width:66%;background:linear-gradient(90deg,#0EA5E9,#38BDF8);animation-delay:.35s}
.sdv .code-line:nth-child(4){width:92%;background:linear-gradient(90deg,#64748B,#94A3B8);animation-delay:.55s}
.sdv .code-line:nth-child(5){width:58%;background:linear-gradient(90deg,#2563EB,#60A5FA);animation-delay:.75s}
.sdv .code-line:nth-child(6){width:76%;background:linear-gradient(90deg,#0EA5E9,#38BDF8);animation-delay:.95s}
.sdv .code-line:nth-child(7){width:88%;background:linear-gradient(90deg,#64748B,#94A3B8);animation-delay:1.15s}
@keyframes sdvCode{0%,100%{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.02)}}
@keyframes sdvFloat{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(calc(-50% - 12px)) translateX(4px)}}

@media(max-width:968px){
  sdv .hero-deco{display:none}
}

和讯数智 · 二次开发

二次开发
标准之上 · 满足个性化需求

基于用友、畅捷通、OA等标准产品，提供单据事件、按钮、菜单、接口、小程序等二次开发服务，满足企业个性化管理需求。2026年新增AI服务开发（智能体对接、API集成），遵循标准开发规范保障后续升级兼容。

咨询开发服务查看服务内容

20年+

开发经验

200+

定制案例

6城

服务网络

100%

升级兼容

服务内容

全类型二次开发

和讯数智为客户提供多种服务类型，满足不同客户的具体需求。

ERP功能开发

单据事件、按钮、菜单、单据设计等

单据定制
按钮功能
菜单扩展

接口开发

系统间数据接口与集成

API对接
数据同步
系统集成

报表定制

个性化报表与打印模板

报表设计
打印定制
数据导出

移动应用

小程序、移动端应用开发

微信小程序
移动应用
扫码应用

流程优化

业务流程定制与优化

流程再造
审批定制
业务优化

AI服务开发

智能体对接、AI能力集成

YonClaw对接
AI能力集成
智能场景开发

企业AI服务

AI服务开发让系统更智能

和讯数智提供AI服务开发：对接用友YonClaw等企业智能体，将AI能力集成到业务流程（智能助手、自动处理、智能分析），让ERP等系统具备AI能力。AI产品基于用友原厂，和讯提供开发、集成与落地服务。

智能体对接对接YonClaw企业超级智能体，扩展业务能力

AI能力集成将AI能力嵌入单据、流程与报表场景

智能场景开发AI自动识别、预警、辅助决策场景定制

* 企业AI声明：用友YonClaw为用友原厂产品，和讯提供开发集成与本地化实施服务。

客户成功体系（2026升级）

客户成功定制服务

2026年4月和讯数智完成客户成功体系升级，以"客户成功"为核心，打通方案共建、项目交付、持续运营全链路服务。

需求共创

与客户共建需求，精准定制

规范开发

遵循用友标准开发规范，保障升级兼容

交付验证

联调测试、验收交付

持续优化

上线后持续迭代优化

常见问题

二次开发常见问题

更多问题欢迎致电 400-0161-700 咨询。

二次开发会影响系统升级吗？

遵循用友标准开发规范，接口与扩展点设计充分考虑升级兼容性，最大程度降低升级风险。

能开发哪些内容？

单据事件、按钮、菜单、接口、报表、小程序、流程优化及AI能力集成等。

开发周期多久？

按需求复杂度评估，简单需求快速交付，复杂需求分阶段推进。

AI服务开发是什么？

对接用友YonClaw等智能体，将AI能力集成到业务流程（智能助手、自动处理、智能分析），和讯提供开发集成服务。

让和讯数智成为您的开发伙伴

西安和讯数智是用友软件陕西核心商业伙伴，拥有二十多年企业数字化转型建设经验，服务企业客户三千家以上。和讯数智沉淀多年数智化实战经验，自主研发了和讯研发费用管理系统、和讯PMS项目运营管理系统、和讯数字化工厂管理系统、IPO数据合规管理等面向各行业的专业数字化管理产品方案。

咨询: 4000161700 访问和讯官网

西安 · 宝鸡 · 渭南 · 延安 · 咸阳 · 安康

4000161700 / 18302956503

www.xahexun.cn

/* ============================== Reset & Variables ============================== */
.sdv *{{margin:0;padding:0;box-sizing:border-box}}
.sdv{{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#1a1a2e;line-height:1.6;overflow-x:hidden;
  --red:#2563EB;--red-d:#1D4ED8;--red-l:#3B82F6;--red-xl:#60A5FA;--red-dd:#1E40AF;--red-ll:#93C5FD;
  --red-50:#EFF6FF;--red-100:#DBEAFE;--amber:#B45309;--amber-50:#FFFBEB;--amber-100:#FEF3C7;
  --green:#059669;--green-50:#ECFDF5;
  --gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;
  --gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;
  --text-dark:#1a1a2e;--text-light:#4B5563;--text-muted:#9CA3AF;
  --white:#fff;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 12px 40px rgba(0,0,0,.12);
  --transition:all .3s cubic-bezier(.4,0,.2,1)
}}
.sdv img{{max-width:100%;display:block}}
.sdv a{{text-decoration:none;color:inherit}}
.sdv .container{{max-width:1200px;margin:0 auto;padding:0 24px}}
.sdv .section{{padding:80px 0}}
.sdv .section-tag{{display:inline-block;padding:4px 14px;border-radius:20px;background:var(--red-50);color:var(--red);font-size:13px;font-weight:600;margin-bottom:16px;line-height:1.5!important}}
.sdv .section-header{{text-align:center;max-width:800px;margin:0 auto 56px}}
.sdv .section-header h2{{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:16px;line-height:1.4!important}}
.sdv .section-header h2 em{{font-style:normal;color:var(--red)}}
.sdv .section-header p{{font-size:16px;color:var(--text-light);line-height:1.8}}
.sdv .btn{{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--r-md);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;line-height:1.5!important}}
.sdv .btn-primary{{background:var(--red);color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.2}}
.sdv .btn-primary:hover{{background:var(--red-d);transform:translateY(-1px);box-shadow:0 8px 32px rgba(37,99,235,.35}}
.sdv .btn-outline{{background:transparent;color:var(--gray-800);border:2px solid var(--gray-300)}}
.sdv .btn-outline:hover{{border-color:var(--red);color:var(--red)}}
.sdv .btn svg{{width:18px;height:18px;flex-shrink:0}}

/* Scroll Progress */
.sdv .scroll-progress{{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-l));z-index:9999;transition:width .1s}}

/* Hero */
.sdv .hero{{position:relative;background:linear-gradient(180deg,var(--gray-50),#fff);overflow:hidden;padding:80px 0 60px}}
.sdv .hero::before{{content:'';position:absolute;inset:0;background-image:
  radial-gradient(circle at 15% 30%,rgba(37,99,235,.03,transparent 40%),
  radial-gradient(circle at 85% 70%,rgba(37,99,235,.02,transparent 40%)}}
.sdv .hero-inner{{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}}
.sdv .hero-tag{{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:var(--red-50);color:var(--red);font-size:13px;font-weight:600;margin-bottom:20px;line-height:1.5!important;box-shadow:0 0 20px rgba(37,99,235,.1}}
.sdv .hero h1{{font-size:2.6rem;font-weight:800;color:var(--gray-900);line-height:1.3!important;margin-bottom:16px}}
.sdv .hero h1 em{{font-style:normal;color:var(--red)}}
.sdv .hero-desc{{font-size:17px;color:var(--text-light);line-height:1.8;max-width:760px;margin-bottom:32px}}
.sdv .hero-actions{{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}}
.sdv .hero-stats{{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--gray-200)}}
.sdv .hero-stat{{text-align:center}}
.sdv .hero-stat-num{{font-size:2rem;font-weight:800;color:var(--red);line-height:1.2!important}}
.sdv .hero-stat-num span{{font-size:1rem;font-weight:600}}
.sdv .hero-stat-label{{font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.5!important}}

/* 服务内容卡片 */
.sdv .svc-section{{background:var(--white)}}
.sdv .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.sdv .svc-card{background:linear-gradient(180deg,var(--gray-50) 0%,#fff 100%);border-radius:var(--r-lg);padding:24px 22px;transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200);position:relative;overflow:hidden;cursor:pointer}
.sdv .svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);transform:translateX(-100%);transition:transform .6s ease}
.sdv .svc-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.06,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.sdv .svc-card:hover{background:#fff;border-color:rgba(37,99,235,.25;box-shadow:0 12px 32px rgba(37,99,235,.12;transform:translateY(-4px)}
.sdv .svc-card:hover::before{transform:translateX(100%)}
.sdv .svc-card:hover::after{opacity:1}
.sdv .svc-card:hover .svc-icon{background:linear-gradient(135deg,var(--red) 0%,var(--red-dd) 100%);box-shadow:0 8px 20px rgba(37,99,235,.35;transform:rotate(360deg) scale(1.05)}
.sdv .svc-card:hover .svc-icon svg{color:#fff;transform:scale(1.1)}
.sdv .svc-card:hover .svc-num{color:var(--red-l);opacity:1}
.sdv .svc-num{position:absolute;top:14px;right:18px;font-size:.85rem;font-weight:800;color:var(--gray-200);letter-spacing:.1em;opacity:.6;transition:all .35s;line-height:1!important}
.sdv .svc-icon-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:1}
.sdv .svc-icon{width:40px;height:40px;border-radius:10px;background:#fff;border:1.5px solid var(--red-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .55s cubic-bezier(.4,0,.2,1);position:relative}
.sdv .svc-icon::before{content:'';position:absolute;inset:-3px;border-radius:12px;border:1px dashed var(--red-100);opacity:0;transition:all .35s;animation:svcSpin 8s linear infinite;animation-play-state:paused}
.sdv .svc-card:hover .svc-icon::before{opacity:1;animation-play-state:running}
.sdv .svc-icon svg{width:20px;height:20px;color:var(--red);transition:all .35s}
.sdv .svc-card h3{font-size:1.05rem;font-weight:700;color:var(--gray-900);margin-bottom:8px;position:relative;z-index:1;display:inline-block;background-image:linear-gradient(90deg,var(--red) 0%,var(--red) 100%);background-size:0 2px;background-position:left bottom;background-repeat:no-repeat;transition:background-size .4s;line-height:1.5!important}
.sdv .svc-card:hover h3{background-size:100% 2px}
.sdv .svc-card p{font-size:13.5px;color:var(--text-light);line-height:1.65;position:relative;z-index:1;margin-bottom:10px}
.sdv .svc-list{list-style:none;font-size:12.5px;color:var(--text-muted);position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px}
.sdv .svc-list li{padding:3px 10px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-100);transition:all .3s}
.sdv .svc-card:hover .svc-list li{background:var(--red-50);border-color:var(--red-100);color:var(--red-d)}
@keyframes svcSpin{to{transform:rotate(360deg)}}
.sdv .svc-card .svc-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-l));transform:scaleX(0);transform-origin:left;transition:transform .5s}
.sdv .svc-card:hover .svc-bar{transform:scaleX(1)}
@media(max-width:968px){.sdv .svc-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:640px){.sdv .svc-grid{grid-template-columns:1fr;gap:12px}.sdv .svc-card{padding:20px 18px}}

.sdv .svc-card{{background:var(--gray-50);border-radius:var(--r-lg);padding:32px 26px;transition:var(--transition);border:1px solid transparent;position:relative;overflow:hidden}}
.sdv .svc-card::before{{content:attr(data-num);position:absolute;top:12px;right:16px;font-size:3rem;font-weight:800;color:var(--gray-200);line-height:1!important}}
.sdv .svc-card:hover{{background:#fff;border-color:rgba(37,99,235,.12;box-shadow:var(--shadow-lg);transform:translateY(-4px)}}
.sdv .svc-card:hover::before{{color:var(--red-100)}}
.sdv .svc-icon{{width:48px;height:48px;border-radius:var(--r-md);background:var(--red-50);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;z-index:1}}
.sdv .svc-icon svg{{width:26px;height:26px;color:var(--red)}}
.sdv .svc-card h3{{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:10px;position:relative;z-index:1;line-height:1.5!important}}
.sdv .svc-card p{{font-size:14px;color:var(--text-light);line-height:1.7;position:relative;z-index:1}}
.sdv .svc-list{{list-style:none;padding:0;position:relative;z-index:1}}
.sdv .svc-list li{{display:flex;align-items:flex-start;gap:8px;padding:4px 0;font-size:13px;color:var(--gray-600);line-height:1.6}}
.sdv .svc-list li::before{{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:8px}}

/* 新增模块（AI/客户成功）—— 深色区 */
.sdv .new-section{{background:linear-gradient(135deg,var(--gray-900),var(--gray-800));position:relative;overflow:hidden}}
.sdv .new-section::before{{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(37,99,235,.1,transparent 50%)}}
.sdv .new-inner{{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}}
.sdv .new-inner h2{{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.4!important}}
.sdv .new-inner h2 em{{font-style:normal;color:var(--red-l)}}
.sdv .new-inner p{{font-size:15px;color:rgba(255,255,255,.85);line-height:1.9;margin-bottom:28px}}
.sdv .new-grid{{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}}
.sdv .new-card{{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:18px 16px;text-align:left;backdrop-filter:blur(4px)}}
.sdv .new-card strong{{display:block;font-size:14px;color:#fff;margin-bottom:6px;line-height:1.5!important}}
.sdv .new-card span{{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6!important}}
.sdv .new-note{{font-size:12px;color:rgba(255,255,255,.6);line-height:1.7!important;margin-top:8px}}

/* 客户成功区 */
.sdv .cs-section{{background:var(--gray-50)}}
.sdv .cs-steps{{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}}
.sdv .cs-step{{position:relative;background:#fff;border-radius:var(--r-lg);padding:24px 18px;text-align:center;border-top:4px solid var(--red);transition:var(--transition)}}
.sdv .cs-step:hover{{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}
.sdv .cs-step::after{{content:'\2192';position:absolute;top:50%;right:-13px;transform:translateY(-50%);font-size:18px;color:var(--gray-300);z-index:2;background:var(--gray-50);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}}
.sdv .cs-step:last-child::after{{display:none}}
.sdv .cs-num{{display:inline-block;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}}
.sdv .cs-step h3{{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:6px;line-height:1.5!important}}
.sdv .cs-step p{{font-size:12px;color:var(--text-light);line-height:1.6}}

/* FAQ（平铺） */
.sdv .faq-section{{background:var(--white)}}
.sdv .faq-list{{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}}
.sdv .faq-item{{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:18px 22px;transition:var(--transition)}}
.sdv .faq-item:hover{{border-color:rgba(37,99,235,.2;box-shadow:var(--shadow)}}
.sdv .faq-q{{font-size:15px;font-weight:600;color:var(--gray-900);display:flex;align-items:flex-start;gap:12px;line-height:1.5!important}}
.sdv .faq-q::before{{content:'Q';width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}}
.sdv .faq-answer{{padding:10px 0 0 36px;font-size:14px;color:var(--text-light);line-height:1.8}}
.sdv .faq-answer strong{{color:var(--red)}}

/* CTA */
.sdv .cta-section{{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));position:relative;overflow:hidden;padding:80px 0;border-top:3px solid var(--red)}}
.sdv .cta-section::before{{content:'';position:absolute;inset:0;background-image:
  radial-gradient(circle at 30% 50%,rgba(37,99,235,.04,transparent 50%),
  radial-gradient(circle at 70% 50%,rgba(37,99,235,.03,transparent 50%)}}
.sdv .cta-inner{{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}}
.sdv .cta-section h2{{font-size:1.9rem;font-weight:800;color:var(--gray-900);margin-bottom:16px;line-height:1.4!important}}
.sdv .cta-section p{{font-size:15px;color:var(--text-light);line-height:1.8;margin-bottom:28px}}
.sdv .cta-actions{{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}}
.sdv .cta-contact{{margin-top:24px;display:flex;gap:32px;justify-content:center;flex-wrap:wrap}}
.sdv .cta-contact-item{{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light)}}
.sdv .cta-contact-item svg{{width:18px;height:18px;color:var(--red)}}
.sdv .cta-contact-item strong{{color:var(--gray-900);font-weight:600}}

/* Responsive */
@media(max-width:968px){{
  .sdv .hero h1{{font-size:2.2rem}}
  .sdv .hero-stats{{grid-template-columns:repeat(2,1fr)}}
  .sdv .svc-grid{{grid-template-columns:1fr}}
  .sdv .new-grid{{grid-template-columns:1fr}}
  .sdv .cs-steps{{grid-template-columns:repeat(2,1fr)}}
  .sdv .cs-step::after{{display:none}}
}}
@media(max-width:640px){{
  .sdv .container{{padding:0 16px}}
  .sdv .section{{padding:48px 0}}
  .sdv .hero{{padding:48px 0 40px}}
  .sdv .hero h1{{font-size:1.8rem}}
  .sdv .hero-stats{{grid-template-columns:1fr 1fr;gap:16px}}
  .sdv .hero-stat-num{{font-size:1.5rem}}
  .sdv .cs-steps{{grid-template-columns:1fr}}
  .sdv .section-header h2{{font-size:1.5rem}}
  .sdv .cta-actions{{flex-direction:column;align-items:stretch}}
  .sdv .cta-contact{{flex-direction:column;gap:12px}}
}}

/* ========== 科技感增强（蓝白灰） ========== */
.sdv .hero::before{background-image:
  radial-gradient(circle at 15% 30%,rgba(37,99,235,.06),transparent 40%),
  radial-gradient(circle at 85% 70%,rgba(14,165,233,.05),transparent 40%),
  linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);
  background-size:auto,auto,44px 44px,44px 44px}
.sdv .hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(14,165,233,.08),transparent 50%);pointer-events:none}
.sdv .svc-section{background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%)}
.sdv .svc-card{background:rgba(255,255,255,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(37,99,235,.08)}
.sdv .svc-card::before{background:linear-gradient(90deg,transparent,var(--red),transparent)}
.sdv .svc-card::after{background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.08),transparent 60%)}
.sdv .svc-card:hover{border-color:rgba(37,99,235,.3);box-shadow:0 16px 40px rgba(37,99,235,.15)}
.sdv .svc-card:hover .svc-icon{background:linear-gradient(135deg,#2563EB 0%,#0EA5E9 100%);box-shadow:0 10px 24px rgba(37,99,235,.4);transform:rotate(360deg) scale(1.08)}
.sdv .svc-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#fff 0%,#F0F7FF 100%);border:1.5px solid rgba(37,99,235,.2)}
.sdv .svc-icon::before{border:1px dashed rgba(37,99,235,.35)}
.sdv .svc-icon svg{width:16px!important;height:16px!important;color:#2563EB}
.sdv .svc-card:hover .svc-list li{background:#EFF6FF;border-color:rgba(37,99,235,.2);color:#1D4ED8}
.sdv .svc-card:hover .svc-num{color:#60A5FA}
.sdv .section-tag{background:linear-gradient(90deg,#EFF6FF,#E0F2FE);color:#1D4ED8;border:1px solid rgba(37,99,235,.15)}
.sdv .hero-tag{background:linear-gradient(90deg,#EFF6FF,#E0F2FE);color:#1D4ED8;border:1px solid rgba(37,99,235,.15);box-shadow:0 0 20px rgba(37,99,235,.12)}
.sdv .scroll-progress{background:linear-gradient(90deg,#2563EB,#0EA5E9)}
.sdv .btn-primary{background:linear-gradient(135deg,#2563EB 0%,#0EA5E9 100%);box-shadow:0 4px 16px rgba(37,99,235,.25)}
.sdv .btn-primary:hover{background:linear-gradient(135deg,#1D4ED8 0%,#0284C7 100%);box-shadow:0 8px 32px rgba(37,99,235,.4)}
.sdv .btn-outline:hover{border-color:#2563EB;color:#2563EB}
.sdv .svc-num{color:rgba(37,99,235,.25)}

/* ========== SVG 防放大兜底（CMS 全局 svg{width:100%} 兼容） ========== */
.sdv svg{max-width:none!important;flex-shrink:0}
.sdv .svc-icon svg{width:16px!important;height:16px!important}
.sdv .btn svg{width:18px!important;height:18px!important}
.sdv .cta-contact-item svg{width:18px!important;height:18px!important}