guangyin
/
hbt-moore-stone-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:更改图片关键词

master
guangyin 2026-02-28 10:49:31 +08:00
parent 07e6c6eadb
commit c1e29d2994
6 changed files with 985 additions and 888 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1692
css/index.css
View File

File diff suppressed because it is too large Load Diff

52
css/style.css
View File

@ -42,7 +42,15 @@ th {
.wrap {
clear: both;
width: 96%;
max-width: 1300px;
max-width: 1800px;
margin: 0 auto;
text-align: left;
zoom: 1;
overflow: hidden;
}
.wrap0 {
clear: both;
width: 100%;
margin: 0 auto;
text-align: left;
zoom: 1;
@ -51,7 +59,7 @@ th {
.wrap2 {
clear: both;
width: 96%;
max-width: 1300px;
max-width: 1800px;
margin: 0 auto;
text-align: left;
zoom: 1;
@ -65,6 +73,9 @@ th {
zoom: 1;
overflow: hidden;
}
.bg_black{
background: #000;
}
.divhidden {
display: none;
}
@ -105,7 +116,7 @@ th {
font-size: 30px;
}
.f28 {
font-size: 30px;
font-size: 28px;
}
.f24 {
font-size: 24px;
@ -289,7 +300,8 @@ th {
.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.header-v1 .top-main .top-main-content {
/* float:right;*/ /* margin-top:31px;*/
float:right;
text-align: center;
}
.navBar {
@ -1133,6 +1145,34 @@ th {
filter: Alpha(Opacity=80);
opacity: 0.8;
}
.case-title{
display: flex;
color: #FFFFFF;
align-items: center;
}
.case-content{
color: #FFFFFF;
text-align: left;
}
.case-icon{
width: 54px !important;
height: 54px !important;
}
.more-style{
display: flex;
justify-content: flex-end;
}
.more-style img{
width: 32px !important;
height: 32px !important;
margin-right: 24px;
}
#owl-demo3 .item{
background: #1D1D1F;
border-radius: 24px;
padding: 24px;
color: #FFFFFF;
}
@media screen and (max-width: 1600px) {
.f50 {
font-size: 47px;
@ -1270,6 +1310,10 @@ th {
.f_bg .f_div2_r a {
font-size: 18px;
}
.core_technology .img_style{
width: 50px !important;
height: 50px !important;
}
}
@media screen and (max-width: 960px) {
.f50 {

0
images/缂栫粍 5.png → images/case-arrow.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
images/缂栫粍 9.png → images/case-icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
images/i_bg1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 932 B

After

Width:  |  Height:  |  Size: 932 B

129
index.htm
View File

@ -27,7 +27,7 @@
<script src="/{ms:global.style/}js/owl.carousel.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
</head>
<body>
<body class="bg_black">
<div class="home-header"><#include "header.htm" /></div>
<!--轮显begin-->
@ -78,27 +78,30 @@
<!--移动端 flash end-->
<!-- 核心技术 start-->
<div class="core_technology anim anim-1">
<div class="flex-box">
<img src="/template/1/default/images/slzch.png" class="img_style" alt="算力资源资产化" />
<div>
<h2>算力资源资产化</h2>
<p>将异构GPU算力统一计量，封装为标准化的“算力Token”</p>
</div>
</div>
<div class="flex-box">
<img src="/template/1/default/images/zndd.png" class="img_style" alt="智能调度与交付" />
<div>
<h2>智能调度与交付</h2>
<p>动态调度Token，高效完成AI训练/推理任务</p>
</div>
</div>
<div class="flex-box">
<img src="/template/1/default/images/jzjs.png" class="img_style" alt="价值结算与再投资" />
<div>
<h2>价值结算与再投资</h2>
<p>按Token消耗付费，资金反哺算力设施扩容</p>
<div class="wrap">
<div class="flex-box">
<img src="/template/1/default/images/slzch.png" class="img_style" alt="算力资源资产化" />
<div>
<h2 class="f36">算力资源资产化</h2>
<p class="f16">将异构GPU算力统一计量，封装为标准化的“算力Token”</p>
</div>
</div>
<div class="flex-box">
<img src="/template/1/default/images/zndd.png" class="img_style" alt="智能调度与交付" />
<div>
<h2 class="f36">智能调度与交付</h2>
<p class="f16">动态调度Token，高效完成AI训练/推理任务</p>
</div>
</div>
<div class="flex-box">
<img src="/template/1/default/images/jzjs.png" class="img_style" alt="价值结算与再投资" />
<div>
<h2 class="f36">价值结算与再投资</h2>
<p class="f16">按Token消耗付费，资金反哺算力设施扩容</p>
</div>
</div>
</div>
</div>
<!-- 核心技术 end-->
<div class="i_product_bg">
@ -132,8 +135,9 @@
</div>
</div>
</div>
<!-- 核心技术-->
<div class="i_product_bg">
<div class="wrap2">
<div class="wrap0">
<div class="cloud-product">
<div class="i_title mg_0 anim anim-1">
<h2 class="f41">我们的核心技术</h2>
@ -148,31 +152,31 @@
<div class="core-item">
<img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
<div>
<h3>AI算力运营底座</h3>
<p>提供基于摩尔线程、清微智能等高性能提供GPU集群的AI算力运营调度平台。</p>
<h3 class="f28">AI算力运营底座</h3>
<p class="f18">提供基于摩尔线程、清微智能等高性能提供GPU集群的AI算力运营调度平台。</p>
</div>
</div>
<div class="core-item">
<img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
<div>
<h3>一体化开发平台</h3>
<p>与三大运营商、头部集成商战略合作，拥有直达千行百
<h3 class="f28">一体化开发平台</h3>
<p class="f18">与三大运营商、头部集成商战略合作，拥有直达千行百
业的规模销售与交付通道</p>
</div>
</div>
<div class="core-item">
<img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
<div>
<h3>AI人才培育体系</h3>
<p>汇聚各行业领先的垂直AI应用厂商及国家级实验室，共同打造深
<h3 class="f28">AI人才培育体系</h3>
<p class="f18">汇聚各行业领先的垂直AI应用厂商及国家级实验室，共同打造深
</p>
</div>
</div>
<div class="core-item">
<img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
<div>
<h3>专项创投基金</h3>
<p>擅长将前沿技术转化为客户价格，并协调多元生态伙伴，驱动项
<h3 class="f28">专项创投基金</h3>
<p class="f18">擅长将前沿技术转化为客户价格，并协调多元生态伙伴，驱动项
目从规划到运营的全周期成功</p>
</div>
</div>
@ -182,9 +186,43 @@
</div>
</div>
</div>
<!-- 核心技术-->
<div class="i_case_bg">
<div class="wrap2">
{ms:channel type='self' typeid="1666653706550321164"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div id="owl-demo3" class="owl-carousel">
{ms:arclist typeid="1666653706550321164" size=10}
<div class="item">
<dd class="">
<a href="{ms:global.html/}${field.link}" title="${field.title}" >
<!-- <div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}" /></div>-->
<div class="case-title">
<img src="/template/1/default/images/case-icon.png" class="case-icon" alt="">
<h2 class="f22">${field.title}</h2>
</div>
<div class="case-content">
{@ms:len field.descrip 50 /}
</div>
<div class="more-style">
<img src="/template/1/default/images/case-arrow.png" alt="">
</div>
<!-- <div class="txts">
<h2 class="f22">${field.title}</h2>
<p class="p">{@ms:len field.descrip 20 /}</p>
</div>-->
</a>
</dd>
</div>
{/ms:arclist}
</div>
</div>
</div>
<div class="i_product_bg">
<div class="wrap2">
{ms:channel type='self' typeid="1666653706550321152"}
@ -247,7 +285,7 @@
</div>
</div>
</div>
<div class="wrap2">
<div class="wrap2 bg_black">
{ms:channel type='self' typeid="1666653706550321163"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
@ -272,32 +310,7 @@
</ul>
</div>
</div>
<div class="i_case_bg">
<div class="wrap2">
{ms:channel type='self' typeid="1666653706550321164"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div id="owl-demo3" class="owl-carousel">
{ms:arclist typeid="1666653706550321164" size=10}
<div class="item">
<dd class="">
<a href="{ms:global.html/}${field.link}" title="${field.title}">
<div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}" /></div>
<div class="txts">
<h2 class="f22">${field.title}</h2>
<p class="p">{@ms:len field.descrip 20 /}</p>
</div>
</a>
</dd>
</div>
{/ms:arclist}
</div>
</div>
</div>
<div class="wrap">
<div class="wrap bg_black">
{ms:channel type='self' typeid="1666653706550321169"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>