明树Git Lab

Skip to content

B
bridata-website-frontend
Commit 9a5ca0c7 authored by yangyajing's avatar yangyajing
Browse files
Options

更新官网资讯，修改场景数据

parent 43c2e7ea
Show whitespace changes
Inline Side-by-side
Showing with 423 additions and 192 deletions
src/App.jsx
View file @ 9a5ca0c7
import React, { useState, useEffect, useRef } from 'react'; import React, { useState, useEffect, useRef } from 'react';
import { Play, ArrowRight, Zap, Shield, Globe, Database, Activity, Cpu, Menu, X, ChevronRight, Server, Layers, Users, Rocket, Lock, BarChart3, Code, Briefcase, ExternalLink, ChevronLeft, CheckCircle2, Award, FileText, PieChart, Coins, FileCheck, Brain, LayoutGrid, Settings, TrendingUp, ChevronDown, FileCode, Monitor, Info, Truck, MessageCircle, Leaf, Zap as EnergyIcon, Beaker, Building2, Landmark, GraduationCap, Smartphone, CreditCard, Search, Calendar, Newspaper, Mic2, Handshake } from 'lucide-react'; import { Play, ArrowRight, Zap, Shield, Globe, Database, Activity, Cpu, Menu, X, ChevronRight, Server, Layers, Users, Rocket, Lock, BarChart3, Code, Briefcase, ExternalLink, ChevronLeft, CheckCircle2, Award, FileText, PieChart, Coins, FileCheck, Brain, LayoutGrid, Settings, TrendingUp, ChevronDown, FileCode, Monitor, Info, Truck, MessageCircle, Leaf, Zap as EnergyIcon, Beaker, Building2, Landmark, GraduationCap, Smartphone, CreditCard, Search, Calendar, Newspaper, Mic2, Handshake } from 'lucide-react';
import wx from 'weixin-js-sdk'; import wx from 'weixin-js-sdk';
import html2canvas from 'html2canvas'; // import html2canvas from 'html2canvas';
//导入依赖，用于“转发至微信”处 DOM 转 Canvas，以实现自动将页面截图存入剪切板 //导入依赖，用于“转发至微信”处 DOM 转 Canvas，以实现自动将页面截图存入剪切板
// 保留原有导入的组件（X、CheckCircle2、MessageCircle等） // 保留原有导入的组件（X、CheckCircle2、MessageCircle等）
// ... 其他组件逻辑（selectedProduct、setSelectedProduct、products、codeImg等） // ... 其他组件逻辑（selectedProduct、setSelectedProduct、products、codeImg等）
...@@ -16,14 +16,22 @@ import szjhxtImg from "./assets/szjhxt.png" ...@@ -16,14 +16,22 @@ import szjhxtImg from "./assets/szjhxt.png"
import jtlwImg from "./assets/jtlw.png" import jtlwImg from "./assets/jtlw.png"
import zhgyptImg from "./assets/zhgypt.png" import zhgyptImg from "./assets/zhgypt.png"
// 场景 // 场景
import xdfkImg from "./assets/xdfk.png" import jtcxImg from "./assets/cj/jtcx.jpg"
import ABSImg from "./assets/ABS.png" import sfglImg from "./assets/cj/sfgl.jpg"
import sjzcImg from "./assets/sjzc+.png" import tccImg from "./assets/cj/tcc.jpg"
import jtlycImg from "./assets/jtlyc.jpg" import glzcImg from "./assets/cj/glzc.jpg"
import szshImg from "./assets/szsh.png" import gsglImg from "./assets/cj/gsgl.jpg"
import dkjjImg from "./assets/dkjj.png" import jcssImg from "./assets/cj/jcss.jpg"
import clPPPImg from "./assets/clPPP.png" import clPPPImg from "./assets/cj/clPPP.jpg"
import gsglImg from "./assets/gsgl.png" import xmqsmzqImg from "./assets/cj/xmqsmzq.jpg"
import szshImg from "./assets/cj/szsh.jpg"
import zftzImg from "./assets/cj/zftz.jpg"
import sjzyImg from "./assets/cj/sjzy.jpg"
import sjzcImg from "./assets/cj/sjzc.jpg"
import ggsjImg from "./assets/cj/ggsj.jpg"
import kxsjImg from "./assets/cj/kxsj.jpg"
import dkjjImg from "./assets/cj/dkjj.jpg"
import xdfkImg from "./assets/cj/xdfk.jpg"
// 证书 // 证书
import gssImg from "./assets/gss.jpg" import gssImg from "./assets/gss.jpg"
import bfImg from "./assets/bf.png" import bfImg from "./assets/bf.png"
...@@ -218,90 +226,329 @@ const Sjgxdjpt = () => { ...@@ -218,90 +226,329 @@ const Sjgxdjpt = () => {
const scenarios = [ const scenarios = [
{ {
id: "1", id: "1",
title: '信贷风控', title: '交通出行特征分析及交通量预测',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />, icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '依托明树数据海量投融资项目库，为金融机构提供全流程信贷风控与投资决策支持。', desc: '明树团队基于自身收费公路及交通模型算法相关经验，结合多源交通数据，在传统“四阶段”法交通量预测基础上，提供一套完整的交通量及通行费预测方案。',
details: '以穿透式视角，提供项目、主体业绩及地方财政债务等多维数据，协助金融机构实时掌握融资主体的实际履约能力和区域潜在财政风险。客户应用本数据资源，可实现贷前精准尽调、贷中动态预警和贷后合规核查，有效降低信贷不良率，保障资产安全。', details: '交通量预测是收费公路投建营全流程锚定市场实际需求的核心抓手，直接决定项目与区域交通市场需求的匹配度和商业价值。立项规划阶段，通过预测研判区域路网的市场交通需求规模、结构及增长趋势，是论证项目市场可行性、明确项目建设必要性的关键，避免脱离市场需求的盲目布局；建设阶段，依据市场交通量预测确定工程建设规模，精准匹配市场当下及远期的通行需求，控制建设成本，提升资源利用效率；运营阶段，交通量预测反映市场通行需求的变化规律，是制定市场化收费策略、测算收益回报、动态调配运营养护资源的依据，同时能根据市场需求波动调整运营服务策略，保障项目在市场中实现收益与服务水平的双重稳定，筑牢收费公路市场化运营的需求基础。',
stats: ['覆盖项目 100万+', '风险预警 准确率95%', '服务机构 50+'], image: jtcxImg,
image: xdfkImg,
solutions: [ solutions: [
{ title: '尽调风控包', desc: '集成项目全生命周期、企业信用及经营业绩数据，为金融机构贷前尽调提供一站式、穿透式的数据支撑，实现交易真实性与合规性的快速验证。' }, { title: '明树方案', desc: '明树数据基于自身收费公路及交通模型算法相关经验，结合多源交通数据，在传统“四阶段”法交通量预测基础上，提供一套完整的交通量及通行费预测方案。服务内容包括：基础数据收集、货车轨迹分析、统计数据分析、竞争路径分析、交通量预测、形成报告。' },
{ title: '地方债风险智评', desc: '通过量化评估区域经济实力、财政状况及债务负担，提供精准的区域信贷风险分级与警示，实现前置化风险管理。' }, { title: '明树优势', desc: `（1）数据层面：多源数据（货车轨迹、收费流水、手机信令、互联网导航、其他统计类数据）
{ title: '主体风险动态监测', desc: '对潜在项目、在建项目和相关企业的异常行为进行持续动态监测，捕捉舆情、法律、经营等风险变动，实现风险事件的预警。' } （2）算法层面：大数据交通指标分析算法、自研“基于成本的路径选择模型”算法
（3）行业经验：团队骨干成员皆为交通专业+大数据双背景，业绩遍布全国17+省份` },
{ title: '服务客群', desc: '各高速公路运营公司、公路投资主体、交通相关主管部门或事业单位（如交通局、交通厅、公路局等）。' }
], ],
cases: [ cases: [
{ title: '中国农业发展银行', desc: '提供多维数据定制化数据接口，实现了信贷业务全流程的自动化数据校验与风险评估，有力支持了其信贷管理业务的科学决策和精准授信。' }, { title: '江西省弋南高速交通量预测', desc: '' },
{ title: '华泰证券股份有限公司', desc: '深度挖掘基建投融资数据价值，提供项目债券承销风险的精准分析依据，并辅助其区域投资战略的制定。' }, { title: '甘肃省G341国道交通量预测', desc: '' },
{ title: '平安银行股份有限公司', desc: '提供区域财政债务评估的模型以及关键指标，指导其制定区域信贷政策及风险防控报告。' } { title: '山西省G108国道交通量预测', desc: '' },
{ title: '福建省晋同高速交通量预测', desc: '' }
] ]
}, },
{ {
id: "2", id: "2",
title: '数据资产ABS', title: '收费公路引流增收',
icon: <FileText className="w-6 h-6 md:w-8 md:h-8 text-blue-300" />, icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '挖掘企业数据价值，设计交易结构，助力发行数据资产证券化产品。', desc: '明树团队依托多源交通大数据融合与 AI 引流增收模型，为高速公路量身打造精准差异化收费解决方案，通过潜力路段筛选、科学费率制定及落地执行，实现路网流量与通行费收入双增长。',
details: '数据资产 ABS 是数字经济下的创新金融工具，核心是将合规优质的数据资产转化为稳定现金流，经结构化设计发行标准化证券。通过盘活企业沉淀数据，开辟全新融资渠道。该业务无需传统抵押物，融资成本低、效率高，既能优化企业财务结构，又能实现数据价值显性化，能为轻资产及数据密集型企业提供高效融资解决方案，也成为地方国企资源资产化进而证券化的重要途径。', details: '明树数据聚焦高速公路引流增收需求，依托交通大数据分析能力，打造差异化收费全流程解决方案。整合多源交通数据开展路段调研、车流研判，精准制定分路段、分车型、分时段的科学费率调整方案，提供从测算、设计到落地执行的全链条服务，通过价格杠杆均衡路网流量，实现高速流量与通行费收入双增长，助力物流降本与区域路网高效运营，落地项目已取得引流增收显著实效。',
stats: ['资产盘活新路径', '融资成本低', '数据价值显性化'], image: sfglImg,
image: ABSImg,
solutions: [ solutions: [
{ title: '合规筛选与权属确权服务', desc: '帮助企业识别并筛选具有商业价值、权属清晰、合规的数据资产；并通过数据交易所等完成权属登记和法律确认。' }, { title: '明树方案', desc: '明树数据围绕拟研究高速，先通过线下 + 线上形式完成项目调研，同步收集交通量、人口经济、GIS 等核心数据，同时解读国家相关政策并借鉴外省实施案例；再分析多源交通数据，掌握道路交通量时空、车型分布及车辆分担率等特征；随后结合调研、数据及政策成果，设计多款差异化收费实施方案并测算效果；最后运用离散选择模型预测货车通行费收入，对各方案开展敏感性分析、平衡点预测和最大风险评估，为枣潜高速差异化收费实施方案落地提供全方位支撑。' },
{ title: '值评估与交易结构增信方案', desc: '对数据资产进行价值评估，进行信用增级与分层打包等交易结构设计。' }, { title: '明树优势', desc: `（1）数据层面：多源数据（货车轨迹、收费流水、手机信令、互联网导航、其他统计类数据）
{ title: '证券化申报评级与上市发行协同', desc: '与证券公司一起帮助企业完成申报评级和上市发行。' }, （2）算法层面：大数据交通指标分析算法、自研“基于成本的路径选择模型”算法
{ title: '存续期动态监控与风控解决方案', desc: '提供产品存续期管理科技金融解决方案，动态监控专项计划里的资产合规及资产价格，确保产品存续期的安全可控。' } （3）行业经验：团队骨干成员皆为交通专业+大数据双背景，业绩遍布全国17+省份` },
{ title: '服务客群', desc: '各高速公路运营公司、交通相关主管部门或事业单位。' }
],
cases: [
{ title: '甘肃、福建、广西、江西、辽宁、宁夏全省差异化收费研究。', desc: '' },
{ title: '路段客户：绥延高速、旬凤高速、南横高速、昆楚高速、敦当高速、北仙高速、汕湛高速、枣潜高速、若民高速。', desc: '' },
{ title: '山西交控。', desc: '' }
] ]
}, },
{ {
id: "3", id: "3",
title: '数据资产+融资租赁', title: '停车场智慧运营',
icon: <Coins className="w-6 h-6 md:w-8 md:h-8 text-yellow-300" />, icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '创新“数据资产入表+售后回租”模式，拓宽企业融资渠道。', desc: '明树停车场智慧运营解决方案以 “咨询规划 + 数据驱动 + 信息系统构建” 为核心，重点发力“咨询规划”、“数据分析与模型建设”、“数据平台建设”三大能力。',
details: '城投公司沉淀的公共数据资源，是数字经济时代极具价值的 “隐形资产”。我们创新性地将这类沉睡数据类比房产、机器设备等有形资产，通过 “售后回租”“直租” 等成熟融资租赁模式，协助城投公司实现数据资源向经营性资产的转化，让沉淀于存储系统的公共数据变为可落地的合规资金支持，赋能企业高质量发展。', details: '明树数据停车场业务聚焦行业 “停车难” 与运营粗放、收益单一的核心痛点，以 “咨询规划 + 数据驱动 + 信息系统构建” 为核心定位，形成覆盖项目全生命周期的服务体系。前期通过区域停车需求诊断、项目选址用地分析及投融资模式规划，为项目奠定战略基础；中期依托多源数据整合与运营模型搭建，夯实项目运行数据支撑；后期通过智能化管理与资产价值挖掘，提升项目运营效益与资产价值。方案可灵活适配商业综合体、公共市政、住宅小区、产业园区等多类场景，最终实现停车资源高效配置、运营效率提升与城市停车管理水平优化的双重效益，助力客户破解运营困境、最大化资产价值。',
stats: ['融资模式 创新', '盘活 沉睡资产', '资金用途 灵活'], image: tccImg,
image: sjzcImg,
solutions: [ solutions: [
{ title: '数据入表增信 优化财务结构', desc: '协助城投公司完成公共数据资产的合规确权与价值评估，实现数据资产正式入表，直接扩充企业总资产规模。同时有效降低资产负债率，改善财务报表质量，为企业后续信用评级提升、债券发行等资本运作提供坚实支撑。' }, { title: '明树方案', desc: '明树数据停车场解决方案围绕三大核心能力构建闭环服务体系。咨询规划能力方面，基于区域人口、车流、经济数据开展停车需求精准诊断，结合用地条件与政策导向设计项目规模、建设方案，同时提供投融资模式测算与合规性分析，为项目落地提供全流程战略支撑；数据分析与模型建设能力方面，整合停车流水、手机信令、交通路况等多源数据，构建车流预测、需求匹配、收益测算等核心模型，同步输出定制化数据报告，为运营决策提供科学数据依据；数据平台建设能力方面，打造 “城市停车一张网” 核心平台，集成车位实时监测、智能引导、无感支付、预约共享、逃费稽核等功能，支持与交警、城管等部门的跨系统数据对接，实现停车管理闭环，同时适配电脑端、移动端、现场终端等多终端使用场景，满足不同用户操作需求。' },
{ title: '存量资产盘活 注入持续现金流', desc: '通过专业化融资租赁方案设计，将城投公司的数据资产转化为可流通的金融资产。无需改变数据实际使用场景，即可通过 “售后回租” 等模式快速回笼资金，让原本闲置的数字资源持续产生稳定现金流，高效盘活存量资产价值。' }, { title: '明树优势', desc: `明树数据停车场解决方案优势显著。
{ title: '驱动业务转型 构建数据运营生态', desc: '以数据资产盘活为切入点，倒逼城投公司摆脱对 “土地财政” 的依赖，向 “数据财政” 转型。助力企业建立标准化数据采集、治理、运营体系，培育真实可持续的数据服务业务，形成 “数据 - 资产 - 收益” 的良性循环，打造数字经济时代的核心竞争力。' } （1）全链条服务覆盖项目全周期，减少沟通成本的同时适配复杂项目需求；
（2）技术端拥有停车管理大规模车位数据处理能力，核心车流预测模型准确率优于行业平均水平；
（3）能针对商业、公共、住宅等场景提供定制化方案，且依托多省份交通部门与国企合作网络，可协助客户对接政策与资源，多维度构建竞争壁垒。` },
{ title: '服务客群', desc: '地级市政府、城投、城建、交投公司，等停车场运营单位' }
],
cases: [
{ title: '区 “停车一张网” 应用试点。', desc: '' },
{ title: '区府停车场投资、运营总体规划。', desc: '' }
] ]
}, },
{ {
id: "4", id: "4",
title: '交通量预测和OD分析', title: '公路治超非现场执法',
icon: <Truck className="w-6 h-6 md:w-8 md:h-8 text-orange-300" />, icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '基于多源大数据的交通流精准预测与起止点（OD）分析，赋能交通规划。', desc: '治超非现场执法检测系统是面向交通监管、执法部门的智能化执法平台。明树团队依托大数据、机器学习等技术，整合全流程功能，规范执法、提升效率，遵循相关法规，解决违法痛点，为非现场治超提供高效精准的技术支撑。',
details: '融合货车轨迹数据、门架数据、手机信令数据、收费站数据、交通调查与社会经济信息，利用交通模型与算法构建基于竞争路径的交通量预测体系。通过分析车辆在项目区间的主要竞争路径、刻画出行特征并预测未来交通量变化趋势，为新建、改扩建收费公路项目的投资决策提供量化依据，显著提升项目评估的科学性与结果的可靠性。', details: '治超非现场执法检测系统，是交通运输部门专属智能执法核心载体，依托多源感知与前沿智能技术，整合全流程执法功能，融合主流厂商优势，构建无感执法体系。破解传统治超低效、标准不一、人力依赖痛点，推动治超从“人海防控”向“智能研判”转型，为非现场执法提供高品质支撑，助力交通治理现代化升级',
stats: ['预测精度更高', '样本覆盖路网更广', 'OD还原更精准'], image: glzcImg,
image: jtlycImg,
solutions: [ solutions: [
{ title: '多源交通数据融合', desc: '融合轨迹、门架、手机信令、收费站、交通调查和社会经济等多源数据，为后续分析提供数据基础。' }, { title: '明树方案', desc: `本方案立足行业核心痛点，整合主流厂商前沿技术，打造全方位适配的智能治超解决方案。依托多源车辆轨迹数据与前端感知数据，构建治超非现场执法智能研判体系，通过轨迹关联分析与车辆特征识别，精准识别并跟踪车牌遮挡等规避行为。
{ title: '竞争路径与成本分析', desc: '基于现状路网与车辆行为特征，分析主要竞争路径并计算相对出行成本。' }, 1、数据层面，以非现场执法检测站点数据为核心，汇集车辆轨迹、车辆图像等多类数据，实现数据集约化管控；
{ title: '交通量预测模型构建', desc: '通过 Logit 分担模型及趋势增长模型构建预测体系，实现对未来年交通量的预测。' }, 2、技术层面，融合AI电子围栏与“轨迹大数据+图像识别+以图搜图”智能分析技术，强化研判精准度；
{ title: '通行费收入测算', desc: '根据预测交通量、收费标准及优惠措施（如ETC、节假日等），测算项目收益。' } 3、平台层面，以交通执法业务为核心，基于轨迹时空特征构建电子围栏规则，实现重点路段、区域自动布控与预警，结合通行路径重构和行为模式分析，研判绕行规避行为并固化证据链。同时实现设备标准化接入、国产化安全防护与云边协同部署，保障系统稳定，实现跨部门互通、跨区域共治，预留拓展接口，破解遮挡车牌、绕行等治超痛点，推动治超智能化升级，筑牢智能治超技术根基。` },
{ title: '明树优势', desc: `方案融合主流厂商优势，兼具规范性、智能化与前瞻性，核心围绕数据、技术、平台三大维度打造差异化竞争力，赋能治超执法提质增效。
1、技术优势上，应用大数据分析、图像识别等前沿技术，智能解析违法特征、识别规避行为，提升研判精准度与效率，筑牢技术壁垒。
2、数据优势上，可无缝对接全国货车轨迹数据，整合多源信息，结合车辆运行动态剖析运输行为、捕捉违法轨迹，打破数据壁垒，提供坚实数据支撑。
3、平台优势上，贴合执法业务、保障数据合规，覆盖全执法场景，流程便捷、架构可拓展、设备全兼容，降低综合成本，强化跨部门跨区域协同，推动治超领域智能化精细化转型。` },
{ title: '服务客群', desc: '各地市、县区级交通执法局、综合执法支队等单位' }
],
cases: []
},
{
id: "5",
title: '高速公路AI稽核',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '明树团队依托大数据、人工智能及算法建模技术，聚焦工单处理、逃费识别核心场景，助力甲方突破传统局限，实现通行费“颗粒归仓”，高效保障收费公平有序。',
details: '自2020年全国高速公路省界收费站取消后，路网正式迈入“收费一张网”新格局，极大提升了通行效率，但同时也面临着偷逃漏通行费的突出难题。据行业统计，每年因偷逃漏通行费造成的损失约占通行费收入总量的1.5%-5%，虽各高速公路业主、路段公司投入大量人力物力开展稽核工作，但受限于传统稽核模式的局限性，最终追回金额与实际损失差距较大，稽核工作成效未达预期。为破解这一困境，推动稽核工作从“人工被动堵漏”向“智能主动防控”转型，我们推出高速公路AI稽核业务，依托大数据、人工智能、算法建模等技术，聚焦稽核工单处理、逃费行为识别等核心场景，助力高速运营单位实现通行费“颗粒归仓”，保障路网收费公平、高效、有序。',
image: gsglImg,
solutions: [
{ title: '明树方案', desc: `结合高速公路稽核工作痛点，我们构建了“工单智能化处理+逃费精准化挖掘”双核心解决方案，全面覆盖稽核全流程。
一是稽核工单系统解决方案，针对性解决部级稽核工单积压、证据链分析不全、处置效率低下等问题，深入研发车辆轨迹还原算法，精准还原车辆真实通行轨迹。系统可自动整合工单详情、通行记录等多类数据，实现稽核工单从信息获取、分析研判、证据固定到处置决策的自动化闭环管理，大幅减少人工干预，提升稽核处理效率与可追溯性。
二是稽核逃费数据挖掘解决方案，融合高速公路门架、收费站、通行费清分及车辆卫星定位等多源数据，运用大数据分析、机器学习等技术，研发路径还原、边缘计算实时稽查、多维AI稽核引擎等核心模型，精准识别偷逃费车辆可疑名单，自动收集逃费行为完整证据链，实现逃费行为智能化识别、精准化追缴，全面破解传统稽核“查得慢、查不全、查不准”的难题。` },
{ title: '明树优势', desc: `相较于传统稽核模式，我们的AI稽核解决方案核心优势突出，精准适配甲方需求：
一是适配性强、部署便捷，采用非侵入式RPA技术，无需改造现有系统，可快速对接各类高速数据，省去繁琐对接流程。
二是精准高效、降本增效，依托大数据与机器学习算法，海量数据快速筛查，可疑逃费识别准确率远超人工，大幅减少漏查误查，降低人力投入。
三是复杂场景处置能力强，通过轨迹还原与逃费研判模型，高效解决门架记录缺失、路径不全等难题，快速重建行程、固定证据，缩短稽核周期，助力甲方快速追回流失通行费，实现稽核提质、增效、降本。` },
{ title: '服务客群', desc: '高速公路经营业主、路段公司' }
], ],
cases: [ cases: [
{ title: '江西省弋阳至南丰高速公路；国道108线太原过境段公路；甘肃省G0611张汉高速赛郎段与S45碌久高速尕玛段等', desc: '通过多源交通数据融合、竞争路径分析及交通量预测模型构建，实现了对未来交通需求与收费收益的精准测算，有效支撑项目可行性研究与投资决策，并顺利通过股份公司投委会审议，成果在实际工程决策中得到充分验证。' } { title: '中交云南高速公路发展有限公司', desc: '' }
] ]
}, },
{ {
id: "5", id: "6",
title: '地方政府“三资三化”', title: '基础设施和公用事业特许经营',
icon: <Globe className="w-6 h-6 md:w-8 md:h-8 text-teal-300" />, icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '聚焦国有资源、资产、资金的盘活与运作，推动资源资产化、资产资本化、资本证券化。', desc: '明树数据聚焦特许经营，深度解读各级新政，结合项目定制 “公益 + 经营” 平衡方案并明确核心条款，设计收益模型与风险分担框架，提供全流程落地咨询，保障项目合规高效推进。',
details: '聚焦国有“三资”（资源、资产、资金）低效闲置痛点与融资平台转型需求，我们提供从基础清查到资源落地的全流程咨询服务，通过专业化运作激活“三资”价值，推动融资平台实现市场化转型，最终构建“资产-债务-投资”的良性循环生态。', details: '当前基础设施建设领域政府财政压力加大、传统投融资模式可持续性不足，国家大力推广特许经营新机制，引导社会资本参与基础设施和公共服务项目。市场迫切需要符合政策导向、兼顾公益属性与收益可持续性的特许经营方案，解决项目边界界定、收益机制设计、风险分担、全生命周期管理等核心痛点，地方政府为破解财政承压、项目落地难等困境，社会资本方为规避投资风险、保障收益稳定，双方均亟需具备全流程实操能力与政策解读功底的专业第三方机构，提供兼具专业性、高效性与合规性的一体化咨询服务，既能衔接国家政策要求与项目实操，又能平衡各方利益诉求，实现项目的快速落地。',
stats: ['资源深度盘活', '化债全新路径', '财政提质增效'], image: jcssImg,
solutions: [
{ title: '明树方案', desc: `明树依托深厚的行业实操经验与稳固的政企合作资源，为特许经营项目提供一站式的专业咨询服务：
政策适配与方案定制：深度解读国家部委、省市特许经营新机制相关政策，结合项目实际场景，定制“公益+经营”双属性平衡的特许经营方案，明确项目合作范围、期限、准入条件、退出机制等核心条款。
收益与风险管控设计：构建多元化收益平衡模型，合理确定使用者付费机制，优化价格调整机制；建立全生命周期风险清单，设计政府与社会资本合理的风险分担框架，降低双方履约风险。
全流程落地支撑：提供从项目立项、方案编制、招标谈判、合同起草、谈判签约、履约监管、中期评估、规范优化等全流程咨询服务，确保方案合规落地、高效推进。` },
{ title: '明树优势', desc: `明树具备工程咨询单位 PPP 咨询甲级专项资信证书，拥有在 PPP 领域提供全过程、高水准专业咨询服务的资质与技术能力。公司深度掌握《政府和社会资本合作（PPP）新机制项目审核把关要点（2025 年版）》，依托多年在全国范围内数百个特许经营项目的实操经验，明树构建起一套逻辑严密、边界清晰、要素完备、高度契合政策导向的特许经营方案编制方法论体系，为项目合规落地提供专业支撑。` },
{ title: '服务客群', desc: '各地市政府、实施机构（交通局、住建局、城管局等）、事业单位、央企、地方国企' }
],
cases: [
{ title: '重庆秀山至贵州印江高速公路（重庆段）', desc: '' },
{ title: '重庆涪陵西环+涪陵北环打捆项目特许经营', desc: '' },
{ title: '重庆綦江至贵州习水高速公路', desc: '' },
{ title: 'G326大方九驿至七星关鸭池公路工程特许经营', desc: '' },
{ title: '贵州渝赤叙、松万、玉天打捆项目特许经营', desc: '' },
{ title: 'G76厦蓉国家高速公路都匀至贵阳段扩容工程与榕江至融安(黔桂界)高速公路打捆项目', desc: '' },
{ title: 'S10张掖至马鬃山高速公路张掖段', desc: '' },
{ title: 'S35景泰至礼县高速公路定西段', desc: '' },
{ title: 'S19永寿（陕西）至灵台高速公路', desc: '' },
{ title: '新疆兵团第六师G335( 乌鲁木齐甘泉堡-五家渠-新湖段) ) 改造提升项目全过程咨询服务合同', desc: '' },
{ title: '新疆兵团第四师G219温泉-昭苏公路工程(第四师61团-都拉塔口岸段)投融资咨询服务', desc: '' },
{ title: '新疆兵团第十师北屯市全域旅游+交通基础设施提质增效工程项目全过程投融资咨询服务', desc: '' }
]
},
{
id: "7",
title: '存量PPP项目效能诊断、合规整改与风险化解',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '明树数据以国办函〔2025〕84号文为指导文件，结合项目实际情况，以实现合规化、市场化、可持续化转型，严禁新增隐性债务为目标，提供全过程咨询服务。',
details: '全国存量PPP项目总投资超10万亿元，超1200个项目进入运营期。鉴于当时的政策背景和金融市场环境，大多数存量PPP项目的投资收益、融资利率较高以及运营成本较高；部分PPP项目仍存在固定回报以及兜底收益等情形，为了规范存量PPP项目的建设和运营管理，防止项目停摆烂尾，公共服务供给断档，整体围绕“分类施策、降本增效、依法履约”的原则，为存量PPP项目量身制定效能诊断、合规整改与风险化解的全流程工作方案，通过再谈判的形式，重新签订补充协议，化解项目风险。',
image: clPPPImg,
solutions: [
{ title: '明树方案', desc: `依托项目全生命周期管理经验，为存量PPP项目效能诊断、合规整改与风险化解提供专业咨询服务。
梳理项目前期实施阶段的规范性：从项目前期的识别、准备、采购分别进行梳理，关注前期策划包装的合规性、实施程序的规范性、项目决策程序的完善性、项目实施前提条件的完成情况、招采程序合规性、项目公司设立合规性、PPP项目合同谈
判及签订的合规性等。
梳理项目建设和运营管理的规范性：从合同履约角度分析项目参与主体的履约情况及其违约风险分析，根据现有PPP规范性文件要求对项目实施过程中的合法合规性开展全面自查工作，排查项目实施阶段是否存在瑕疵。
制定以实现客户目的为目标的后续谈判方案：根据梳理分析结果，结合项目实际和客户的核心诉求，协助制定科学合理的谈判策略，并起草谈判方案，为客户决策提供建议。
拟定补充协议：以“分类施策、降本增效、依法履约”为原则，重新签署补充协议。` },
{ title: '明树优势', desc: `明树具有工程咨询单位PPP咨询甲级专项资信证书，公司与多地政府、央企和大型国企常年合作，分别为政府或社会资本客户提供存量PPP项目再谈判咨询服务。在存量项目管理中，为不同的客户主体精准识别存量项目管理痛点，为项目规范实施提供技术支撑。` },
{ title: '服务客群', desc: '各地市政府、实施机构、财政部门、央企、国企、名企' }
],
cases: [
{ title: '成都东部新区建设运营期咨询服务', desc: '' },
{ title: '四川省成都市简州新城城市综合开发运营PPP项目管理咨询', desc: '' },
{ title: '乌鲁木齐轨道交通2号线一期PPP项目调整咨询服务', desc: '' },
{ title: '新疆乌鲁木齐市存量PPP项目（3个）整改咨询', desc: '' },
{ title: '兰州中通道再谈判项目', desc: '' }
]
},
{
id: "8",
title: '项目全生命周期绩效评价、中期评估',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '明树数据以国办函〔2025〕84号文为指导文件，严格开展绩效监控和绩效评价，加强结果应用，结合绩效评价情况适时开展中期评估，激励社会资本方提升公共服务供给质量和效率。',
details: '全国存量PPP项目总投资超10万亿元，超1200个项目进入运营期。为了保障公共服务质量，实现项目可持续性运营。地方政府应因地制宜制定绩效评价和中期评估管理制度和体系，根据绩效管理和评估结果不断提升项目管理规范性，进一步提升公共服务和民生保障水平。',
image: xmqsmzqImg,
solutions: [
{ title: '明树方案', desc: `明树数据依托各行业的存量PPP项目的策划和管理经验，为绩效评价和中期评估提供专业咨询服务。
项目尽调：梳理原合同约定的绩效评价工作体系与项目实际情况的差异，根据最新政策管理规定和行业标准调整优化绩效评价指标体系。
制定绩效评价工作方案：按照各地政府对存量PPP项目的管理流程，构建绩效评价工作工作流程。
开展绩效评价工作：按照审定的工作方案，组织开展绩效评价工作，具体包括内业检查和外业检查。
编制绩效评价报告：根据绩效评价工作结果，逐项分析项目公司建设或运营管理情况，提出和整理发现的问题。
下发整改通知书：梳理存在的问题，协助实施机构下发整改通知。` },
{ title: '明树优势', desc: `明树基于多年在基础设施行业的管理经验，围绕PPP项目全生命周期管理需求，聚焦PPP项目建设、运营关键环节，通过构建涵盖项目管理、效果、产出等多维度绩效评价指标体系，结合文件审查、现场踏勘、数据核验等方式，全面、客观、公正评价项目绩效目标实现程度，为政府按效付费、优化项目管理、防范各类风险、提升公共服务供给质量与效率提供支撑。` },
{ title: '服务客群', desc: '各地市政府、实施机构、财政部门' }
],
cases: [
{ title: '四川宣汉县南坝新城基础设施建设PPP项目（一期）龙驹坝大桥项目建设期绩效考核评价服务', desc: '' },
{ title: '新津红岩污水处理厂改扩建项目（PPP）建设期绩效考核咨询服务', desc: '' }
]
},
{
id: "9",
title: '“三资三化”及存量资产资源盘活利用',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '“三资三化”（国有资源资产化、国有资产证券化、国有资金杠杆化）的市场需求，源于国有资产盘活、地方财政优化及产业高质量发展的诉求，目前已形成政策引领、主体迫切、场景多元的格局，需求呈稳步扩容、提质升级态势。',
details: '“三资三化”的核心是通过市场化等手段，盘活存量要素、提升运营效能、防范各类风险。其中国有领域最为关键，“三资”具体指国有资源、国有资产、国有资金，“三化”即资源资产化、资产证券化、资金杠杆化，旨在构建“资源→资产→资本→资金”的价值转化闭环。此项改革源于地方财政转型需求，既能增强地方财政造血能力、缓解债务压力，也能激发市场活力，是助力经济转型、实现国有资产保值增值的关键举措。',
image: szshImg, image: szshImg,
solutions: [ solutions: [
{ title: '“三资”清查确权与动态管理体系搭建', desc: '全面开展土地、矿产、数据等六类国有资源，实物资产、特许经营权等五类国有资产及企业闲置资金的清查梳理工作。精准完成各类“三资”的权属界定、价值评估，建立权属清晰、价值明确的动态管理台账，为后续盘活与转型工作筑牢数据基础。' }, { title: '明树方案', desc: `明树数据基于多年投融资经验，提供从存量资产梳理、价值评估、路径设计、融资对接等一揽子服务。服务内容包括：
{ title: '“一企一策”定制整合重组与转型路径', desc: '基于各融资平台实际情况，量身设计整合重组方案，助力平台稳步剥离政府融资职能。同步推动现代企业制度建设，完善法人治理结构、市场化运营机制与绩效考核体系，实现从“政府附属”到“独立市场主体”的转型。' }, （1）存量资产梳理，结合公共资源有偿使用政策要求，梳理适宜盘活的资产类型，确保资产盘活的合规性；
{ title: '多元融资工具赋能资产价值变现', desc: '结合“三资”特性与平台需求，针对性提供REITs（基础设施领域不动产投资信托基金）、资产证券化、特许经营、融资租赁等多元化融资方案。通过结构化设计挖掘资产潜在价值，拓宽融资渠道，实现存量资产的高效变现与循环利用。' }, （2）搭建多因子模拟测算模型，多维度评估资产价值，为确定资产盘活价值提供依据；
{ title: '政策合规保障与金融资源精准对接', desc: '实时对接国家及地方关于“三资”管理、融资平台转型的最新政策要求，确保所有盘活与转型动作符合市场化、法治化标准。同时发挥资源整合优势，协助平台对接银行、券商、基金等各类金融机构，打通资金对接“最后一公里”，保障转型与盘活工作落地见效。' } （3）全面梳理存量资产监管、日常运营、移交管理等各方权责，设计切实可行的落地路径；
（4）协助中标单位多渠道对接金融机构，必选融资条件，提高项目融资落地可行性。` },
{ title: '明树优势', desc: `（1）咨询经验丰富，在安徽、甘肃、山西等地有多个项目实施落地，盘活资金规模超过30亿；
（2）财务测算：善于挖掘项目经营收入，提高项目经济可行性。` },
{ title: '服务客群', desc: '各地财政局、行业主管部门、国有企业' }
], ],
cases: [ cases: [
{ title: '兰州市道路停车泊位及部分公共停车场市政公共资源有偿使用实施方案' } { title: '安徽某市盘活屋顶光伏资源4.8亿，撬动银行融资3.5亿', desc: '' },
{ title: '甘肃某市盘活公租房经营权19.5亿，撬动银行融资15.5亿', desc: '' },
{ title: '甘肃某市盘活索道1.5亿，撬动银行贷款1亿。', desc: '' }
] ]
}, },
{ {
id: "6", id: "10",
title: '政府投资项目谋划与资金申报',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '针对政府投资项目提出多元化资金筹措路径，申报政府专项债、中央预算、超长期特别国债资金等',
details: '动态结合各类资金支持政策，协助政府及国有企业系统化谋划政府投资项目，提出多元化的资金筹措路径，申报政府专项债资金、中央预算资金、超长期特别国债资金等，解决政府投资项目建设资金缺口',
image: zftzImg,
solutions: [
{ title: '明树方案', desc: `项目谋划服务内容包括：
（1）针对年度政府投资计划，结合国家、省级各类资金申报政策，提出多元化资金谋划建议，指导相关单位做好资金申报工作，提高资金申报成功率；
（2）针对特许经营或者其他拟引入社会资本的重点项目，初步研判项目合作模式及实施路径，与合作方进行初步洽谈；
（3）协助梳理政府投资存量资产，提出资产盘活思路及建议。
政府专项债、中央预算、国债资金申报服务内容包括：
（1）政策培训：及时追踪中央预算内投资、超长期特别国债资金申报要求，梳理各领域资金申报要点及禁止红线，为地方政府、申报单位提供高质量政策培训；
（2）项目谋划：结合地方政府建设需求及资金申报政策要求，梳理符合度高的重点项目，对项目提出打包、拆分、整合等建议，提高项目申报通过率；
（3）资金申报：编制资金申请报告或专项债一案两书，协助单位准备各类资金申报文件及项目答辩材料等。` },
{ title: '明树优势', desc: `（1）精通政策：熟悉掌握各类资金申报政策，项目谋划经验丰富，与中咨集团建立战略合作关系，能为项目申报提供专业指导。
（2）咨询经验：项目谋划经验丰富，熟悉特许经营、F+EPC、投资人+EPC、股权合作等投融资模式，精通各类交易结构设计，存量资产盘活经验丰富，能够提供地方政府及地方国企提供项目谋划、项目申报、社会资本引入、合作谈判、存量盘活、运营管理、降本增效等一系列专业服务。` },
{ title: '服务客群', desc: '各地发改委、财政局及行业主管部门；各地国有企业。' }
],
cases: [
{ title: '山西、海南多地政府项目谋划顾问；海南陵水海风片区保障性租赁住房及配套设施项目', desc: '' },
{ title: '专项债申报业绩遍布全国多个省份，涉及20+行业领域，协助地方申报资金额度超过60亿。', desc: '' }
]
},
{
id: "11",
title: '数据资源资产化',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: `针对政企客户数据价值难以量化的痛点，
提供数据资源合规确权、价值计量、入账核算全流程服务，帮助数据资源正式纳入资产负债表，
明晰数据资产权属与商业价值`,
details: '紧扣国家数据资源相关政策要求，融合行业前沿实践经验，以“合规为先、价值为核”为导向，通过多维度全景式调研，系统厘清企业数据资源的类型划分、规模体量及实际应用场景，完成合规化数据权属界定与认证；依托专业大数据建模技术与科学量化评估体系，精准测算数据资产内在价值；最终协助企业打通数据资产与财务体系的衔接通道，实现规范化入账核算。全程配备专属团队，提供定制化解决方案与全流程实操赋能，针对性破解“数据变资产”过程中的合规风险、技术瓶颈与落地障碍，助力企业将分散的无形数据资源，转化为可管理、可核算、可增值的标准化有形资产，为数据资产后续市场化运营、商业化变现及价值最大化挖掘奠定坚实基础。',
image: sjzyImg,
solutions: [
{ title: '明树方案', desc: `明树数据凭借对数据资源登记为企业资产相关政策的深度解读，结合政企数据服务经验，提供全流程入表方案。先通过多维度调研整理企业数据资源，建立分类建档体系。再依据合规标准开展明确数据归属权，明确资产归属与使用边界。随后用组合评估模型测算数据资产价值。最后协助连接财务系统完成入账核算，并提供后续台账管理与政策满足服务，从而确保入表合规高效落地。` },
{ title: '明树优势', desc: `（1）政策衔接精准：实时跟踪政策动态，协助企业顺利完成政策满足，进而避免政策风险。
（2）服务经验丰富：覆盖多行业企业服务，能快速匹配不同行业数据资产特性，降低试错成本。
（3）全链条支撑：配备专项团队全程跟进，帮助解决落地过程中的各类问题，有效缩短落地周期。` },
{ title: '服务客群', desc: '以国有企业为主，尤其是文旅、农业、交通等领域的企业' }
],
cases: [
{ title: '中铁交通、兰州黄河生态开发集团及下属8家子公司、兰州市轨道交通有限公司等。', desc: '' }
]
},
{
id: "12",
title: '数据资产证券化',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: `聚焦企业数据资产流动性不足的需求，
以合规数据资产为基础资产，提供从基础资产筛选、合规论证到交易结构设计、发行落地的全链条服务，帮助企业有效通过资产证券化拓宽融资渠道、
盘活数据资产`,
details: '结合金融、法律专业机构开展企业数据资产全维度筛选，甄选出符合监管要求、具备稳定收益预期的优质基础资产。通过法律合规论证明确权属边界与收益分配机制，从源头规避潜在法律风险。联合券商、评级机构设计适配的数据资产证券化产品交易结构，配套风险等级划分、信用增强手段等核心设置。协助对接交易所完成申报发行全流程，提供产品存续期管理服务，推动沉淀数据资产转化为可流通金融产品，高效满足企业融资需求，充分释放数据资产资本化价值。',
image: sjzcImg,
solutions: [
{ title: '明树方案', desc: `明树数据基于“数据合规+金融创新”逻辑，提供全链条资产证券化融资产品服务。先联合专业机构筛选基础资产，筛选权属清晰、收益稳定的资产。再组织合规论证，出具相关报告明确收益分配机制。随后共同设计交易结构，包含证券分层、信用增强手段等。最后协助连接交易所完成申报发行，并提供存续期监控与信息披露支持。` },
{ title: '明树优势', desc: `（1）资源整合能力强：链接各类金融与专业机构，能快速整合优质资源，降低融资成本。
（2）风险把控专业：建立数据资产合规风险评估体系，提前识别基础资产隐患，减少风险发生。
（3）创新经验成熟：参与多领域数据资产证券化融资产品项目，可提供差异化、高成功率的发行方案。` },
{ title: '服务客群', desc: '各类有较好数字化基础、且有融资需求的企业' }
],
cases: [
{ title: '多家省市级大型数据资产持有企业集团等，涵盖四川、甘肃、海南、安徽等地。', desc: '' }
]
},
{
id: "13",
title: '公共数据授权运营',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: `针对地方政府和国企数据资产“重建设、轻运营”的现状，提供数据资产日常运营、合规授权、效果监控与优化服务，帮助企业有效提升数据资产复用率与持续创造价值的能力`,
details: '结合业务战略与数据资产特性制定个性化运营方案，明确运营目标与实施路径，搭建完善的数据授权管理体系，按使用主体、场景设置差异化授权权限，保障数据合规合理使用。依托数据运营监控平台实时跟踪资产使用情况与效益产出，形成多维度运营报告。结合业务反馈与市场变化动态优化运营策略、授权模式，提供资产维护更新服务，保障数据资产时效性与可用性，推动数据资产从固定管理模式向持续价值提升模式转变。',
image: ggsjImg,
solutions: [
{ title: '明树方案', desc: `明树数据针对数据资产利用痛点，提供全周期运营授权方案。先结合企业战略与数据特性制定运营规划，明确目标与核心指标。再搭建授权管理体系，设置分级权限并开发监控平台。日常跟踪使用与效益情况，按月生成运营报告。定期迭代优化策略，同时提供数据资产更新维护，从而确保资产时效性。定制一体化管理平台，涵盖数据整理、编目分类、确权计量、运营监控与安全防护模块。` },
{ title: '明树优势', desc: `（1）场景满足灵活：形成多场景标准化运营模板，可快速调整满足不同企业需求，缩短定制周期。
（2）价值提升明显：帮助企业有效提升数据资产复用率，同时拓展外部授权收益渠道，帮助客户实现资产增值。
（3）团队专业度高：运营团队具备多领域数据管理经验，能兼顾技术合规与商业价值转化。` },
{ title: '服务客群', desc: '数字化情况较好的企业，尤其是文旅、农业、交通等领域的企业；以及有持续入表需求、数据中台建设需求的企业' }
],
cases: [
{ title: '河北省某城市级停车场运营公司等', desc: '' }
]
},
{
id: "14",
title: '可信数据空间规划和开发',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: `基于隐私计算、区块链、身份认证等技术，为跨政企、跨行业主体搭建安全可信的数据共享共同空间，帮助解决数据“共享难、安全难”问题，帮助多主体数据共同创新`,
details: '采用“数据不迁移、模型可移动”“可用不可见”技术架构，搭建统一身份认证与权限管理体系，实现授权准入；依托隐私计算技术，支撑多主体数据本地联合分析与建模；通过区块链存证操作记录及结果，保障过程可追溯、结果可验证。可按需制定共享规则，适配不同场景配置数据使用范围与计算任务类型，配套7×24小时技术运维保障稳定运行，助力多主体合规安全实现数据共享，赋能跨领域创新发展。',
image: kxsjImg,
solutions: [
{ title: '明树方案', desc: `明树数据融合多类技术，为跨主体搭建安全数据共享环境。先根据需求设计空间架构，建立统一身份认证体系。再通过隐私计算技术帮助客户实现“数据可使用但不泄露原始信息”，从而确保原始数据安全。同时用区块链记录验证共享过程与结果，从而确保可追溯可验证。还可以根据需求设置共同规则，满足政企互通、产业共同等场景需求。后续提供技术运营维护与安全检测，从而确保空间稳定。` },
{ title: '明树优势', desc: `（1）技术架构安全：采用双技术底座，通过权威安全认证，从而确保数据共享过程中的信息安全。
（2）共同满足广泛：能满足跨地域、跨行业多主体接入需求，支撑复杂共同场景落地。
（3）实践经验充足：已服务多类产业集群，帮助企业有效降低共享成本、提升共同效率，无安全事故记录。` },
{ title: '服务客群', desc: '聚焦行业数据可信空间' }
],
cases: [
{ title: '贵州遵义某低空经济产业园', desc: '' }
]
},
{
id: "15",
title: '信贷风控',
icon: <BarChart3 className="w-6 h-6 md:w-8 md:h-8 text-emerald-300" />,
desc: '依托明树数据海量投融资项目库，为金融机构提供全流程信贷风控与投资决策支持。',
details: '以穿透式视角，提供项目、主体业绩及地方财政债务等多维数据，协助金融机构实时掌握融资主体的实际履约能力和区域潜在财政风险。客户应用本数据资源，可实现贷前精准尽调、贷中动态预警和贷后合规核查，有效降低信贷不良率，保障资产安全。',
stats: ['覆盖项目 100万+', '风险预警 准确率95%', '服务机构 50+'],
image: xdfkImg,
solutions: [
{ title: '尽调风控包', desc: '集成项目全生命周期、企业信用及经营业绩数据，为金融机构贷前尽调提供一站式、穿透式的数据支撑，实现交易真实性与合规性的快速验证。' },
{ title: '地方债风险智评', desc: '通过量化评估区域经济实力、财政状况及债务负担，提供精准的区域信贷风险分级与警示，实现前置化风险管理。' },
{ title: '主体风险动态监测', desc: '对潜在项目、在建项目和相关企业的异常行为进行持续动态监测，捕捉舆情、法律、经营等风险变动，实现风险事件的预警。' }
],
cases: [
{ title: '中国农业发展银行', desc: '提供多维数据定制化数据接口，实现了信贷业务全流程的自动化数据校验与风险评估，有力支持了其信贷管理业务的科学决策和精准授信。' },
{ title: '华泰证券股份有限公司', desc: '深度挖掘基建投融资数据价值，提供项目债券承销风险的精准分析依据，并辅助其区域投资战略的制定。' },
{ title: '平安银行股份有限公司', desc: '提供区域财政债务评估的模型以及关键指标，指导其制定区域信贷政策及风险防控报告。' }
]
},
{
id: "16",
title: '低空经济', title: '低空经济',
icon: <Rocket className="w-6 h-6 md:w-8 md:h-8 text-purple-300" />, icon: <Rocket className="w-6 h-6 md:w-8 md:h-8 text-purple-300" />,
desc: '聚焦数据要素，为地方政府与国企打造低空经济一揽子解决方案，助力地方低空经济布局与数据资产价值提升。', desc: '聚焦数据要素，为地方政府与国企打造低空经济一揽子解决方案，助力地方低空经济布局与数据资产价值提升。',
...@@ -321,52 +568,6 @@ const scenarios = [ ...@@ -321,52 +568,6 @@ const scenarios = [
{ title: '某市“低空+经济城市综合数据资产', desc: '“低空+经济城市综合数据资产”在上海数据交易所挂牌并启动融资。该资产包内包括低空二维影像地图数据、低空三维模型地图数据、无人机视频数据等，在“低空+旅游”“低空+物流”等多维度有着丰富的应用场。' }, { title: '某市“低空+经济城市综合数据资产', desc: '“低空+经济城市综合数据资产”在上海数据交易所挂牌并启动融资。该资产包内包括低空二维影像地图数据、低空三维模型地图数据、无人机视频数据等，在“低空+旅游”“低空+物流”等多维度有着丰富的应用场。' },
{ title: '某市应急巡查示范项目', desc: '利用低空数据融合技术，提升城市应急响应速度与效率。' } { title: '某市应急巡查示范项目', desc: '利用低空数据融合技术，提升城市应急响应速度与效率。' }
] ]
},
{
id: "7",
title: '存量PPP项目',
icon: <Layers className="w-6 h-6 md:w-8 md:h-8 text-cyan-300" />,
desc: '提供政府和社会资本合作（PPP）项目全生命周期管理咨询服务，提升项目运行质量效益。',
details: '依托存量PPP项目政策管理要求，为客户提供PPP项目全生命周期管理咨询服务，进而规范政府和社会资本合作（PPP）存量项目建设和运营，提升项目运行质量效益，持续提高公共服务供给水平。',
stats: ['履约 实时监管', '绩效 科学评价', '整改 合规落地'],
image: clPPPImg,
solutions: [
{ title: '项目再谈判', desc: '为政府、社会资本方提供存量PPP项目的系统性优化方案，包括优化合同条款、搭建财务测算模型、合规性提升措施、谈判策略支持、全过程跟踪谈判与补充协议编制。' },
{ title: '项目绩效评价', desc: '结合行业管理要求，优化项目绩效评价指标体系，制定项目绩效评价工作方案，组织开展绩效评价工作，确保项目公司按合同约定提供符合相关质量和标准要求的公共服务。' },
{ title: '项目中期评估', desc: '依据PPP项目合同，结合项目绩效评价情况，对项目前期工作程序、财务投资情况、项目管理情况、项目产出效果分析等进行深度分析，全面评估项目是否实现“物有所值”的目标。' },
{ title: '项目后评价', desc: '按照发改委对重大项目投资后评价要求，对项目前期决策、项目建设准备和实施情况、项目运行情况、项目效益效果、项目目标及可持续性进行总结和评价，提高投资决策水平和投资效益，加强项目全生命周期管理。' }
],
cases: [
{ title: '新疆乌鲁木齐市交通运输局规范和优化PPP项目咨询服务' },
{ title: '北京轨道交通16号线项目再谈判咨询' },
{ title: '四川省成都市简州新城城市综合开发运营PPP项目管理咨询服务' },
{ title: '新津区红岩污水处理厂建设期绩效评价咨询' },
{ title: '宣汉县南坝新城基础设施建设PPP项目—龙驹坝大桥项目建设期绩效评价' },
{ title: '新疆交投集团固定资产投资项目投后评价体系构建与存量项目优化研究应用'}
]
},
{
id: "8",
title: '高速公路引流增收',
icon: <TrendingUp className="w-6 h-6 md:w-8 md:h-8 text-red-300" />,
desc: '运用大数据差异化收费与数字化营销，提升路网流量与营收。',
details: '高速公路引流增收业务是为高速公路运营方（各省交投、央企）提供基于多源数据决策的全流程方案，方案涵盖高速公路差异化收费政策、出行会员研究、大客户以量定价等，通过分析路网空间特征、时间特征、会员特征等，实现对目标车流精准引流、优化服务提升价值转化、多元协同拓展收益渠道等多项目标，在平衡高速公路与竞争普通公路车流分布的同时，提升运营公司收入，优化司机综合出行成本与公众出行体验，提升高速公路资源使用率与高速出行用户通行粘性，挖掘服务附加值，最终构建可持续的运营增收长效机制。',
stats: ['车流 显著提升', '营收 逆势增长', '营销 精准触达'],
image: gsglImg,
solutions: [
{ title: '高速公路差异化收费政策', desc: '分析高速路网与竞争公路车辆的空间特征、时间特征、距离分布等、基于三部委六类基本差异化收费政策给出符合项目特征的精准差异化收费方案：包括基于行驶距离“递远递减”、分路段+分收费站+分车型的组合差异化等多种方案。' },
{ title: '高速公路出行会员研究', desc: '基于高速收费数据、高速出行平台数据等多源数据对高速出行用户进行细分，设计基于价值、活跃度、忠诚度等多维度的用户画像，构建权益矩阵与增值权益，基于用户框架设定积分运营机制，设计风险管控并测算运营成本，展开会员营销活动并对运营效果进行评估，在效果评估与用户体系不断迭代的过程中形成全流程会员出行方案。' },
{ title: '“以量定价”大客户', desc: '主要针对行驶在高速公路的运输企业、煤炭化工企业为大客户用户对象，通常对具有一定规模的车队展开公路出行特征分析，在企业调研的基础上设计精准优惠方案。方案包括企业特征、出行特征、成本分析、增收测算、风险评估等，在方案确定后协助运营方与相关企业开展商务谈判，确定大客户名单后定期开展效果评估，同时对其他潜在客户开展持续跟进，不断扩大客户群体规模。' }
],
cases: [
{ title: '甘肃省高速公路差异化收费政策调整及实施方案研究' },
{ title: '广西高速公路差异化收费政策实施情况评估和调整' },
{ title: '福建高速差异化收费实施效果评估' },
{ title: '甘肃敦当高速公路差异化收费实施方案研究' },
{ title: '枣潜高速公路差异化收费实施方案研究' },
{ title: '广东汕湛高速大客户研究方案' },
{ title: '湖北交投科技发展有限公司沪渝高速拥堵研判与安全治理决策分析（含会员方案）'}
]
} }
]; ];
...@@ -652,7 +853,7 @@ AI办公助手，聚焦 “问、写、办、查” 四大核心场景。通过 ...@@ -652,7 +853,7 @@ AI办公助手，聚焦 “问、写、办、查” 四大核心场景。通过
平台不同于传统的“货架式”交易。平台以业务场景为核心，提供从数据要素匹配、治理、隐私计算到资产化融资的全生命周期服务生态新通道。 平台不同于传统的“货架式”交易。平台以业务场景为核心，提供从数据要素匹配、治理、隐私计算到资产化融资的全生命周期服务生态新通道。
全栈式供需撮合：汇聚数十家数据交易平台50000+挂牌数据产品、建立AI企业数据需求池，共创高质量数据集，链接超万家数据源， 平台通过精准的行业标签与匹配，建立起政府公共数据、企业商业数据与科研数据的高效对接，极大降低了数据要素的发现成本。 全栈式供需撮合：汇聚数十家数据交易平台50000+挂牌数据产品、建立AI企业数据需求池，共创高质量数据集，链接超万家数据源，平台通过精准的行业标签与匹配，建立起政府公共数据、企业商业数据与科研数据的高效对接，极大降低了数据要素的发现成本。
落地场景深度融合： 针对信贷风控与资产安全、数据资产ABS/证券化、交通量预测和OD分析、高速公路引流增收、供应链管理等多个垂直领域，平台预设了丰富的数据资源与应用模板，支持企业快速实现数据价值的场景化变现。 落地场景深度融合： 针对信贷风控与资产安全、数据资产ABS/证券化、交通量预测和OD分析、高速公路引流增收、供应链管理等多个垂直领域，平台预设了丰富的数据资源与应用模板，支持企业快速实现数据价值的场景化变现。
...@@ -780,7 +981,7 @@ AI赋能： 利用人工智能技术自动化地进行数据治理、质量提 ...@@ -780,7 +981,7 @@ AI赋能： 利用人工智能技术自动化地进行数据治理、质量提
针对2023年《关于规范实施政府和社会资本合作新机制的指导意见》（即“2023年2号文件”）实施后的市场变化，郭瑞分享了相关监测数据。自该文件发布至2025年10月31日，国家发改委主导的新机制项目库已收录项目317个，总投资约1.65万亿元；其中273个项目进入执行阶段，总投资达1.54万亿元。 针对2023年《关于规范实施政府和社会资本合作新机制的指导意见》（即“2023年2号文件”）实施后的市场变化，郭瑞分享了相关监测数据。自该文件发布至2025年10月31日，国家发改委主导的新机制项目库已收录项目317个，总投资约1.65万亿元；其中273个项目进入执行阶段，总投资达1.54万亿元。
与存量市场相比，新机制项目呈现两方面特点：一是聚焦使用者付费，所有项目均以使用者付费为回报机制，减少对政府付费的依赖，这与新机制“坚决遏制新增地方政府隐性债务”的要求相契合；二是民营企业参与度提升，273个已落地项目中，民营企业参与项目109个，数量占比40%，投资额约5000亿元，占比32.6%，高于存量市场16%的参与比例，体现了新机制“优先选择民营企业参与”的导向。 与存量市场相比，新机制项目呈现两方面特点：一是聚焦使用者付费，所有项目均以使用者付费为回报机制，减少对政府付费的依赖，这与新机制“坚决遏制新增地方政府隐性债务”的要求相契合；二是民营企业参与度提升，273个已落地项目中，民营企业参与项目109个，数量占比40%，投资额约5000亿元，占比32.6%，高于存量市场16%的参与比例，体现了新机制“优先选择民营企业参与”的导向。
在总结环节，郭瑞提到，新政策推动PPP市场从规模扩张转向质量提升，回归“聚焦公共服务供给效率与质量”的定位。郭瑞认为，存量项目风险化解与新机制项目推进，均需要专业法律服务支持，以及政府、社会资本、金融机构、咨询机构等多方协同。 在总结环节，郭瑞提到，新政策推动PPP市场从规模扩张转向质量提升，回归“聚焦公共服务供给效率与质量”的定位。郭瑞认为，存量项目风险化解与新机制项目推进，均需要专业法律服务支持，以及政府、社会资本、金融机构、咨询机构等多方协同。
作为PPP领域的数据服务机构，明树数据以“用数据支撑决策”为服务方向。郭瑞表示，明树数据将持续升级数据库资源与分析能力，为行业提供数据服务，助力PPP市场规范发展。目前，明树数据拥有国内规模庞大且历史沿革较完整的PPP项目数据库，其数据追溯自 2002 年起，积累了超 23 年的行业数据。不仅100%收录财政部原有入库的存量项目，而且同步发改委新机制项目库。填补了行业数据的关键盲区，让每一笔 PPP 交易都能在数据体系中找到踪迹，为全面、深入研究 PPP 市场提供了坚实的数据基础。 作为PPP领域的数据服务机构，明树数据以“用数据支撑决策”为服务方向。郭瑞表示，明树数据将持续升级数据库资源与分析能力，为行业提供数据服务，助力PPP市场规范发展。目前，明树数据拥有国内规模庞大且历史沿革较完整的PPP项目数据库，其数据追溯自2002 年起，积累了超 23 年的行业数据。不仅100%收录财政部原有入库的存量项目，而且同步发改委新机制项目库。填补了行业数据的关键盲区，让每一笔 PPP 交易都能在数据体系中找到踪迹，为全面、深入研究 PPP 市场提供了坚实的数据基础。
在数据更新方面，明树数据始终保持行业领先。全国 PPP 项目市场交易动态实现第一时间更新，能充分满足用户对 PPP 项目全生命周期过程信息的需求，从项目建设、融资方案、运营模式到相关过程文件，实现了全方位覆盖。无论是跟踪项目进展、分析市场趋势，还是开展学术研究，用户都能依托该数据库获取及时、准确且全面的数据支持。` 在数据更新方面，明树数据始终保持行业领先。全国 PPP 项目市场交易动态实现第一时间更新，能充分满足用户对 PPP 项目全生命周期过程信息的需求，从项目建设、融资方案、运营模式到相关过程文件，实现了全方位覆盖。无论是跟踪项目进展、分析市场趋势，还是开展学术研究，用户都能依托该数据库获取及时、准确且全面的数据支持。`
}, },
{ {
...@@ -1998,7 +2199,8 @@ const HomeSection = ({ setActiveTab, setSelectedScenario, setWechatShare }) => { ...@@ -1998,7 +2199,8 @@ const HomeSection = ({ setActiveTab, setSelectedScenario, setWechatShare }) => {
<div className="relative z-20 flex flex-col h-full pointer-events-none"> <div className="relative z-20 flex flex-col h-full pointer-events-none">
<div className="mt-auto"> <div className="mt-auto">
<div className="w-12 h-12 bg-[#252830] rounded-lg flex items-center justify-center mb-4 border border-white/10 group-hover:border-[#00FFC2] group-hover:bg-[#00FFC2] transition-all duration-500 shadow-lg"> <div className="w-12 h-12 bg-[#252830] rounded-lg flex items-center justify-center mb-4 border border-white/10 group-hover:border-[#00FFC2] group-hover:bg-[#00FFC2] transition-all duration-500 shadow-lg">
{React.cloneElement(item.icon, { className: `w-6 h-6 text-gray-300 group-hover:text-black transition-colors` })} <img src={reactLogo} className="w-6 h-6" />
{/* {React.cloneElement(item.icon, { className: `w-6 h-6 text-gray-300 group-hover:text-black transition-colors` })} */}
</div> </div>
<h4 className="text-xl font-bold mb-3 text-white group-hover:text-[#00FFC2] transition-colors tracking-wide">{item.title}</h4> <h4 className="text-xl font-bold mb-3 text-white group-hover:text-[#00FFC2] transition-colors tracking-wide">{item.title}</h4>
<p className="text-gray-400 text-xs leading-relaxed mb-0 font-light group-hover:text-white/90 transition-colors line-clamp-2">{item.desc}</p> <p className="text-gray-400 text-xs leading-relaxed mb-0 font-light group-hover:text-white/90 transition-colors line-clamp-2">{item.desc}</p>
...@@ -2541,7 +2743,8 @@ const App = () => { ...@@ -2541,7 +2743,8 @@ const App = () => {
<div className="relative z-20 flex flex-col h-full pointer-events-none"> <div className="relative z-20 flex flex-col h-full pointer-events-none">
<div className="mt-auto"> <div className="mt-auto">
<div className="w-12 h-12 bg-[#252830] rounded-lg flex items-center justify-center mb-4 border border-white/10 group-hover:border-[#00FFC2] group-hover:bg-[#00FFC2] transition-all duration-500 shadow-lg"> <div className="w-12 h-12 bg-[#252830] rounded-lg flex items-center justify-center mb-4 border border-white/10 group-hover:border-[#00FFC2] group-hover:bg-[#00FFC2] transition-all duration-500 shadow-lg">
{React.cloneElement(item.icon, { className: `w-6 h-6 text-gray-300 group-hover:text-black transition-colors` })} <img src={reactLogo} className='w-6 h-6'/>
{/* {React.cloneElement(item.icon, { className: `w-6 h-6 text-gray-300 group-hover:text-black transition-colors` })} */}
</div> </div>
<h4 className="text-xl font-bold mb-3 text-white group-hover:text-[#00FFC2] transition-colors tracking-wide">{item.title}</h4> <h4 className="text-xl font-bold mb-3 text-white group-hover:text-[#00FFC2] transition-colors tracking-wide">{item.title}</h4>
<p className="text-gray-400 text-xs leading-relaxed mb-0 font-light group-hover:text-white/90 transition-colors">{item.desc}</p> <p className="text-gray-400 text-xs leading-relaxed mb-0 font-light group-hover:text-white/90 transition-colors">{item.desc}</p>
...@@ -2638,83 +2841,6 @@ const App = () => { ...@@ -2638,83 +2841,6 @@ const App = () => {
))} ))}
</div> </div>
{/* Product Modal - kept as is */}
{/* 弹窗渲染部分（已加id）*/}
{selectedProduct && (
<div className="fixed inset-0 z-[150] bg-[#16181d] md:bg-black/90 md:backdrop-blur-md overflow-y-auto md:overflow-hidden md:flex md:items-center md:justify-center md:p-4">
<div className="absolute inset-0 bg-black/90 backdrop-blur-md" onClick={() => setSelectedProduct(null)}></div>
<div
id="product-modal"
className="bg-[#16181d] md:border border-[#00FFC2]/20 md:rounded-lg w-full md:max-w-5xl relative z-10 shadow-2xl animate-fade-in-up md:flex md:flex-col md:max-h-[90vh]"
>
{/* 原有弹窗内容*/}
<div className="sticky top-0 right-0 z-50 flex justify-end p-3 md:absolute md:top-4 md:right-4 md:p-0 bg-[#111318] md:bg-transparent">
<button onClick={() => setSelectedProduct(null)} className="p-2 bg-black/80 hover:bg-white/20 rounded-full transition-colors text-white">
<X className="w-5 h-5 md:w-6 md:h-6" />
</button>
</div>
<div className="flex flex-col md:flex-row md:flex-1 md:overflow-hidden">
{/* 左侧产品信息*/}
<div className="w-full md:w-5/12 bg-[#111318] relative flex flex-col border-b md:border-b-0 md:border-r border-white/5">
<div className="h-32 md:h-2/3 w-full relative overflow-hidden flex items-center justify-center bg-[#111318]">
<ProductVisualization index={products.findIndex(p => p.title === selectedProduct.title)} />
</div>
<div className="p-3 md:p-8 relative z-10 bg-[#16181d] border-t border-white/5">
<h3 className="text-lg md:text-2xl font-bold text-white mb-1 md:mb-2 leading-tight">{selectedProduct.title}</h3>
<div className="mt-2 md:mt-4">
{selectedProduct.tags.map((tag, idx) => (
<span key={idx} className="inline-flex items-center text-[10px] px-1.5 md:px-2 py-0.5 md:py-1 border border-[#00FFC2]/30 text-[#00FFC2] font-mono bg-[#00FFC2]/5 mr-1.5 md:mr-2">
{tag}
</span>
))}
</div>
</div>
</div>
{/* 右侧详情 */}
<div className="w-full md:w-7/12 p-4 md:p-10 bg-[#1a1c23] md:overflow-y-auto flex flex-col">
<h4 className="text-xs font-bold text-[#00FFC2] uppercase tracking-[0.2em] mb-3 md:mb-6 flex items-center gap-2" style={{fontSize: "20px" }}>
<div className="w-2 h-2 bg-[#00FFC2]"></div> 产品介绍
</h4>
<p className="text-gray-300 text-sm md:text-base leading-relaxed mb-5 md:mb-10 font-light border-l border-white/10 pl-3 md:pl-4">
{selectedProduct.details}
</p>
<h4 className="text-xs font-bold text-[#00FFC2] uppercase tracking-[0.2em] mb-3 md:mb-6 flex items-center gap-2" style={{fontSize: "20px" }}>
<div className="w-2 h-2 bg-[#00FFC2]"></div> 典型案例
</h4>
<div className="space-y-2 md:space-y-4 mb-4 md:mb-8">
{selectedProduct.cases.map((c, idx) => (
<div key={idx} className="bg-[#21242b] p-2.5 md:p-5 rounded-sm border border-white/5 hover:border-[#00FFC2]/30 transition-colors group">
<div className="">
<div className="mt-0.5 md:mt-1 mr-2 md:mr-4" style={{display: "inline-block", verticalAlign: "sub"}}><CheckCircle2 className="w-3.5 h-3.5 md:w-4 md:h-4 text-gray-500 group-hover:text-[#00FFC2] transition-colors" /></div>
<div style={{display: "inline-block"}}>
<h5 className="text-white font-bold text-xs md:text-sm mb-0.5 md:mb-1">{c.name}</h5>
<p className="text-gray-500 text-xs leading-relaxed">{c.desc}</p>
</div>
</div>
</div>
))}
</div>
<div className="mt-3 md:mt-8 pt-3 md:pt-8 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-3 md:gap-4">
<div className="flex items-center gap-3 md:gap-4">
<img src={codeImg} alt="QR" className="w-12 h-12 md:w-20 md:h-20 bg-white p-0.2 md:p-0.5 rounded-sm" />
<div>
<div className="text-white font-bold text-xs md:text-sm" style={{lineHeight: 1.5, fontSize: "24px" }}>联系我们</div>
<div className="text-gray-500 text-xs">获取详细方案</div>
</div>
</div>
<button onClick={() => handleShare("product")} className="hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
<MessageCircle className="w-4 h-4 text-[#07C160]" /> 转发至微信
</button>
</div>
</div>
</div>
</div>
</div>
)}
</section> </section>
); );
...@@ -3009,7 +3135,8 @@ const App = () => { ...@@ -3009,7 +3135,8 @@ const App = () => {
<div className="flex justify-between items-center p-4 md:p-6 border-b border-white/10 bg-[#111318] shrink-0"> <div className="flex justify-between items-center p-4 md:p-6 border-b border-white/10 bg-[#111318] shrink-0">
<div className="flex items-center gap-2 md:gap-3"> <div className="flex items-center gap-2 md:gap-3">
<div className="w-8 h-8 md:w-10 md:h-10 bg-[#00FFC2]/10 rounded flex items-center justify-center text-[#00FFC2]"> <div className="w-8 h-8 md:w-10 md:h-10 bg-[#00FFC2]/10 rounded flex items-center justify-center text-[#00FFC2]">
{selectedScenario.icon} <img src={reactLogo} className='w-6 h-6' />
{/* {selectedScenario.icon} */}
</div> </div>
<h3 className="text-lg md:text-2xl font-bold text-white tracking-wide">{selectedScenario.title}</h3> <h3 className="text-lg md:text-2xl font-bold text-white tracking-wide">{selectedScenario.title}</h3>
</div> </div>
...@@ -3038,7 +3165,7 @@ const App = () => { ...@@ -3038,7 +3165,7 @@ const App = () => {
selectedScenario.solutions.map((sol, idx) => ( selectedScenario.solutions.map((sol, idx) => (
<div key={idx} className="bg-[#21242b] p-3 md:p-5 rounded border border-white/5 hover:border-[#00FFC2]/30 transition-all"> <div key={idx} className="bg-[#21242b] p-3 md:p-5 rounded border border-white/5 hover:border-[#00FFC2]/30 transition-all">
<h5 className="text-white font-bold mb-2 text-sm md:text-base">{sol.title}</h5> <h5 className="text-white font-bold mb-2 text-sm md:text-base">{sol.title}</h5>
<p className="text-gray-400 text-xs md:text-sm leading-relaxed">{sol.desc}</p> <p style={{whiteSpace: "pre-wrap"}} className="text-gray-400 text-xs md:text-sm leading-relaxed">{sol.desc}</p>
</div> </div>
)) ))
) : ( ) : (
...@@ -3050,7 +3177,7 @@ const App = () => { ...@@ -3050,7 +3177,7 @@ const App = () => {
{/* 3. Cases Section */} {/* 3. Cases Section */}
<div className="mb-6 md:mb-8"> <div className="mb-6 md:mb-8">
<h4 className="text-sm font-bold text-[#00FFC2] uppercase tracking-widest mb-3 md:mb-4 flex items-center gap-2"> <h4 className="text-sm font-bold text-[#00FFC2] uppercase tracking-widest mb-3 md:mb-4 flex items-center gap-2">
<Award className="w-4 h-4"/> 成功案例 <Award className="w-4 h-4"/> 部分成功案例
</h4> </h4>
<div className="grid gap-3 md:gap-4"> <div className="grid gap-3 md:gap-4">
{selectedScenario.cases && selectedScenario.cases.length > 0 ? ( {selectedScenario.cases && selectedScenario.cases.length > 0 ? (
...@@ -3075,6 +3202,13 @@ const App = () => { ...@@ -3075,6 +3202,13 @@ const App = () => {
<div className="text-gray-500 text-xs">扫码咨询详细方案</div> <div className="text-gray-500 text-xs">扫码咨询详细方案</div>
</div> </div>
</div> </div>
<button onClick={() => {
setSelectedScenario(null);
setWechatShare("scenarios", "", null);
handleNavClick('home');
}} className="lg:hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
跳转至首页
</button>
<button onClick={() => handleShare("scenario")} className="hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all"> <button onClick={() => handleShare("scenario")} className="hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
<MessageCircle className="w-4 h-4 text-[#07C160]" /> 转发至微信 <MessageCircle className="w-4 h-4 text-[#07C160]" /> 转发至微信
</button> </button>
...@@ -3135,6 +3269,12 @@ const App = () => { ...@@ -3135,6 +3269,12 @@ const App = () => {
<div className="text-gray-500 text-xs">扫码咨询详细方案</div> <div className="text-gray-500 text-xs">扫码咨询详细方案</div>
</div> </div>
</div> </div>
<button onClick={() => {
setSelectedService(null)
handleNavClick('home');
}} className="lg:hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
跳转至首页
</button>
<button onClick={()=> handleShare("service")} className="hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all"> <button onClick={()=> handleShare("service")} className="hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
<MessageCircle className="w-4 h-4 text-[#07C160]" /> 转发至微信 <MessageCircle className="w-4 h-4 text-[#07C160]" /> 转发至微信
</button> </button>
...@@ -3142,6 +3282,91 @@ const App = () => { ...@@ -3142,6 +3282,91 @@ const App = () => {
</div> </div>
</div> </div>
)} )}
{/* Product Modal - kept as is */}
{/* 弹窗渲染部分（已加id）*/}
{selectedProduct && (
<div className="fixed inset-0 z-[200] flex items-center justify-center p-2 md:p-4">
<div className="absolute inset-0 bg-black/90 backdrop-blur-md" onClick={() => setSelectedProduct(null)}></div>
<div
id="product-modal"
className="bg-[#16181d] border border-[#00FFC2]/20 rounded-lg w-full max-w-4xl relative z-20 overflow-hidden shadow-2xl animate-fade-in-up flex flex-col h-[100dvh] md:h-auto md:max-h-[90vh]"
>
{/* 原有弹窗内容*/}
<div className="flex justify-between items-center p-4 md:p-6 border-b border-white/10 bg-[#111318] shrink-0">
<div></div>
<button onClick={() => setSelectedProduct(null)} className="p-2 bg-black/80 hover:bg-white/20 rounded-full transition-colors text-white">
<X className="w-5 h-5 md:w-6 md:h-6" />
</button>
</div>
<div className="p-4 md:p-8 overflow-y-auto flex-1">
{/* 左侧产品信息*/}
<div className="w-full md:w-5/12 bg-[#111318] relative flex flex-col border-b md:border-b-0 md:border-r border-white/5">
<div className="h-32 md:h-2/3 w-full relative overflow-hidden flex items-center justify-center bg-[#111318]">
<ProductVisualization index={products.findIndex(p => p.title === selectedProduct.title)} />
</div>
<div className="p-3 md:p-8 relative z-10 bg-[#16181d] border-t border-white/5">
<h3 className="text-lg md:text-2xl font-bold text-white mb-1 md:mb-2 leading-tight">{selectedProduct.title}</h3>
<div className="mt-2 md:mt-4">
{selectedProduct.tags.map((tag, idx) => (
<span key={idx} className="inline-flex items-center text-[10px] px-1.5 md:px-2 py-0.5 md:py-1 border border-[#00FFC2]/30 text-[#00FFC2] font-mono bg-[#00FFC2]/5 mr-1.5 md:mr-2">
{tag}
</span>
))}
</div>
</div>
</div>
{/* 右侧详情 */}
<div className="w-full md:w-7/12 p-4 md:p-10 bg-[#1a1c23] overflow-y-auto flex-1 flex flex-col">
<h4 className="text-xs font-bold text-[#00FFC2] uppercase tracking-[0.2em] mb-3 md:mb-6 flex items-center gap-2" style={{fontSize: "20px" }}>
<div className="w-2 h-2 bg-[#00FFC2]"></div> 产品介绍
</h4>
<p className="text-gray-300 text-sm md:text-base leading-relaxed mb-5 md:mb-10 font-light border-l border-white/10 pl-3 md:pl-4">
{selectedProduct.details}
</p>
<h4 className="text-xs font-bold text-[#00FFC2] uppercase tracking-[0.2em] mb-3 md:mb-6 flex items-center gap-2" style={{fontSize: "20px" }}>
<div className="w-2 h-2 bg-[#00FFC2]"></div> 典型案例
</h4>
<div className="space-y-2 md:space-y-4 mb-4 md:mb-8">
{selectedProduct.cases.map((c, idx) => (
<div key={idx} className="bg-[#21242b] p-2.5 md:p-5 rounded-sm border border-white/5 hover:border-[#00FFC2]/30 transition-colors group">
<div className="">
<div className="mt-0.5 md:mt-1 mr-2 md:mr-4" style={{display: "inline-block", verticalAlign: "sub"}}><CheckCircle2 className="w-3.5 h-3.5 md:w-4 md:h-4 text-gray-500 group-hover:text-[#00FFC2] transition-colors" /></div>
<div style={{display: "inline-block"}}>
<h5 className="text-white font-bold text-xs md:text-sm mb-0.5 md:mb-1">{c.name}</h5>
<p className="text-gray-500 text-xs leading-relaxed">{c.desc}</p>
</div>
</div>
</div>
))}
</div>
<div className="mt-3 md:mt-8 pt-3 md:pt-8 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-3 md:gap-4">
<div className="flex items-center gap-3 md:gap-4">
<img src={codeImg} alt="QR" className="w-12 h-12 md:w-20 md:h-20 bg-white p-0.2 md:p-0.5 rounded-sm" />
<div>
<div className="text-white font-bold text-xs md:text-sm" style={{lineHeight: 1.5, fontSize: "24px" }}>联系我们</div>
<div className="text-gray-500 text-xs">获取详细方案</div>
</div>
</div>
<button onClick={() => {
setSelectedService(null)
handleNavClick('home');
}} className="lg:hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
跳转至首页
</button>
<button onClick={() => handleShare("product")} className="hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
<MessageCircle className="w-4 h-4 text-[#07C160]" /> 转发至微信
</button>
</div>
</div>
</div>
</div>
</div>
)}
{/* News Detail Modal (New) */} {/* News Detail Modal (New) */}
{selectedNews && ( {selectedNews && (
...@@ -3184,6 +3409,12 @@ const App = () => { ...@@ -3184,6 +3409,12 @@ const App = () => {
<div className="text-gray-500 text-xs">获取更多资讯</div> <div className="text-gray-500 text-xs">获取更多资讯</div>
</div> </div>
</div> </div>
<button onClick={() => {
setSelectedService(null)
handleNavClick('home');
}} className="lg:hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
跳转至首页
</button>
<button onClick={() => handleShare("news")} className="hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all"> <button onClick={() => handleShare("news")} className="hidden lg:flex w-full md:w-auto px-4 md:px-6 py-2.5 md:py-3 bg-[#252830] hover:bg-[#2b2f38] text-white text-xs md:text-sm font-bold border border-white/10 flex items-center justify-center gap-2 hover:border-[#00FFC2] transition-all">
<MessageCircle className="w-4 h-4 text-[#07C160]" /> 分享新闻 <MessageCircle className="w-4 h-4 text-[#07C160]" /> 分享新闻
</button> </button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment