60ebfede6c
All checks were successful
continuous-integration/drone/push Build is passing
- 批量删除所有文件中的 /web/BlackFruit-web/ 前缀 - 将相对路径改为绝对路径（以 / 开头） - 修改范围： - /assets/ 资源路径 - /css/ 样式文件路径 - /js/ 脚本文件路径 - /common/ 公共资源路径 - /vender/ 第三方库路径 - 解决部署后所有静态资源 404 的问题 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
405 lines
16 KiB
HTML
405 lines
16 KiB
HTML
{include file="header"}
|
||
|
||
<link rel="stylesheet" href="/css/product.css">
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<header>{include file="public/header"}</header>
|
||
|
||
<section class="section server-banner banner-ssl">
|
||
<div class="section-content">
|
||
<h1>SSL证书</h1>
|
||
<p class="server-banner-desc">
|
||
SSL证书，又称服务器证书。主题云为您提供SSL证书的一站式贴心服务，包括免费、付费证书的申请、管理及部署功能。通过与业界知名的数字证书授权机构合作，为您的网站、移动应用提供HTTPS解决方案。</p>
|
||
{if ( isset($data.product[0]['product_id']) ) }
|
||
<a href="/cart/goods.htm?id={$data.product[0]['product_id']}">
|
||
<div class="btn btn2 btn-normal">立即购买</div>
|
||
</a>
|
||
{else /}
|
||
<div class="btn btn2 btn-normal">立即购买</div>
|
||
{/if}
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 产品规格 -->
|
||
<section class="section product-standards product-ssl">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>产品规格</h2>
|
||
</div>
|
||
<div class="standards mt-20 fboxRow">
|
||
{if ( isset($data.product) ) }
|
||
{foreach $data.product as $key=>$value}
|
||
<div class="standards-box">
|
||
<h4>{$value.title}</h4>
|
||
{$value.description|raw}
|
||
<div class="money-box">
|
||
<span class="money">{$data.currency_prefix}<span
|
||
class="font24 font-weight">{$value.price}</span>/{$value.price_unit}</span>
|
||
<a href="/cart/goods.htm?id={$value.product_id}">
|
||
<div class="btn btn-normal ">立即购买</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
{/foreach}
|
||
{else /}
|
||
<div class="standards-box">
|
||
<h4>DV域名型</h4>
|
||
<p class="title-desc mt-10 mb-20">快速颁发，经济实惠</p>
|
||
<div class="standards-box-s mb-20">
|
||
<p>适用场景</p>
|
||
<p class="title-desc">适合个人站点、企业测试。</p>
|
||
|
||
</div>
|
||
<div class="standards-box-s">
|
||
<p>颁发周期</p>
|
||
<p class="title-desc">几分钟-几小时</p>
|
||
</div>
|
||
<div class="money-box">
|
||
<span class="money">￥<span class="font24 font-weight">1200</span>/年</span>
|
||
<a href="javascript:;">
|
||
<div class="btn btn-normal ">立即购买</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="standards-box">
|
||
<h4>OV企业型</h4>
|
||
<p class="title-desc mt-10 mb-20">政企服务的最佳选择</p>
|
||
<div class="standards-box-s mb-20">
|
||
<p>适用场景</p>
|
||
<p class="title-desc">适合事业机关单位、中小企业网站、APP应用、小程序等</p>
|
||
</div>
|
||
<div class="standards-box-s">
|
||
<p>颁发周期</p>
|
||
<p class="title-desc">3-5个工作日</p>
|
||
</div>
|
||
<div class="money-box">
|
||
<span class="money">￥<span class="font24 font-weight">5800</span>/年</span>
|
||
<a href="javascript:;">
|
||
<div class="btn btn-normal ">立即购买</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="standards-box">
|
||
<h4>EV增强型</h4>
|
||
<p class="title-desc mt-10 mb-20">高安全性，告别网站风险</p>
|
||
<div class="standards-box-s mb-20">
|
||
<p>适用场景</p>
|
||
<p class="title-desc">适用于大型政企、电商、教育、金融、医疗等行业的平台网站、移动端应用等。</p>
|
||
</div>
|
||
<div class="standards-box-s">
|
||
<p>颁发周期</p>
|
||
<p class="title-desc">5-7个工作日</p>
|
||
</div>
|
||
<div class="money-box">
|
||
<span class="money">￥<span class="font24 font-weight">12000</span>/年</span>
|
||
<a href="javascript:;">
|
||
<div class="btn btn-normal ">立即购买</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- 无忧上云 -->
|
||
<section class="section product-cloud">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>产品优势</h2>
|
||
|
||
</div>
|
||
<div class="cloud">
|
||
<div class="cloud-box">
|
||
<div><img src="/assets/img/ssl/ssl-1.png" alt=""></div>
|
||
<div class="cloud-box-cont mt-15">
|
||
<h4>快速签发</h4>
|
||
<div class="mt-15">域名身份可通过 DNS 自动验证，全自动审核签发流程。</div>
|
||
</div>
|
||
</div>
|
||
<div class="cloud-box">
|
||
<div><img src="/assets/img/ssl/ssl-2.png" alt=""></div>
|
||
<div class="cloud-box-cont mt-15">
|
||
<h4>100%兼容</h4>
|
||
<div class="mt-15">支持所有主流浏览器与移动设备，提升用户访问体验。</div>
|
||
</div>
|
||
</div>
|
||
<div class="cloud-box">
|
||
<div><img src="/assets/img/ssl/ssl-3.png" alt=""></div>
|
||
<div class="cloud-box-cont mt-15">
|
||
<h4>品牌多样</h4>
|
||
<div class="mt-15">提供全球知名认证机构证书，满足不同场景下的购买需求。</div>
|
||
</div>
|
||
</div>
|
||
<div class="cloud-box">
|
||
<div><img src="/assets/img/ssl/ssl-4.png" alt=""></div>
|
||
<div class="cloud-box-cont mt-15">
|
||
<h4>批量部署</h4>
|
||
<div class="mt-15">支持一键分发至主题云其他云产品中，方便快捷。</div>
|
||
</div>
|
||
</div>
|
||
<div class="cloud-box">
|
||
<div><img src="/assets/img/ssl/ssl-5.png" alt=""></div>
|
||
<div class="cloud-box-cont mt-15">
|
||
<h4>统一管理</h4>
|
||
<div class="mt-15">支持上传任意机构签发的SSL证书，方便集中管理统一监控。</div>
|
||
</div>
|
||
</div>
|
||
<div class="cloud-box">
|
||
<div><img src="/assets/img/ssl/ssl-6.png" alt=""></div>
|
||
<div class="cloud-box-cont mt-15">
|
||
<h4>一站式服务</h4>
|
||
<div class="mt-15">提供SSL证书申请、管理、部署等全流程服务，简单高效。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 高效能 -->
|
||
<section class="section section-bg product-performance">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>产品特征</h2>
|
||
</div>
|
||
<div class="performance">
|
||
<div class="performance-left performance-left3 flex1"><img src="/assets/img/ssl/ssl-7.png" alt="">
|
||
</div>
|
||
<div class="performance-right flex1">
|
||
<div class="performance-item active">
|
||
<div class=""><img src="/assets/img/ssl/group-1.png" alt=""></div>
|
||
<div class="">
|
||
<h5 class="font18">安全标志</h5>
|
||
<div class="desc">消除浏览器“不安全”警告，提高访客信任度。</div>
|
||
</div>
|
||
</div>
|
||
<div class="performance-item active">
|
||
<div class=""><img src="/assets/img/ssl/group-2.png" alt=""></div>
|
||
<div class="">
|
||
<h5 class="font18">https加密</h5>
|
||
<div class="desc">保护访客的隐私信息，防止数据在传输过程中被篡改。</div>
|
||
</div>
|
||
</div>
|
||
<div class="performance-item active">
|
||
<div class=""><img src="/assets/img/ssl/group-3.png" alt=""></div>
|
||
<div class="">
|
||
<h5 class="font18">可信认证</h5>
|
||
<div class="desc">验证网站的真实性，防止钓鱼网站，提升品牌形象。</div>
|
||
</div>
|
||
</div>
|
||
<div class="performance-item active">
|
||
<div class=""><img src="/assets/img/ssl/group-4.png" alt=""></div>
|
||
<div class="">
|
||
<h5 class="font18">优化SEO</h5>
|
||
<div class="desc">提高搜索排名权重，为网站带来更多访问量。</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 高效上云 -->
|
||
<section class="section product-efficient">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>应用场景</h2>
|
||
<div class="section-desc">赋能多元化场景应用，全方位探索云上新生态</div>
|
||
</div>
|
||
<div class="efficient mt-50 fboxWrap">
|
||
<!-- Nav tabs -->
|
||
<ul class="nav nav-tabs" role="tablist">
|
||
<li role="presentation" class="active">
|
||
<a href="#home" aria-controls="home" role="tab" data-toggle="tab">
|
||
<img src="/assets/img/ssl/efficient-1.png" alt="">
|
||
企事业官方网站
|
||
</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
|
||
<img src="/assets/img/ssl/efficient-2.png" alt="">
|
||
APP/小程序上架
|
||
</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">
|
||
<img src="/assets/img/ssl/efficient-3.png" alt="">
|
||
支付体系加密
|
||
</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">
|
||
<img src="/assets/img/ssl/efficient-4.png" alt="">
|
||
API接口
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<!-- Tab panes -->
|
||
<div class="tab-content">
|
||
<div role="tabpanel" class="tabs-efficient tab-pane active" id="home">
|
||
<div class="tab-box">
|
||
<div class="tabs-content">
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">需求痛点</h5>
|
||
<p>SSL证书如同网站在互联网中的“身份证”，没有安装SSL证书的网站会被列为不安全的网站，让访客缺乏信任感。</p>
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">应用成果</h5>
|
||
<div class="layout-paragraph-s">
|
||
<p>消除“不安全”警告，提高企业诚信力与用户信任感。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>提升官网搜索排名权重，提高品牌曝光度。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>提升官网搜索排名权重，提高品牌曝光度。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tabs-img">
|
||
<img src="/assets/img/product/ssl-1.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div role="tabpanel" class="tabs-efficient tab-pane" id="profile">
|
||
<div class="tab-box">
|
||
<div class="tabs-content">
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">需求痛点</h5>
|
||
<p>APP与小程序上架时，系统会对服务器域名使用的 HTTPS 证书进行校验，如果校验失败，将导致用户无法访问网站信息或APP/小程序无法上架。</p>
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">应用成果</h5>
|
||
<div class="layout-paragraph-s">
|
||
<p>主题云EV增强型证书，可有效满足不同平台的安全校验要求。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>防止数据中途泄露，维护数据完整性。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tabs-img">
|
||
<img src="/assets/img/product/ssl-2.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div role="tabpanel" class="tabs-efficient tab-pane" id="messages">
|
||
<div class="tab-box">
|
||
<div class="tabs-content">
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">需求痛点</h5>
|
||
<p>“支付”是用户最敏感、最容易受到安全威胁应用环节，极易成为不法用户信息劫持和伪装欺诈的重要目标。</p>
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">应用成果</h5>
|
||
<div class="layout-paragraph-s">
|
||
<p>通过 HTTPS 信息传输加密，保障数据安全。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>提供支付交易时鉴权、认证、加密等安全能力。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>同时满足多端交易的数据安全管控。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tabs-img">
|
||
<img src="/assets/img/product/ssl-3.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div role="tabpanel" class="tabs-efficient tab-pane" id="settings">
|
||
<div class="tab-box">
|
||
<div class="tabs-content">
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">需求痛点</h5>
|
||
<p>API接口是第三方网站进行信息交互的重要形式，因为大多涉及敏感信息或重要操作指令的传输，因此其安全性至关重要。</p>
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">应用成果</h5>
|
||
<div class="layout-paragraph-s">
|
||
<p>防止数据在传输过程中被篡改，维护数据安全。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>提供基于SSL证书的可信身份认证支持，避免接入不安全应用。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tabs-img">
|
||
<img src="/assets/img/product/ssl-4.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 使用帮助 -->
|
||
<section class="section product-help">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>使用帮助</h2>
|
||
|
||
</div>
|
||
<div class="help mt-50 fboxRow">
|
||
<div class="help-box">
|
||
<div class="help-head fboxRow Xbetween">
|
||
<h4>快速入门</h4>
|
||
<a href="document.html" class="font14">查看更多 <span class="iconfont icon-arrow-right"></span></a>
|
||
</div>
|
||
<div class="mt-30 font-el1">
|
||
<a href="document.html">- 什么是SSL证书</a>
|
||
</div>
|
||
<div class="mt-16 font-el1">
|
||
<a href="document.html">- 为什么要申请SSL证书</a>
|
||
</div>
|
||
<div class="mt-16 font-el1">
|
||
<a href="document.html">- 产品特性</a>
|
||
</div>
|
||
</div>
|
||
<div class="help-box">
|
||
<div class="help-head fboxRow Xbetween">
|
||
<h4>用户指南</h4>
|
||
<a href="document.html" class="font14">查看更多 <span class="iconfont icon-arrow-right"></span></a>
|
||
</div>
|
||
<div class="mt-30 font-el1">
|
||
<a href="document.html">- 购买SSL证书</a>
|
||
</div>
|
||
<div class="mt-16 font-el1">
|
||
<a href="document.html">- 上传SSL证书</a>
|
||
</div>
|
||
<div class="mt-16 font-el1">
|
||
<a href="document.html">- SSL证书续费</a>
|
||
</div>
|
||
</div>
|
||
<div class="help-box">
|
||
<div class="help-head fboxRow Xbetween">
|
||
<h4>常见问题</h4>
|
||
<a href="document.html" class="font14">查看更多 <span class="iconfont icon-arrow-right"></span></a>
|
||
</div>
|
||
<div class="mt-30 font-el1">
|
||
<a href="document.html">- HTTPS与HTTP有什么不同</a>
|
||
</div>
|
||
<div class="mt-16 font-el1">
|
||
<a href="document.html">- SSL证书过期了怎么办</a>
|
||
</div>
|
||
<div class="mt-16 font-el1">
|
||
<a href="document.html">- 出现安全审核失败是为什么</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
{include file="footer"} |