123 lines
3.5 KiB
HTML
123 lines
3.5 KiB
HTML
.core-tech {
|
|
padding: 60px 0;
|
|
background: #fff;
|
|
}
|
|
|
|
.tech-tabs {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 40px;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.tech-tab {
|
|
padding: 15px 30px;
|
|
font-size: 18px;
|
|
color: #666;
|
|
cursor: pointer;
|
|
position: relative;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.tech-tab.active {
|
|
color: #4285f4;
|
|
}
|
|
|
|
.tech-tab.active::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -1px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: #4285f4;
|
|
}
|
|
|
|
.tech-content {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 60px;
|
|
padding: 40px;
|
|
background: #f8f9fa;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.tech-image {
|
|
flex: 0 0 45%;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.tech-image img {
|
|
width: 100%;
|
|
height: auto;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.tech-info {
|
|
flex: 1;
|
|
}
|
|
|
|
.tech-value {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.tech-value h5 {
|
|
font-size: 20px;
|
|
color: #333;
|
|
margin: 0 0 15px 0;
|
|
}
|
|
|
|
.tech-value p {
|
|
color: #666;
|
|
line-height: 1.6;
|
|
margin: 0;
|
|
}
|
|
|
|
.tech-intro {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.tech-advantages li {
|
|
margin-bottom: 10px;
|
|
color: #666;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
<div class="core-tech">
|
|
<div class="width1600">
|
|
<div class="public-title">
|
|
<h4>核心技术</h4>
|
|
<p>基于隐私计算的可信数据环境</p>
|
|
</div>
|
|
<div class="tech-tabs">
|
|
<div class="tech-tab active">数据沙箱</div>
|
|
<div class="tech-tab">数据抽样</div>
|
|
<div class="tech-tab">数据脱敏</div>
|
|
<div class="tech-tab">多方安全计算</div>
|
|
</div>
|
|
<div class="tech-content">
|
|
<div class="tech-image">
|
|
<img src="path/to/sandbox-image.png" alt="数据沙箱">
|
|
</div>
|
|
<div class="tech-info">
|
|
<div class="tech-value">
|
|
<h5>技术价值</h5>
|
|
<p>实现数据可用不可见，保障数据在流通过程中的安全可信。</p>
|
|
</div>
|
|
<div class="tech-intro">
|
|
<h5>技术简介</h5>
|
|
<p>数据沙箱技术是一种安全的数据使用环境，通过构建独立的计算空间，允许数据需求方在不接触原始数据的情况下完成数据分析和计算任务。该技术集成了数据脱敏、访问控制、安全审计等多重保护机制，确保数据在流通和使用过程中的安全性。同时，通过提供标准化的数据服务接口，支持多样化的数据应用场景，实现数据价值的安全释放。</p>
|
|
</div>
|
|
<div class="tech-advantages">
|
|
<h5>技术优势</h5>
|
|
<ul>
|
|
<li>安全性高：采用多层安全防护架构，包括身份认证、权限控制、数据加密等措施，从多个维度保障数据安全</li>
|
|
<li>场景丰富：支持数据分析、机器学习、统计建模等多种计算场景，满足不同行业的数据应用需求</li>
|
|
<li>易于管理：提供完整的管理功能，包括数据接入、权限配置、使用监控、审计追踪等，降低运维管理成本</li>
|
|
<li>性能优异：通过优化的计算引擎和资源调度机制，确保数据处理的高效性，支持大规模数据分析需求</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |