836 lines
32 KiB
HTML
836 lines
32 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>关键软件概念深度解析 - 科技博弈v2软件时代</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||
--dark-bg: #0f0f23;
|
||
--card-bg: #1a1a2e;
|
||
--border-color: #2a2a4e;
|
||
--text-primary: #ffffff;
|
||
--text-secondary: #a8a8b3;
|
||
--accent-purple: #7c3aed;
|
||
--accent-pink: #ec4899;
|
||
--success-green: #10b981;
|
||
--warning-yellow: #f59e0b;
|
||
--danger-red: #ef4444;
|
||
}
|
||
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
|
||
background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #2a2a4e 100%);
|
||
color: var(--text-primary);
|
||
min-height: 100vh;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* 头部设计 */
|
||
.hero-section {
|
||
background: var(--primary-gradient);
|
||
padding: 60px 0 40px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.hero-section::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,197.3C1248,203,1344,149,1392,122.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
|
||
background-size: cover;
|
||
}
|
||
|
||
.hero-title {
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
margin-bottom: 20px;
|
||
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
||
}
|
||
|
||
.hero-subtitle {
|
||
font-size: 1.2rem;
|
||
opacity: 0.95;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.meta-badge {
|
||
display: inline-block;
|
||
padding: 8px 16px;
|
||
background: rgba(255,255,255,0.2);
|
||
border-radius: 20px;
|
||
margin: 5px;
|
||
backdrop-filter: blur(10px);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.meta-badge:hover {
|
||
background: rgba(255,255,255,0.3);
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
/* 卡片样式 */
|
||
.content-card {
|
||
background: var(--card-bg);
|
||
border: 1px solid var(--border-color);
|
||
border-radius: 16px;
|
||
padding: 30px;
|
||
margin-bottom: 30px;
|
||
backdrop-filter: blur(20px);
|
||
transition: all 0.3s ease;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
||
}
|
||
|
||
.content-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 15px 40px rgba(124,58,237,0.2);
|
||
border-color: var(--accent-purple);
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 1.8rem;
|
||
font-weight: 600;
|
||
margin-bottom: 25px;
|
||
color: var(--text-primary);
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 15px;
|
||
}
|
||
|
||
.section-title i {
|
||
color: var(--accent-purple);
|
||
font-size: 1.5rem;
|
||
}
|
||
|
||
/* 时间轴样式 */
|
||
.timeline {
|
||
position: relative;
|
||
padding: 20px 0;
|
||
}
|
||
|
||
.timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 2px;
|
||
background: var(--accent-purple);
|
||
transform: translateX(-50%);
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
margin-bottom: 40px;
|
||
width: 100%;
|
||
}
|
||
|
||
.timeline-content {
|
||
background: rgba(124,58,237,0.1);
|
||
border: 1px solid var(--accent-purple);
|
||
border-radius: 12px;
|
||
padding: 20px;
|
||
width: calc(50% - 30px);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.timeline-item:nth-child(odd) .timeline-content {
|
||
margin-left: auto;
|
||
}
|
||
|
||
.timeline-item:nth-child(even) .timeline-content {
|
||
margin-right: auto;
|
||
}
|
||
|
||
.timeline-content:hover {
|
||
background: rgba(124,58,237,0.2);
|
||
transform: scale(1.02);
|
||
}
|
||
|
||
.timeline-date {
|
||
position: absolute;
|
||
top: 20px;
|
||
width: calc(50% - 30px);
|
||
text-align: right;
|
||
font-weight: 600;
|
||
color: var(--accent-pink);
|
||
}
|
||
|
||
.timeline-item:nth-child(even) .timeline-date {
|
||
right: calc(50% + 30px);
|
||
}
|
||
|
||
.timeline-item:nth-child(odd) .timeline-date {
|
||
left: calc(50% + 30px);
|
||
text-align: left;
|
||
}
|
||
|
||
.timeline-dot {
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 30px;
|
||
width: 16px;
|
||
height: 16px;
|
||
background: var(--accent-purple);
|
||
border-radius: 50%;
|
||
transform: translateX(-50%);
|
||
border: 3px solid var(--card-bg);
|
||
z-index: 1;
|
||
}
|
||
|
||
/* 表格样式 */
|
||
.stock-table {
|
||
width: 100%;
|
||
border-collapse: separate;
|
||
border-spacing: 0;
|
||
background: var(--card-bg);
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.stock-table thead {
|
||
background: var(--primary-gradient);
|
||
}
|
||
|
||
.stock-table th {
|
||
padding: 15px;
|
||
text-align: left;
|
||
font-weight: 600;
|
||
color: white;
|
||
border: none;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.stock-table tbody tr {
|
||
border-bottom: 1px solid var(--border-color);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.stock-table tbody tr:hover {
|
||
background: rgba(124,58,237,0.1);
|
||
}
|
||
|
||
.stock-table td {
|
||
padding: 12px 15px;
|
||
border: none;
|
||
}
|
||
|
||
.stock-name {
|
||
font-weight: 600;
|
||
color: var(--text-primary);
|
||
}
|
||
|
||
.industry-tag {
|
||
display: inline-block;
|
||
padding: 4px 10px;
|
||
background: rgba(124,58,237,0.2);
|
||
border: 1px solid var(--accent-purple);
|
||
border-radius: 6px;
|
||
font-size: 0.85rem;
|
||
margin: 2px;
|
||
}
|
||
|
||
.market-size {
|
||
color: var(--success-green);
|
||
font-weight: 500;
|
||
}
|
||
|
||
.domestic-rate {
|
||
color: var(--warning-yellow);
|
||
font-weight: 500;
|
||
}
|
||
|
||
/* 核心公司卡片 */
|
||
.company-card {
|
||
background: linear-gradient(135deg, rgba(124,58,237,0.1) 0%, rgba(236,72,153,0.1) 100%);
|
||
border: 1px solid var(--accent-purple);
|
||
border-radius: 12px;
|
||
padding: 20px;
|
||
margin-bottom: 20px;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.company-card:hover {
|
||
transform: translateX(10px);
|
||
box-shadow: -5px 5px 20px rgba(124,58,237,0.3);
|
||
}
|
||
|
||
.company-name {
|
||
font-size: 1.3rem;
|
||
font-weight: 600;
|
||
color: var(--accent-purple);
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.company-role {
|
||
color: var(--text-secondary);
|
||
font-style: italic;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
/* 风险提示 */
|
||
.risk-item {
|
||
display: flex;
|
||
align-items: start;
|
||
margin-bottom: 15px;
|
||
padding: 15px;
|
||
background: rgba(239,68,68,0.1);
|
||
border-left: 4px solid var(--danger-red);
|
||
border-radius: 8px;
|
||
}
|
||
|
||
.risk-item i {
|
||
color: var(--danger-red);
|
||
margin-right: 15px;
|
||
margin-top: 3px;
|
||
}
|
||
|
||
/* 响应式设计 */
|
||
@media (max-width: 768px) {
|
||
.hero-title {
|
||
font-size: 1.8rem;
|
||
}
|
||
|
||
.timeline::before {
|
||
left: 30px;
|
||
}
|
||
|
||
.timeline-content {
|
||
width: calc(100% - 60px);
|
||
margin-left: 60px !important;
|
||
}
|
||
|
||
.timeline-date {
|
||
width: calc(100% - 60px);
|
||
text-align: left !important;
|
||
left: 60px !important;
|
||
right: auto !important;
|
||
}
|
||
|
||
.timeline-dot {
|
||
left: 30px;
|
||
}
|
||
|
||
.stock-table {
|
||
font-size: 0.85rem;
|
||
}
|
||
|
||
.stock-table th,
|
||
.stock-table td {
|
||
padding: 8px;
|
||
}
|
||
}
|
||
|
||
/* 动画效果 */
|
||
@keyframes fadeInUp {
|
||
from {
|
||
opacity: 0;
|
||
transform: translateY(30px);
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
}
|
||
|
||
.fade-in-up {
|
||
animation: fadeInUp 0.6s ease-out;
|
||
}
|
||
|
||
/* 加载动画 */
|
||
.pulse {
|
||
animation: pulse 2s infinite;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% {
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
opacity: 0.7;
|
||
}
|
||
100% {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- 头部英雄区域 -->
|
||
<section class="hero-section">
|
||
<div class="container">
|
||
<div class="text-center">
|
||
<h1 class="hero-title fade-in-up">
|
||
<i class="bi bi-cpu"></i> 关键软件概念深度解析
|
||
</h1>
|
||
<p class="hero-subtitle fade-in-up">
|
||
科技博弈v2软件时代 - 国产化替代的黄金赛道
|
||
</p>
|
||
<div class="fade-in-up">
|
||
<span class="meta-badge"><i class="bi bi-calendar-event"></i> 2025年10月焦点</span>
|
||
<span class="meta-badge"><i class="bi bi-flag"></i> 地缘政治驱动</span>
|
||
<span class="meta-badge"><i class="bi bi-graph-up-arrow"></i> 结构性机会</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="container my-5">
|
||
<!-- 核心事件 -->
|
||
<div class="content-card fade-in-up">
|
||
<h2 class="section-title">
|
||
<i class="bi bi-lightning-charge"></i>
|
||
核心催化事件
|
||
</h2>
|
||
<div class="row">
|
||
<div class="col-md-6 mb-3">
|
||
<div class="alert alert-danger" role="alert">
|
||
<h5 class="alert-heading"><i class="bi bi-exclamation-triangle"></i> 美国制裁升级</h5>
|
||
<p class="mb-0">2025年10月10日，美国宣布对"所有关键软件"实施出口管制，科技博弈进入软件时代</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 mb-3">
|
||
<div class="alert alert-success" role="alert">
|
||
<h5 class="alert-heading"><i class="bi bi-shield-check"></i> 国内政策对冲</h5>
|
||
<p class="mb-0">同日发布《政务领域人工智能大模型部署应用指引》，打造国产软件先行市场</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 时间轴 -->
|
||
<div class="content-card fade-in-up">
|
||
<h2 class="section-title">
|
||
<i class="bi bi-clock-history"></i>
|
||
关键事件时间轴
|
||
</h2>
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<div class="timeline-date">2024年9月</div>
|
||
<div class="timeline-content">
|
||
<h5>工业软件量化目标</h5>
|
||
<p>国家出台设备更新指南，设定200万套工业软件更新目标</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<div class="timeline-date">2024年12月</div>
|
||
<div class="timeline-content">
|
||
<h5>美国投资限制</h5>
|
||
<p>美国将量子计算、AI列为对华投资限制领域</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<div class="timeline-date">2025年3月</div>
|
||
<div class="timeline-content">
|
||
<h5>工信部表态</h5>
|
||
<p>聚焦AI、关键软件重点领域，培育创新平台</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<div class="timeline-date">2025年6月</div>
|
||
<div class="timeline-content">
|
||
<h5>技术反击</h5>
|
||
<p>国产EDA厂商合见工软宣布关键产品免费开放试用</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-dot pulse"></div>
|
||
<div class="timeline-date">2025年10月10日</div>
|
||
<div class="timeline-content">
|
||
<h5><strong>转折点</strong></h5>
|
||
<p><strong>美国实施"关键软件"出口管制，中国发布政务AI指引</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑 -->
|
||
<div class="content-card fade-in-up">
|
||
<h2 class="section-title">
|
||
<i class="bi bi-diagram-3"></i>
|
||
核心驱动力分析
|
||
</h2>
|
||
<div class="row">
|
||
<div class="col-md-4 mb-3">
|
||
<div class="text-center p-3 border rounded">
|
||
<i class="bi bi-shield-fill-exclamation" style="font-size: 3rem; color: var(--danger-red);"></i>
|
||
<h5 class="mt-3">地缘政治安全</h5>
|
||
<p class="text-secondary">软件自主从"可选项"提升到国家安全"必选项"</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-3">
|
||
<div class="text-center p-3 border rounded">
|
||
<i class="bi bi-clipboard-data-fill" style="font-size: 3rem; color: var(--success-green);"></i>
|
||
<h5 class="mt-3">政策强力驱动</h5>
|
||
<p class="text-secondary">200万套量化目标，创造真实可测算市场空间</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-3">
|
||
<div class="text-center p-3 border rounded">
|
||
<i class="bi bi-lightbulb-fill" style="font-size: 3rem; color: var(--warning-yellow);"></i>
|
||
<h5 class="mt-3">技术突破拐点</h5>
|
||
<p class="text-secondary">国产软件跨过技术鸿沟，进入商业化落地阶段</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 重点公司分析 -->
|
||
<div class="content-card fade-in-up">
|
||
<h2 class="section-title">
|
||
<i class="bi bi-award-fill"></i>
|
||
核心玩家深度剖析
|
||
</h2>
|
||
|
||
<div class="company-card">
|
||
<h4 class="company-name">顶点软件 (603383)</h4>
|
||
<p class="company-role">金融IT核心系统的"破局者"</p>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<p><strong>竞争优势：</strong>唯一经过大规模验证的新一代分布式信创核心交易系统A5，技术路线领先</p>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<p><strong>业务进展：</strong>处于行业替换周期起点，未来3-6年头部券商订单驱动业绩高增</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="company-card">
|
||
<h4 class="company-name">宝信软件 (600845)</h4>
|
||
<p class="company-role">工业控制"皇冠明珠"的"国家队"</p>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<p><strong>竞争优势：</strong>国内唯一掌握大型PLC完整技术的公司，技术壁垒极高</p>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<p><strong>业务进展：</strong>2024年是国产化规模替代元年，钢铁行业推广顺利</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="company-card">
|
||
<h4 class="company-name">中国软件 (600536)</h4>
|
||
<p class="company-role">操作系统"国家队"</p>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<p><strong>竞争优势：</strong>持有麒麟软件47.23%股权，政策支持力度最大</p>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<p><strong>业务进展：</strong>近期增资扩股落地，国企改革迈出关键一步</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 股票数据表格 -->
|
||
<div class="content-card fade-in-up">
|
||
<h2 class="section-title">
|
||
<i class="bi bi-table"></i>
|
||
关键软件概念股全景图
|
||
</h2>
|
||
<div class="table-responsive">
|
||
<table class="stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>分类</th>
|
||
<th>行业</th>
|
||
<th>市场规模</th>
|
||
<th>国产化率</th>
|
||
<th>备注</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- 基础硬件 -->
|
||
<tr>
|
||
<td colspan="6" style="background: rgba(124,58,237,0.2); font-weight: bold;">🖥️ 基础硬件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">海光信息</td>
|
||
<td><span class="industry-tag">芯片</span></td>
|
||
<td>基础硬件</td>
|
||
<td>-</td>
|
||
<td>-</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">中科曙光</td>
|
||
<td><span class="industry-tag">服务器</span></td>
|
||
<td>基础硬件</td>
|
||
<td>-</td>
|
||
<td class="domestic-rate">90%+</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
|
||
<!-- 基础软件 -->
|
||
<tr>
|
||
<td colspan="6" style="background: rgba(124,58,237,0.2); font-weight: bold;">⚙️ 基础软件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">中国软件</td>
|
||
<td><span class="industry-tag">操作系统</span></td>
|
||
<td>基础软件</td>
|
||
<td class="market-size">250亿元</td>
|
||
<td class="domestic-rate">党政65%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">达梦数据</td>
|
||
<td><span class="industry-tag">数据库</span></td>
|
||
<td>基础软件</td>
|
||
<td class="market-size">668亿元</td>
|
||
<td class="domestic-rate">党政约80%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">东方通</td>
|
||
<td><span class="industry-tag">中间件</span></td>
|
||
<td>基础软件</td>
|
||
<td class="market-size">160亿元</td>
|
||
<td class="domestic-rate">2025年预计45%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
|
||
<!-- 金融IT -->
|
||
<tr>
|
||
<td colspan="6" style="background: rgba(124,58,237,0.2); font-weight: bold;">💰 金融IT</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">顶点软件</td>
|
||
<td><span class="industry-tag">证券IT</span></td>
|
||
<td>金融</td>
|
||
<td class="market-size">2025年8500亿元</td>
|
||
<td class="domestic-rate">60%+</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">恒生电子</td>
|
||
<td><span class="industry-tag">证券IT</span></td>
|
||
<td>金融</td>
|
||
<td class="market-size">2025年8500亿元</td>
|
||
<td class="domestic-rate">60%+</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">神州信息</td>
|
||
<td><span class="industry-tag">银行IT</span></td>
|
||
<td>金融</td>
|
||
<td class="market-size">2025年8500亿元</td>
|
||
<td class="domestic-rate">60%+</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
|
||
<!-- 工业软件 -->
|
||
<tr>
|
||
<td colspan="6" style="background: rgba(124,58,237,0.2); font-weight: bold;">🏭 工业软件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">中望软件</td>
|
||
<td><span class="industry-tag">辅助设计CAD</span></td>
|
||
<td>工业软件</td>
|
||
<td class="market-size">61.2亿元</td>
|
||
<td class="domestic-rate">27%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">宝信软件</td>
|
||
<td><span class="industry-tag">制造执行MES</span></td>
|
||
<td>工业软件</td>
|
||
<td class="market-size">80亿元</td>
|
||
<td class="domestic-rate">50-60%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">华大九天</td>
|
||
<td><span class="industry-tag">电子设计自动化EDA</span></td>
|
||
<td>工业软件</td>
|
||
<td class="market-size">149.5亿元</td>
|
||
<td class="domestic-rate">11.50%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">中控技术</td>
|
||
<td><span class="industry-tag">集散控制DCS</span></td>
|
||
<td>工业软件</td>
|
||
<td class="market-size">117.6亿元</td>
|
||
<td class="domestic-rate">2021年55.7%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
|
||
<!-- 应用软件 -->
|
||
<tr>
|
||
<td colspan="6" style="background: rgba(124,58,237,0.2); font-weight: bold;">📱 应用软件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">金山办公</td>
|
||
<td><span class="industry-tag">办公Office</span></td>
|
||
<td>应用行业</td>
|
||
<td class="market-size">300亿元</td>
|
||
<td class="domestic-rate">40-50%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="stock-name">用友网络</td>
|
||
<td><span class="industry-tag">企业资源规划ERP</span></td>
|
||
<td>应用行业</td>
|
||
<td class="market-size">550亿元</td>
|
||
<td class="domestic-rate">整体70%</td>
|
||
<td>相关个股</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 风险提示 -->
|
||
<div class="content-card fade-in-up">
|
||
<h2 class="section-title">
|
||
<i class="bi bi-exclamation-triangle-fill"></i>
|
||
潜在风险与挑战
|
||
</h2>
|
||
<div class="risk-item">
|
||
<i class="bi bi-bug-fill"></i>
|
||
<div>
|
||
<h5>技术风险</h5>
|
||
<p>在EDA、高端工业CAE等顶尖领域，国产软件与海外巨头仍存在客观的性能和稳定性差距</p>
|
||
</div>
|
||
</div>
|
||
<div class="risk-item">
|
||
<i class="bi bi-currency-dollar"></i>
|
||
<div>
|
||
<h5>商业化风险</h5>
|
||
<p>替代初期项目制和服务占比较高，影响盈利能力；厂商间可能发生价格战</p>
|
||
</div>
|
||
</div>
|
||
<div class="risk-item">
|
||
<i class="bi bi-globe"></i>
|
||
<div>
|
||
<h5>政策与竞争风险</h5>
|
||
<p>中美关系若缓和可能导致推进紧迫性下降；国内不同厂商间存在"内耗式"竞争</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 投资启示 -->
|
||
<div class="content-card fade-in-up">
|
||
<h2 class="section-title">
|
||
<i class="bi bi-lightbulb"></i>
|
||
投资启示与跟踪指标
|
||
</h2>
|
||
<div class="row">
|
||
<div class="col-md-4 mb-3">
|
||
<div class="card bg-dark border-primary">
|
||
<div class="card-body">
|
||
<h5 class="card-title text-primary">最具投资价值赛道</h5>
|
||
<ul class="list-unstyled">
|
||
<li><i class="bi bi-check-circle text-success"></i> 证券IT核心系统</li>
|
||
<li><i class="bi bi-check-circle text-success"></i> 大型PLC</li>
|
||
<li><i class="bi bi-check-circle text-success"></i> 操作系统</li>
|
||
<li><i class="bi bi-check-circle text-success"></i> 数据库</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-3">
|
||
<div class="card bg-dark border-success">
|
||
<div class="card-body">
|
||
<h5 class="card-title text-success">关键跟踪指标</h5>
|
||
<ul class="list-unstyled">
|
||
<li><i class="bi bi-clipboard-check text-info"></i> 大额订单公告</li>
|
||
<li><i class="bi bi-graph-up text-info"></i> 毛利率变化</li>
|
||
<li><i class="bi bi-cash-stack text-info"></i> 合同负债增长</li>
|
||
<li><i class="bi bi-pie-chart text-info"></i> 行业渗透率</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-3">
|
||
<div class="card bg-dark border-warning">
|
||
<div class="card-body">
|
||
<h5 class="card-title text-warning">近期催化剂</h5>
|
||
<ul class="list-unstyled">
|
||
<li><i class="bi bi-calendar-event text-warning"></i> 头部券商系统招标</li>
|
||
<li><i class="bi bi-people text-warning"></i> 工业软件生态大会</li>
|
||
<li><i class="bi bi-file-text text-warning"></i> 美国制裁细节明确</li>
|
||
<li><i class="bi bi-flag text-warning"></i> 政策持续加码</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="text-center py-4 mt-5" style="background: var(--card-bg); border-top: 1px solid var(--border-color);">
|
||
<p class="text-secondary mb-0">
|
||
<i class="bi bi-info-circle"></i> 本页面仅供研究参考，不构成投资建议 | 数据更新时间：2025年10月
|
||
</p>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script>
|
||
// 滚动动画
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -50px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.classList.add('fade-in-up');
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
document.querySelectorAll('.content-card').forEach(card => {
|
||
observer.observe(card);
|
||
});
|
||
|
||
// 表格行悬停效果
|
||
document.querySelectorAll('.stock-table tbody tr').forEach(row => {
|
||
row.addEventListener('mouseenter', function() {
|
||
this.style.cursor = 'pointer';
|
||
});
|
||
row.addEventListener('click', function() {
|
||
const stockName = this.querySelector('.stock-name').textContent;
|
||
console.log('查看股票详情:', stockName);
|
||
});
|
||
});
|
||
|
||
// 平滑滚动
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
const target = document.querySelector(this.getAttribute('href'));
|
||
if (target) {
|
||
target.scrollIntoView({
|
||
behavior: 'smooth',
|
||
block: 'start'
|
||
});
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |