427 lines
20 KiB
HTML
427 lines
20 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>电子级玻璃纤维布行业分析</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
|
||
<style>
|
||
body {
|
||
background-color: #f8f9fa;
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||
}
|
||
.header {
|
||
background: linear-gradient(135deg, #2c3e50, #4a6491);
|
||
color: white;
|
||
padding: 2rem 0;
|
||
margin-bottom: 2rem;
|
||
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
|
||
}
|
||
.card {
|
||
border: none;
|
||
border-radius: 12px;
|
||
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
|
||
margin-bottom: 1.5rem;
|
||
transition: transform 0.3s ease;
|
||
}
|
||
.card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
.table-container {
|
||
background-color: white;
|
||
border-radius: 12px;
|
||
padding: 1.5rem;
|
||
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
|
||
}
|
||
.table {
|
||
margin-bottom: 0;
|
||
}
|
||
.table thead th {
|
||
background-color: #f1f3f5;
|
||
border: none;
|
||
color: #495057;
|
||
font-weight: 600;
|
||
padding: 1rem;
|
||
position: sticky;
|
||
top: 0;
|
||
}
|
||
.table tbody tr {
|
||
transition: background-color 0.2s;
|
||
}
|
||
.table tbody tr:hover {
|
||
background-color: #f8f9fa;
|
||
}
|
||
.table tbody td {
|
||
padding: 1rem;
|
||
vertical-align: middle;
|
||
border-top: 1px solid #e9ecef;
|
||
}
|
||
.badge {
|
||
font-weight: 500;
|
||
padding: 0.5em 0.8em;
|
||
}
|
||
.filter-container {
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
.filter-btn {
|
||
margin-right: 0.5rem;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
.filter-btn.active {
|
||
background-color: #0d6efd;
|
||
color: white;
|
||
}
|
||
.stock-name {
|
||
font-weight: 600;
|
||
color: #0d6efd;
|
||
}
|
||
.stats-card {
|
||
text-align: center;
|
||
padding: 1.5rem;
|
||
}
|
||
.stats-number {
|
||
font-size: 2rem;
|
||
font-weight: 700;
|
||
color: #0d6efd;
|
||
}
|
||
.stats-label {
|
||
color: #6c757d;
|
||
font-size: 0.9rem;
|
||
}
|
||
.source-badge {
|
||
font-size: 0.75rem;
|
||
background-color: #e9ecef;
|
||
color: #495057;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.table-container {
|
||
padding: 1rem;
|
||
}
|
||
.table thead th, .table tbody td {
|
||
padding: 0.75rem 0.5rem;
|
||
font-size: 0.85rem;
|
||
}
|
||
.header {
|
||
padding: 1.5rem 0;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="header">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-md-8">
|
||
<h1 class="mb-2"><i class="bi bi-graph-up-arrow me-2"></i>电子级玻璃纤维布行业分析</h1>
|
||
<p class="mb-0 opacity-75">全面分析电子级玻璃纤维布产业链相关企业产能规划与技术进展</p>
|
||
</div>
|
||
<div class="col-md-4 text-md-end mt-3 mt-md-0">
|
||
<div class="d-inline-block bg-white bg-opacity-10 rounded-pill px-3 py-2">
|
||
<i class="bi bi-calendar3 me-2"></i>数据更新时间: 2024年
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<!-- 统计卡片 -->
|
||
<div class="row mb-4">
|
||
<div class="col-md-3 col-6">
|
||
<div class="card stats-card">
|
||
<div class="stats-number">17</div>
|
||
<div class="stats-label">相关企业</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-6">
|
||
<div class="card stats-card">
|
||
<div class="stats-number">6</div>
|
||
<div class="stats-label">产品分类</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-6">
|
||
<div class="card stats-card">
|
||
<div class="stats-number">543</div>
|
||
<div class="stats-label">总产能(万吨)</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-6">
|
||
<div class="card stats-card">
|
||
<div class="stats-number">2026</div>
|
||
<div class="stats-label">关键规划年</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 筛选按钮 -->
|
||
<div class="card filter-container">
|
||
<div class="card-body">
|
||
<h5 class="card-title mb-3"><i class="bi bi-funnel me-2"></i>按分类筛选</h5>
|
||
<div class="filter-buttons">
|
||
<button class="btn btn-outline-primary filter-btn active" data-filter="all">全部</button>
|
||
<button class="btn btn-outline-primary filter-btn" data-filter="低介电二代">低介电二代</button>
|
||
<button class="btn btn-outline-primary filter-btn" data-filter="电子布">电子布</button>
|
||
<button class="btn btn-outline-primary filter-btn" data-filter="Q布">Q布</button>
|
||
<button class="btn btn-outline-primary filter-btn" data-filter="玻纤纱">玻纤纱</button>
|
||
<button class="btn btn-outline-primary filter-btn" data-filter="设备">设备</button>
|
||
<button class="btn btn-outline-primary filter-btn" data-filter="其他">其他</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 股票数据表格 -->
|
||
<div class="table-container">
|
||
<h4 class="mb-4"><i class="bi bi-table me-2"></i>企业详细信息</h4>
|
||
<div class="table-responsive">
|
||
<table class="table table-hover" id="stockTable">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>分类</th>
|
||
<th>项目/行业</th>
|
||
<th>产业链</th>
|
||
<th>消息来源</th>
|
||
<th>投资亮点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr data-category="低介电二代">
|
||
<td class="stock-name">中材科技</td>
|
||
<td><span class="badge bg-primary">低介电二代</span></td>
|
||
<td>LDK2产能规划（2025年底20-30万米，2026年60-70万米）</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">纪要</span></td>
|
||
<td>公司LDK2产能规划明确，2025-2026年产能逐步释放</td>
|
||
</tr>
|
||
<tr data-category="低介电二代">
|
||
<td class="stock-name">宏和科技</td>
|
||
<td><span class="badge bg-primary">低介电二代</span></td>
|
||
<td>低介电二代及LowCTE产品通过客户认证</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">半年报</span></td>
|
||
<td>2024年低介电二代产品获客户认证，技术突破</td>
|
||
</tr>
|
||
<tr data-category="低介电二代">
|
||
<td class="stock-name">国际复材</td>
|
||
<td><span class="badge bg-primary">低介电二代</span></td>
|
||
<td>LDK二代产品较一代介电损耗降低约20%</td>
|
||
<td>2023年电子布总产量2.1亿米</td>
|
||
<td><span class="badge source-badge">调研/年报</span></td>
|
||
<td>产品性能提升叠加规模化生产</td>
|
||
</tr>
|
||
<tr data-category="低介电二代">
|
||
<td class="stock-name">大豪科技</td>
|
||
<td><span class="badge bg-primary">低介电二代</span></td>
|
||
<td>光远新材（间接持股1.26%）2025年完成两条二代低介电产线</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">工商/新闻</span></td>
|
||
<td>参股公司加速二代低介电产线建设</td>
|
||
</tr>
|
||
<tr data-category="电子布">
|
||
<td class="stock-name">中国巨石</td>
|
||
<td><span class="badge bg-info">电子布</span></td>
|
||
<td>推进第二代低介电电子纱及电子布研发</td>
|
||
<td>电子布总产能9.6亿米</td>
|
||
<td><span class="badge source-badge">调研/互动</span></td>
|
||
<td>产能扩张与技术迭代同步推进</td>
|
||
</tr>
|
||
<tr data-category="电子布">
|
||
<td class="stock-name">菲利华</td>
|
||
<td><span class="badge bg-info">电子布</span></td>
|
||
<td>国内石英纤维布主导供应商</td>
|
||
<td>Q布产品技术行业领先</td>
|
||
<td><span class="badge source-badge">研报</span></td>
|
||
<td>细分领域龙头地位稳固</td>
|
||
</tr>
|
||
<tr data-category="Q布">
|
||
<td class="stock-name">中材科技</td>
|
||
<td><span class="badge bg-success">Q布</span></td>
|
||
<td>预计Q布2025年底-2026Q4出货25-120万米/月</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">纪要</span></td>
|
||
<td>Q布产能释放节奏明确</td>
|
||
</tr>
|
||
<tr data-category="Q布">
|
||
<td class="stock-name">平安电工</td>
|
||
<td><span class="badge bg-success">Q布</span></td>
|
||
<td>Q布按2026年化产能480万米规划</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">纪要</span></td>
|
||
<td>Q布产能规划清晰</td>
|
||
</tr>
|
||
<tr data-category="Q布">
|
||
<td class="stock-name">大豪科技</td>
|
||
<td><span class="badge bg-success">Q布</span></td>
|
||
<td>光远新材（间接持股1.26%）2026年实现Q布量产</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">工商/新闻</span></td>
|
||
<td>参股公司Q布量产在即</td>
|
||
</tr>
|
||
<tr data-category="其他">
|
||
<td class="stock-name">金安国纪</td>
|
||
<td><span class="badge bg-secondary">其他</span></td>
|
||
<td>-</td>
|
||
<td>电子布总产能1.4亿米/年（子公司金瑞电子）</td>
|
||
<td><span class="badge source-badge">互动</span></td>
|
||
<td>子公司产能支撑</td>
|
||
</tr>
|
||
<tr data-category="玻纤纱">
|
||
<td class="stock-name">中国巨石</td>
|
||
<td><span class="badge bg-warning text-dark">玻纤纱</span></td>
|
||
<td>产能全球第一，合计278.6万吨</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">调研/公告</span></td>
|
||
<td>全球产能规模领先</td>
|
||
</tr>
|
||
<tr data-category="玻纤纱">
|
||
<td class="stock-name">中材科技</td>
|
||
<td><span class="badge bg-warning text-dark">玻纤纱</span></td>
|
||
<td>产能A股第二，超140万吨</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">调研/公告</span></td>
|
||
<td>A股市场产能排名</td>
|
||
</tr>
|
||
<tr data-category="玻纤纱">
|
||
<td class="stock-name">国际复材</td>
|
||
<td><span class="badge bg-warning text-dark">玻纤纱</span></td>
|
||
<td>产能A股第三，121万吨</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">调研/公告</span></td>
|
||
<td>A股市场产能排名</td>
|
||
</tr>
|
||
<tr data-category="玻纤纱">
|
||
<td class="stock-name">山东玻纤</td>
|
||
<td><span class="badge bg-warning text-dark">玻纤纱</span></td>
|
||
<td>产能A股第四，设计产能63.4万吨</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">调研</span></td>
|
||
<td>A股市场产能排名</td>
|
||
</tr>
|
||
<tr data-category="玻纤纱">
|
||
<td class="stock-name">长海股份</td>
|
||
<td><span class="badge bg-warning text-dark">玻纤纱</span></td>
|
||
<td>产能40万吨</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">调研</span></td>
|
||
<td>产能规模明确</td>
|
||
</tr>
|
||
<tr data-category="设备">
|
||
<td class="stock-name">兴化股份</td>
|
||
<td><span class="badge bg-danger">设备</span></td>
|
||
<td>控股华特新材为特种玻璃纤维龙头企业</td>
|
||
<td>产品包括高强玻纤布、纱</td>
|
||
<td><span class="badge source-badge">官网</span></td>
|
||
<td>特种玻纤领域龙头地位</td>
|
||
</tr>
|
||
<tr data-category="设备">
|
||
<td class="stock-name">卓郎智能</td>
|
||
<td><span class="badge bg-danger">设备</span></td>
|
||
<td>2025年二季度签署史上最大玻璃纤维捻线机订单</td>
|
||
<td>-</td>
|
||
<td><span class="badge source-badge">官微</span></td>
|
||
<td>大额订单落地</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 行业洞察 -->
|
||
<div class="card mt-4">
|
||
<div class="card-body">
|
||
<h5 class="card-title"><i class="bi bi-lightbulb me-2"></i>行业洞察</h5>
|
||
<div class="row">
|
||
<div class="col-md-6 mb-3">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<i class="bi bi-graph-up-arrow text-primary fs-4"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6>产能扩张加速</h6>
|
||
<p class="mb-0 text-muted">多家企业规划2025-2026年大幅提升低介电二代和Q布产能，行业进入快速扩张期。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 mb-3">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<i class="bi bi-cpu text-info fs-4"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6>技术迭代升级</h6>
|
||
<p class="mb-0 text-muted">低介电二代产品较一代介电损耗降低约20%，技术突破推动产品升级。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 mb-3">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<i class="bi bi-building text-success fs-4"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6>市场集中度高</h6>
|
||
<p class="mb-0 text-muted">中国巨石、中材科技、国际复材等龙头企业占据市场主导地位。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 mb-3">
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0">
|
||
<i class="bi bi-gear text-warning fs-4"></i>
|
||
</div>
|
||
<div class="flex-grow-1 ms-3">
|
||
<h6>设备需求增长</h6>
|
||
<p class="mb-0 text-muted">产能扩张带动设备需求，相关设备企业订单大幅增加。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="mt-5 py-4 bg-dark text-white">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<p class="mb-0">© 2024 电子级玻璃纤维布行业分析</p>
|
||
</div>
|
||
<div class="col-md-6 text-md-end">
|
||
<p class="mb-0">数据来源：公司公告、调研纪要、行业研报</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script>
|
||
// 筛选功能
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const filterButtons = document.querySelectorAll('.filter-btn');
|
||
const tableRows = document.querySelectorAll('#stockTable tbody tr');
|
||
|
||
filterButtons.forEach(button => {
|
||
button.addEventListener('click', function() {
|
||
// 更新按钮状态
|
||
filterButtons.forEach(btn => btn.classList.remove('active'));
|
||
this.classList.add('active');
|
||
|
||
const filterValue = this.getAttribute('data-filter');
|
||
|
||
// 显示/隐藏表格行
|
||
tableRows.forEach(row => {
|
||
if (filterValue === 'all' || row.getAttribute('data-category') === filterValue) {
|
||
row.style.display = '';
|
||
} else {
|
||
row.style.display = 'none';
|
||
}
|
||
});
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|