- 新建 js/i18n.js:轻量 i18n 引擎,130+ key 中英字典
- header.html: 去掉文档链接,控制台移入已登录区域
- header.html: 新增语言切换按钮 🌐(中/EN)
- header.html: 所有文字加 data-i18n 属性
- index.html: Banner/促销/产品/解决方案/基础设施/荣誉/新闻约 60 处 data-i18n
- common.css: 新增 .lang-switch 按钮样式
- 移动端侧边栏同步更新
706 lines
33 KiB
HTML
706 lines
33 KiB
HTML
{include file="header"}
|
||
<!-- 当前页面 -->
|
||
<link rel="stylesheet" href="/web/BlackFruit-web/css/index.css">
|
||
<!-- 首页移动端样式 -->
|
||
<link rel="stylesheet" href="/web/BlackFruit-web/css/index-mobile.css">
|
||
<link rel="stylesheet" href="/web/BlackFruit-web/css/viewer.min.css">
|
||
|
||
<script src="/web/BlackFruit-web/js/tools.js"></script>
|
||
<script src="/web/BlackFruit-web/js/index.js"></script>
|
||
<script src="/web/BlackFruit-web/js/viewer.min.js"></script>
|
||
|
||
</head>
|
||
|
||
<body id="index">
|
||
<header>{include file="public/header"}</header>
|
||
|
||
<!-- banner(Swiper 轮播,数据由 $data.banner 提供;未配置时使用静态占位) -->
|
||
<section class="banner">
|
||
<div class="swiper banner-cont">
|
||
<div class="swiper-wrapper">
|
||
{if ( isset($data.banner) ) }
|
||
{foreach $data.banner as $key=>$value}
|
||
<div class="swiper-slide" style="background-image: url('{$value.img|default='assets/img/index/1@2x.png'}');">
|
||
<div class="section-content">
|
||
<div class="title-wrapper">
|
||
{if !empty($value.tags)}
|
||
{php}$__tags = preg_split('/[,,]/', $value['tags']);{/php}
|
||
<div class="banner-tags">
|
||
{foreach $__tags as $__t}
|
||
{php}$__t_trim = trim($__t);{/php}
|
||
{if $__t_trim != ''}
|
||
<span class="banner-tag-pill"><span>{$__t_trim}</span></span>
|
||
{/if}
|
||
{/foreach}
|
||
</div>
|
||
{/if}
|
||
|
||
{if !empty($value.title)}
|
||
<h1>{$value.title}</h1>
|
||
{/if}
|
||
</div>
|
||
|
||
{if !empty($value.description)}
|
||
<p class="banner-desc">{$value.description}</p>
|
||
{/if}
|
||
|
||
{if !empty($value.button_text)}
|
||
<a class="btn btn2 btn-normal" href="{$value.button_link|default=$value.url|default='javascript:;'}" {if
|
||
!empty($value.button_blank) || !empty($value.blank)}target="_blank" {/if}>
|
||
{$value.button_text}
|
||
</a>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
{/foreach}
|
||
{else /}
|
||
<div class="swiper-slide" style="background-image: url('/web/BlackFruit-web/assets/img/index/1@2x.png');">
|
||
<div class="section-content">
|
||
<div class="title-wrapper">
|
||
<div class="banner-tags">
|
||
<span class="banner-tag-pill"><span data-i18n="banner_tag_cloud">云计算</span></span>
|
||
<span class="banner-tag-pill"><span data-i18n="banner_tag_value">高性价比</span></span>
|
||
</div>
|
||
<h1 data-i18n="banner_title_1">中小企业的云计算底座</h1>
|
||
</div>
|
||
<p class="banner-desc" data-i18n="banner_desc_1">主题云聚焦中小企业的数智化转型进程,以技术和数据为驱动,以产品和场景为载体,专注于打磨云上业务服务能力,助力中小企业全面业务上云演化。</p>
|
||
<div class="btn btn2 btn-normal" data-i18n="banner_btn">立即查看</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide" style="background-image: url('/web/BlackFruit-web/assets/img/index/1@2x.png');">
|
||
<div class="section-content">
|
||
<div class="title-wrapper">
|
||
<div class="banner-tags">
|
||
<span class="banner-tag-pill"><span data-i18n="banner_tag_elastic">弹性伸缩</span></span>
|
||
<span class="banner-tag-pill"><span data-i18n="banner_tag_stable">安全稳定</span></span>
|
||
</div>
|
||
<h1 data-i18n="banner_title_2">企业级云服务解决方案</h1>
|
||
</div>
|
||
<p class="banner-desc" data-i18n="banner_desc_2">提供高性能、高可用的云计算服务,支持弹性伸缩,按需付费,助力企业数字化转型。</p>
|
||
<div class="btn btn2 btn-normal">立即查看</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide" style="background-image: url('/web/BlackFruit-web/assets/img/index/1@2x.png');">
|
||
<div class="section-content">
|
||
<div class="title-wrapper">
|
||
<div class="banner-tags">
|
||
<span class="banner-tag-pill"><span data-i18n="banner_tag_global">全球部署</span></span>
|
||
</div>
|
||
<h1 data-i18n="banner_title_3">全球云基础设施</h1>
|
||
</div>
|
||
<p class="banner-desc" data-i18n="banner_desc_3">覆盖全球20+地区,60+可用区,500+CDN节点,为您提供低延迟、高可用的云服务体验。</p>
|
||
<div class="btn btn2 btn-normal">立即查看</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
<!-- 如果需要分页器 -->
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
<div class="banner-s">
|
||
<div class="section-content banner-list">
|
||
<div class="banner-item" id="cloud-box">
|
||
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon"
|
||
class="banner-item-icon" loading="lazy">
|
||
<div class="banner-item-content">
|
||
<h5 data-i18n="promo_new_user">新用户最低可<span class="highlight">5折</span>优惠</h5>
|
||
<p class="title-desc mt-10 mb-10" data-i18n="promo_new_user_desc">无数个人用户的共同选择</p>
|
||
</div>
|
||
</div>
|
||
<div class="banner-item" id="domain-box">
|
||
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon"
|
||
class="banner-item-icon" loading="lazy">
|
||
<div class="banner-item-content">
|
||
<h5 data-i18n="promo_domain">域名<span class="highlight">低至9元</span>起</h5>
|
||
<p class="title-desc mt-10 mb-10" data-i18n="promo_domain_desc">优选主流域名注册服务</p>
|
||
</div>
|
||
</div>
|
||
<div class="banner-item" id="cps-box">
|
||
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon"
|
||
class="banner-item-icon" loading="lazy">
|
||
<div class="banner-item-content">
|
||
<h5 data-i18n="promo_cps">推广最高<span class="highlight">35%</span>佣金</h5>
|
||
<p class="title-desc mt-10 mb-10" data-i18n="promo_cps_desc">多种产品高额返佣</p>
|
||
</div>
|
||
</div>
|
||
<div class="banner-item" id="logon-box">
|
||
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon"
|
||
class="banner-item-icon" loading="lazy">
|
||
<div class="banner-item-content">
|
||
<h5 data-i18n="promo_register">注册送<span class="highlight">2000元</span>礼包</h5>
|
||
<p class="title-desc mt-10 mb-10" data-i18n="promo_register_desc">免费注册领取专属礼包</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- 热销产品展示 -->
|
||
<div class="hot-products">
|
||
<div class="section-content">
|
||
<div class="hot-products-title">
|
||
<h3 data-i18n="hot_title">热销产品推荐</h3>
|
||
<p class="subtitle" data-i18n="hot_subtitle">高性价比云服务器,助力您的业务快速上云</p>
|
||
|
||
<!-- Products Grid -->
|
||
<div class="products-grid hot-products-list">
|
||
<!-- 产品卡片 1 -->
|
||
<div class="product-card">
|
||
<div class="product-card-header">
|
||
<h4 class="product-name" data-i18n="product_hk_elastic">香港弹性云</h4>
|
||
<div class="product-badges">
|
||
<span class="product-badge badge-hot" data-i18n="badge_hot">热销</span>
|
||
<span class="product-badge badge-promo">V0新春专享</span>
|
||
</div>
|
||
</div>
|
||
<p class="product-desc" data-i18n="product_desc_storage">稳定、安全、高效、易用,可存储任意类型和形式的非结构化数据</p>
|
||
<div class="product-specs">
|
||
<span class="spec-item">2核CPU</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">2G内存</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">3M带宽</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">50G SSD</span>
|
||
</div>
|
||
<div class="product-pricing">
|
||
<div class="price-main">
|
||
<span class="price-currency">¥</span>
|
||
<span class="price-value">29.9</span>
|
||
<span class="price-original">原价¥59.8</span>
|
||
</div>
|
||
<span class="price-limit">限购1台</span>
|
||
</div>
|
||
<a href="./cloud.html" class="product-buy-btn" data-i18n="btn_buy">立即购买</a>
|
||
</div>
|
||
|
||
<!-- 产品卡片 2 -->
|
||
<div class="product-card">
|
||
<div class="product-card-header">
|
||
<h4 class="product-name" data-i18n="product_us_defense">美国高防云</h4>
|
||
<div class="product-badges">
|
||
<span class="product-badge badge-promo">V0新春专享</span>
|
||
</div>
|
||
</div>
|
||
<p class="product-desc" data-i18n="product_desc_scale">稳定、安全、高效、易用,可承载任意规模和形式的非结构化数据</p>
|
||
<div class="product-specs">
|
||
<span class="spec-item">4核CPU</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">4G内存</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">5M带宽</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">80G SSD</span>
|
||
</div>
|
||
<div class="product-pricing">
|
||
<div class="price-main">
|
||
<span class="price-currency">¥</span>
|
||
<span class="price-value">59.9</span>
|
||
<span class="price-original">原价¥119.8</span>
|
||
</div>
|
||
<span class="price-limit">限购1台</span>
|
||
</div>
|
||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||
</div>
|
||
|
||
<!-- 产品卡片 3 -->
|
||
<div class="product-card">
|
||
<div class="product-card-header">
|
||
<h4 class="product-name" data-i18n="product_sg_cn2">新加坡CN2云</h4>
|
||
<div class="product-badges">
|
||
<span class="product-badge badge-recommend" data-i18n="badge_recommend">推荐</span>
|
||
<span class="product-badge badge-promo">V0新春专享</span>
|
||
</div>
|
||
</div>
|
||
<p class="product-desc">稳定、安全、高效、易用,可承载任意规模和形式的非结构化数据</p>
|
||
<div class="product-specs">
|
||
<span class="spec-item">4核CPU</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">8G内存</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">10M带宽</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">100G SSD</span>
|
||
</div>
|
||
<div class="product-pricing">
|
||
<div class="price-main">
|
||
<span class="price-currency">¥</span>
|
||
<span class="price-value">99.9</span>
|
||
<span class="price-original">原价¥199.8</span>
|
||
</div>
|
||
<span class="price-limit">限购1台</span>
|
||
</div>
|
||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||
</div>
|
||
|
||
<!-- 产品卡片 4 -->
|
||
<div class="product-card">
|
||
<div class="product-card-header">
|
||
<h4 class="product-name" data-i18n="product_jp_bgp">日本BGP云</h4>
|
||
<div class="product-badges">
|
||
<span class="product-badge badge-promo">V0新春专享</span>
|
||
</div>
|
||
</div>
|
||
<p class="product-desc">稳定、安全、高效、易用,可承载任意规模和形式的非结构化数据</p>
|
||
<div class="product-specs">
|
||
<span class="spec-item">8核CPU</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">16G内存</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">20M带宽</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">200G SSD</span>
|
||
</div>
|
||
<div class="product-pricing">
|
||
<div class="price-main">
|
||
<span class="price-currency">¥</span>
|
||
<span class="price-value">199.9</span>
|
||
<span class="price-original">原价¥399.8</span>
|
||
</div>
|
||
<span class="price-limit">限购1台</span>
|
||
</div>
|
||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||
</div>
|
||
|
||
<!-- 产品卡片 5 -->
|
||
<div class="product-card">
|
||
<div class="product-card-header">
|
||
<h4 class="product-name" data-i18n="product_kr_cn2">韩国CN2云</h4>
|
||
<div class="product-badges">
|
||
<span class="product-badge badge-hot">热销</span>
|
||
</div>
|
||
</div>
|
||
<p class="product-desc" data-i18n="product_desc_kr">低延迟、高速度,适合游戏、视频等对网络质量要求高的业务</p>
|
||
<div class="product-specs">
|
||
<span class="spec-item">4核CPU</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">8G内存</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">10M带宽</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">100G SSD</span>
|
||
</div>
|
||
<div class="product-pricing">
|
||
<div class="price-main">
|
||
<span class="price-currency">¥</span>
|
||
<span class="price-value">89.9</span>
|
||
<span class="price-original">原价¥179.8</span>
|
||
</div>
|
||
<span class="price-limit">限购1台</span>
|
||
</div>
|
||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||
</div>
|
||
|
||
<!-- 产品卡片 6 -->
|
||
<div class="product-card">
|
||
<div class="product-card-header">
|
||
<h4 class="product-name" data-i18n="product_cn_bgp">国内BGP云</h4>
|
||
<div class="product-badges">
|
||
<span class="product-badge badge-promo" data-i18n="badge_promo">特惠</span>
|
||
</div>
|
||
</div>
|
||
<p class="product-desc" data-i18n="product_desc_cn">多线BGP接入,覆盖全国各地区,访问速度快,稳定性高</p>
|
||
<div class="product-specs">
|
||
<span class="spec-item">2核CPU</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">4G内存</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">5M带宽</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">60G SSD</span>
|
||
</div>
|
||
<div class="product-pricing">
|
||
<div class="price-main">
|
||
<span class="price-currency">¥</span>
|
||
<span class="price-value">49.9</span>
|
||
<span class="price-original">原价¥99.8</span>
|
||
</div>
|
||
<span class="price-limit">限购1台</span>
|
||
</div>
|
||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||
</div>
|
||
|
||
<!-- 产品卡片 7 -->
|
||
<div class="product-card">
|
||
<div class="product-card-header">
|
||
<h4 class="product-name" data-i18n="product_zj_defense">镇江高防云</h4>
|
||
<div class="product-badges">
|
||
<span class="product-badge badge-recommend" data-i18n="badge_defense">高防</span>
|
||
</div>
|
||
</div>
|
||
<p class="product-desc" data-i18n="product_desc_defense">T级防御能力,有效抵御各类DDoS攻击,保障业务连续性</p>
|
||
<div class="product-specs">
|
||
<span class="spec-item">8核CPU</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">16G内存</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">20M带宽</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">200G SSD</span>
|
||
</div>
|
||
<div class="product-pricing">
|
||
<div class="price-main">
|
||
<span class="price-currency">¥</span>
|
||
<span class="price-value">299.9</span>
|
||
<span class="price-original">原价¥599.8</span>
|
||
</div>
|
||
<span class="price-limit">限购1台</span>
|
||
</div>
|
||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||
</div>
|
||
|
||
<!-- 产品卡片 8 -->
|
||
<div class="product-card">
|
||
<div class="product-card-header">
|
||
<h4 class="product-name" data-i18n="product_sq_bgp">宿迁BGP云</h4>
|
||
<div class="product-badges">
|
||
<span class="product-badge badge-promo" data-i18n="badge_new">上新</span>
|
||
</div>
|
||
</div>
|
||
<p class="product-desc" data-i18n="product_desc_sq">全新BGP线路,性价比极高,适合个人站长及中小企业</p>
|
||
<div class="product-specs">
|
||
<span class="spec-item">4核CPU</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">4G内存</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">10M带宽</span>
|
||
<span class="spec-divider">|</span>
|
||
<span class="spec-item">80G SSD</span>
|
||
</div>
|
||
<div class="product-pricing">
|
||
<div class="price-main">
|
||
<span class="price-currency">¥</span>
|
||
<span class="price-value">69.9</span>
|
||
<span class="price-original">原价¥139.8</span>
|
||
</div>
|
||
<span class="price-limit">限购1台</span>
|
||
</div>
|
||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Show More Button (Mobile Only) -->
|
||
<div class="products-more-btn-wrapper">
|
||
<button id="toggleProductsBtn" class="products-more-btn" onclick="toggleHotProducts()">
|
||
查看更多产品 <i class="iconfont icon-arrow-down"></i>
|
||
</button>
|
||
</div>
|
||
|
||
<script>
|
||
// Hot Products Collapse/Expand Logic
|
||
function toggleHotProducts() {
|
||
var list = document.querySelector('.hot-products-list');
|
||
var btn = document.getElementById('toggleProductsBtn');
|
||
var btnIcon = btn.querySelector('i');
|
||
|
||
if (list.classList.contains('expanded')) {
|
||
list.classList.remove('expanded');
|
||
btn.innerHTML = '查看更多产品 <i class="iconfont icon-arrow-down"></i>';
|
||
// Scroll back to top of list if needed, or just let it collapse
|
||
} else {
|
||
list.classList.add('expanded');
|
||
btn.innerHTML = '收起产品 <i class="iconfont icon-arrow-up"></i>';
|
||
}
|
||
}
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 解决方案 -->
|
||
<section class="section section-bg resolve">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2 data-i18n="solution_title">全场景全栈解决方案</h2>
|
||
<div class="section-desc" data-i18n="solution_desc">专业构架师针对丰富的业务场景,为千行百业构建稳定、易用的高性价比解决方案。</div>
|
||
</div>
|
||
<!-- 新设计:上下两层布局 -->
|
||
<div class="solution-wrapper">
|
||
<!-- 上层:按钮导航 -->
|
||
<div class="solution-tabs">
|
||
<button class="solution-tab active" data-index="0">
|
||
<span data-i18n="tab_ecommerce">电商</span>
|
||
</button>
|
||
<button class="solution-tab" data-index="1">
|
||
<span data-i18n="tab_finance">金融</span>
|
||
</button>
|
||
<button class="solution-tab" data-index="2">
|
||
<span data-i18n="tab_game">游戏</span>
|
||
</button>
|
||
<button class="solution-tab" data-index="3">
|
||
<span data-i18n="tab_travel">文旅</span>
|
||
</button>
|
||
<button class="solution-tab" data-index="4">
|
||
<span data-i18n="tab_education">教育</span>
|
||
</button>
|
||
<button class="solution-tab" data-index="5">
|
||
<span data-i18n="tab_medical">医疗</span>
|
||
</button>
|
||
<button class="solution-tab" data-index="6">
|
||
<span data-i18n="tab_agriculture">农业</span>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- 下层:幻灯片内容 -->
|
||
<div class="solution-slider">
|
||
<!-- 电商 -->
|
||
<div class="solution-slide active">
|
||
<div class="solution-content">
|
||
<div class="solution-text">
|
||
<h3>电商解决方案</h3>
|
||
<p class="solution-subtitle">应对高并发、大促等复杂场景</p>
|
||
<div class="solution-desc">
|
||
<p>提供完整的电商云解决方案,有效应对大促、秒杀等高并发场景,保障系统稳定运行。</p>
|
||
<p>通过弹性扩容、智能调度等技术手段,助力电商平台快速响应业务需求,提升用户体验。</p>
|
||
<p>支持多种营销活动场景,实现营销创新与业务增收的双重目标。</p>
|
||
</div>
|
||
<a href="./solution/e-commerce.html" class="solution-link">
|
||
了解详情 <span class="iconfont icon-arrow-right"></span>
|
||
</a>
|
||
</div>
|
||
<div class="solution-image">
|
||
<img src="/web/BlackFruit-web/assets/img/header/dianshang.png" alt="电商解决方案" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 金融 -->
|
||
<div class="solution-slide">
|
||
<div class="solution-content">
|
||
<div class="solution-text">
|
||
<h3>金融解决方案</h3>
|
||
<p class="solution-subtitle">安全可靠的金融级云服务</p>
|
||
<div class="solution-desc">
|
||
<p>为金融机构提供安全可靠的云计算基础设施,满足金融行业严格的监管要求和安全标准。</p>
|
||
<p>助力金融机构打造面向垂直场景的创新金融产品,实现与用户之间的高效触达。</p>
|
||
<p>提供风险控制、数据分析、智能客服等全方位技术支持,推动金融科技创新。</p>
|
||
</div>
|
||
<a href="./solution/finance.html" class="solution-link">
|
||
了解详情 <span class="iconfont icon-arrow-right"></span>
|
||
</a>
|
||
</div>
|
||
<div class="solution-image">
|
||
<img src="/web/BlackFruit-web/assets/img/header/jinrong.png" alt="金融解决方案" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 游戏 -->
|
||
<div class="solution-slide">
|
||
<div class="solution-content">
|
||
<div class="solution-text">
|
||
<h3>游戏解决方案</h3>
|
||
<p class="solution-subtitle">低延迟、高并发的游戏云平台</p>
|
||
<div class="solution-desc">
|
||
<p>构建高质量、全方位、深度体验的游戏云平台,提供低延迟、高并发的游戏运行环境。</p>
|
||
<p>支持游戏快速部署、弹性扩容,满足各类游戏场景需求。</p>
|
||
<p>通过智能运维、数据分析等技术手段,提升游戏研发效率,优化玩家游戏体验。</p>
|
||
</div>
|
||
<a href="./solution/game.html" class="solution-link">
|
||
了解详情 <span class="iconfont icon-arrow-right"></span>
|
||
</a>
|
||
</div>
|
||
<div class="solution-image">
|
||
<img src="/web/BlackFruit-web/assets/img/header/youxi.png" alt="游戏解决方案" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 文旅 -->
|
||
<div class="solution-slide">
|
||
<div class="solution-content">
|
||
<div class="solution-text">
|
||
<h3>文旅解决方案</h3>
|
||
<p class="solution-subtitle">科技赋能智慧文旅</p>
|
||
<div class="solution-desc">
|
||
<p>通过"科技+文化旅游"的深度融合创新及落地应用,推动文旅行业全面信息化、智慧化发展。</p>
|
||
<p>提供智慧景区、智慧酒店、智慧旅行社等全场景解决方案,实现景区管理数字化、游客服务智能化。</p>
|
||
<p>利用大数据、人工智能等技术,优化旅游资源配置,提升游客体验。</p>
|
||
</div>
|
||
<a href="./solution/travel.html" class="solution-link">
|
||
了解详情 <span class="iconfont icon-arrow-right"></span>
|
||
</a>
|
||
</div>
|
||
<div class="solution-image">
|
||
<img src="/web/BlackFruit-web/assets/img/header/wenlv.png" alt="文旅解决方案" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 教育 -->
|
||
<div class="solution-slide">
|
||
<div class="solution-content">
|
||
<div class="solution-text">
|
||
<h3>教育解决方案</h3>
|
||
<p class="solution-subtitle">打造云时代教育新模式</p>
|
||
<div class="solution-desc">
|
||
<p>实现教育数据互联互通、教学过程可视化、师生互动高交互的云上教育环境,打造云时代教育治理新模式。</p>
|
||
<p>提供在线课堂、智慧校园、教育管理等全方位解决方案,支持大规模在线教学和混合式教学模式。</p>
|
||
<p>通过人工智能、大数据等技术,实现个性化教学和精准教学评估。</p>
|
||
</div>
|
||
<a href="./solution/education.html" class="solution-link">
|
||
了解详情 <span class="iconfont icon-arrow-right"></span>
|
||
</a>
|
||
</div>
|
||
<div class="solution-image">
|
||
<img src="/web/BlackFruit-web/assets/img/header/jiaoyu.png" alt="教育解决方案" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 医疗 -->
|
||
<div class="solution-slide">
|
||
<div class="solution-content">
|
||
<div class="solution-text">
|
||
<h3>医疗解决方案</h3>
|
||
<p class="solution-subtitle">构建数字化医疗生态</p>
|
||
<div class="solution-desc">
|
||
<p>协助医疗机构打造医疗数据资源共享、医疗资源再利用、医疗知识再生产的数字化医疗生态循环体系。</p>
|
||
<p>提供远程医疗、智慧医院、医疗影像云等解决方案,支持医疗数据安全存储和高效分析。</p>
|
||
<p>通过云计算、人工智能等技术,辅助临床决策,提升医疗服务质量和效率。</p>
|
||
</div>
|
||
<a href="./solution/medical.html" class="solution-link">
|
||
了解详情 <span class="iconfont icon-arrow-right"></span>
|
||
</a>
|
||
</div>
|
||
<div class="solution-image">
|
||
<img src="/web/BlackFruit-web/assets/img/header/yiliao.png" alt="医疗解决方案" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 农业 -->
|
||
<div class="solution-slide">
|
||
<div class="solution-content">
|
||
<div class="solution-text">
|
||
<h3>农业解决方案</h3>
|
||
<p class="solution-subtitle">推动智慧农业转型升级</p>
|
||
<div class="solution-desc">
|
||
<p>助力农业企业构建智慧农业生产服务体系,提升农业精细化种植与智能化管理水平。</p>
|
||
<p>提供农业物联网、农产品溯源、智能灌溉等全链条解决方案,实现农业生产全过程数字化监控和管理。</p>
|
||
<p>通过大数据分析和人工智能技术,优化种植方案,提高农作物产量和品质。</p>
|
||
</div>
|
||
<a href="./solution/agriculture.html" class="solution-link">
|
||
了解详情 <span class="iconfont icon-arrow-right"></span>
|
||
</a>
|
||
</div>
|
||
<div class="solution-image">
|
||
<img src="/web/BlackFruit-web/assets/img/header/nongye.png" alt="农业解决方案" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!-- 安全合规、高速稳定的基础设施 -->
|
||
<section class="section section-base">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2 data-i18n="infra_title">安全合规、高速稳定的基础设施</h2>
|
||
</div>
|
||
<div class="fboxRow base">
|
||
<div class="base-content mt-40">
|
||
<div class="fboxRow Ycenter mb-30">
|
||
<h2>20+</h2><span class="title-desc ml-10" data-i18n="infra_regions">国家地理区域</span>
|
||
</div>
|
||
<div class="fboxRow Ycenter mb-30">
|
||
<h2>60+</h2><span class="title-desc ml-10" data-i18n="infra_zones">可用区</span>
|
||
</div>
|
||
<div class="fboxRow Ycenter mb-30">
|
||
<h2>500+</h2><span class="title-desc ml-10" data-i18n="infra_cdn">全球CDN节点</span>
|
||
</div>
|
||
<div class="fboxRow Ycenter mb-30">
|
||
<h2>1T+</h2><span class="title-desc ml-10" data-i18n="infra_ddos">可承载DDOS攻击</span>
|
||
</div>
|
||
|
||
</div>
|
||
<img src="/web/BlackFruit-web/assets/img/index/map.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 企业资质与荣誉 -->
|
||
<div class="honor-section">
|
||
<div class="section-content">
|
||
<div class="honor-title">
|
||
<h3 data-i18n="honor_title">企业资质与荣誉</h3>
|
||
<p class="honor-subtitle" data-i18n="honor_subtitle">实体企业,资质齐全,技术独立<br>国三资资质证书+增值电信业务经营许可证(ISP资质)+其他资质齐全,可帮助用户办理ICP备案、公安备案等</p>
|
||
</div>
|
||
|
||
<!-- 网格布局容器 -->
|
||
<div class="honor-grid" id="honorGrid">
|
||
<!-- 动态生成图片网格 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
<!-- 新闻 -->
|
||
<section class="section news">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2 data-i18n="news_title">新动向,新机遇</h2>
|
||
<div class="section-desc" data-i18n="news_desc">最新发展动态、最热行业资讯,与主题云一起见证云时代精彩瞬间</div>
|
||
</div>
|
||
<div class="news-content fboxWrap">
|
||
<div class="news-cont">
|
||
<div class="news-head fboxRow Xbetween Yend">
|
||
<div class="news-title" data-i18n="news_announcement">官方公告</div>
|
||
<div class="news-more"><a href="./announce.html" data-i18n="news_more">更多</a><span class="iconfont icon-arrow-right"></span></div>
|
||
</div>
|
||
<div class="news-list" id="announceList">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="news-cont">
|
||
<div class="news-head fboxRow Xbetween Yend">
|
||
<div class="news-title" data-i18n="news_info">新闻资讯</div>
|
||
<div class="news-more"><a href="./news.html" data-i18n="news_more">更多</a><span class="iconfont icon-arrow-right"></span></div>
|
||
</div>
|
||
<div class="news-list" id="newsList">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<div class="d-none">
|
||
<img id="viewer" alt="">
|
||
</div>
|
||
|
||
<script>
|
||
// 回到顶部功能
|
||
$(document).ready(function () {
|
||
// 点击回到顶部
|
||
$("#backTop").click(function () {
|
||
$("html, body").animate({ scrollTop: 0 }, 300);
|
||
});
|
||
|
||
// 根据滚动位置显示/隐藏回到顶部按钮
|
||
$(window).scroll(function () {
|
||
if ($(this).scrollTop() > 300) {
|
||
$("#backTop").fadeIn(300);
|
||
} else {
|
||
$("#backTop").fadeOut(300);
|
||
}
|
||
});
|
||
|
||
// 初始化时隐藏回到顶部按钮
|
||
if ($(window).scrollTop() <= 300) {
|
||
$("#backTop").hide();
|
||
}
|
||
});
|
||
</script>
|
||
|
||
{include file="footer"} |