hbt-moore-stone-ui/index.htm

386 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="robots" content="index, follow" />
<title>{ms:global.name/}</title>
<meta name="keywords" content="{ms:global.keyword/}" />
<meta name="description" content="{ms:global.descrip/}" />
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="applicable-device" content="pc,mobile" />
<link href="{@ms:file global.foot.ico/}" rel="shortcut icon" />
<link href="/{ms:global.style/}css/style.css" rel="stylesheet" />
<link href="/{ms:global.style/}css/index.css" rel="stylesheet" />
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">
//pc导航
</script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.bxslider.min.js">
/*轮显*/
</script>
<script src="/{ms:global.style/}js/anim.js">
//动画
</script>
<script src="/{ms:global.style/}js/owl.carousel.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
</head>
<body class="bg_black">
<div class="home-header"><#include "header.htm" /></div>
<!--轮显begin-->
<div id="slider">
<ul class="bxslider">
{ms:arclist typeid="1666653706550321162"}
<li style="background-color: #1b1b1b">
<div class="carousel-img">
<a href="<#if field.source!=''>${field.source}<#else>javascript:;</#if>" target="_blank">
<img
src="{@ms:file field.litpic/}"
width="100%"
alt="摩尔基石"
class="oimg"
/>
</a>
</div>
</li>
{/ms:arclist}
</ul>
</div>
<script>
var slider = $(".bxslider").bxSlider({
mode: "horizontal" /*fade,vertical*/,
controls: true,
speed: 500,
hideControlOnEnd: false,
pager: true,
auto: true
});
$(window).resize(function () {
slider.reloadSlider();
});
</script>
<!--轮显end-->
<!--移动端 flash start-->
<div class="flash_div">
<div id="owl-flash" class="owl-carousel">
{ms:arclist flag='f' size=5 typeid="1666653706550321162"}
<div class="item">
<dd>
<a href="javascript:;" title=""><img src="{@ms:file field.litpic/}" /></a>
</dd>
</div>
{/ms:arclist}
</div>
</div>
<!--移动端 flash end-->
<!-- 核心技术 start-->
<div class="core_technology anim anim-1">
<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">
<div class="wrap2">
<div class="cloud-product">
<div class="i_title mg_0 anim anim-1">
<h2 class="f41">我们的服务</h2>
<p class="f24">SERVICE</p>
<div class="cloud-product-explain">
摩尔基石成立于2025年专注于国产算力平台的研发与应用落地 致力于打造基于国产芯片的云边端一体、软硬件协同、训练推理融合的AI算力基础平台和“AI+”解决方案。
</div>
</div>
<div class="flex-box anim anim-1">
<div class="service-item">
<img src="/template/1/default/images/service1.png" class="img_style" alt="智算中心建设运营" />
<p>智算中心建设运营</p>
</div>
<div class="service-item">
<img src="/template/1/default/images/service2.png" class="img_style" alt="智能交通" />
<p>智能交通</p>
</div>
<div class="service-item">
<img src="/template/1/default/images/service3.png" class="img_style" alt="智能医疗" />
<p>智能医疗</p>
</div>
<div class="service-item">
<img src="/template/1/default/images/service4.png" class="img_style" alt="智能工业" />
<p>智能工业</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心技术-->
<div class="i_product_bg">
<div class="wrap0">
<div class="cloud-product">
<div class="i_title mg_0 anim anim-1">
<h2 class="f41">我们的核心技术</h2>
<p class="f24">TECHNOLOGY</p>
<div class="cloud-product-explain">
顶级平台实战经验:核心成员来自运营商、大型集成商的业务与数据<br/>
团队,精通复杂系统的规模化运营与资源整合。
</div>
</div>
<div class="core-bg flex-box anim anim-1">
<div class="core-content">
<div class="core-item">
<img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
<div>
<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 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 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 class="f28">专项创投基金</h3>
<p class="f18">擅长将前沿技术转化为客户价格,并协调多元生态伙伴,驱动项
目从规划到运营的全周期成功</p>
</div>
</div>
</div>
</div>
</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 100 /}
</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"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div class="nproduct_list2">
<ul>
{ms:arclist typeid="1666653706550321152" size=6}
<li class="anim anim-1">
<a href="{ms:global.html/}${field.link}" title="${field.title}">
<div class="imgs">
<img src="{@ms:file field.litpic/}" alt="${field.title}" />
<p>&nbsp;</p>
</div>
<h2 class="f24">${field.title}</h2>
<p>{@ms:len field.descrip 60 /}...</p>
</a>
</li>
{/ms:arclist}
</ul>
</div>
</div>
</div>
<div class="news_bg">
<div class="i_title anim anim-1">
<h2 class="f41">新闻中心</h2>
<p class="f24">NEWS</p>
</div>
<div class="wrap">
<div class="news_con floor_5_1 anim anim-1">
<div class="floor_5_z">
{ms:arclist size=1 topflag='h' orderby='date' ispaging=true}
<a href="{ms:global.html/}${field.link}" title="${field.title}"
><b><img src="{@ms:file field.litpic/}" alt="${field.title}" /></b><em><span>${field.date?string("dd")}</span>${field.date?string("yyyy-MM")}</em>
<div class="dk">
<h3>${field.title}</h3>
<p>{@ms:len field.descrip 60 /}</p>
<i>查看详情</i>
</div>
</a>
{/ms:arclist}
</div>
<div class="floor_5_y">
<ul>
{ms:arclist size=3 topflag='c' orderby='date' ispaging=true}
<li>
<a href="{ms:global.html/}${field.link}" title="${field.title}"
><em><span>${field.date?string("dd")}</span>${field.date?string("yyyy-MM")}</em>
<h3>
<p>${field.title}<span>{@ms:len field.descrip 60 /}</span></p>
</h3>
</a>
</li>
{/ms:arclist}
</ul>
</div>
</div>
</div>
</div>
<!-- <div class="wrap2 bg_black">
{ms:channel type='self' typeid="1666653706550321163"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div class="i_solution">
<ul>
{ms:channel typeid="1666653706550321163" }
<li class="anim anim-1">
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>" title="${field.typetitle}">
<div class="imgs">
<img src="{@ms:file field.typeico/}" alt="${field.typetitle}" />
</div>
<div class="txts">
<h2 class="f28">${field.typetitle}</h2>
<p>${field.typeshorttitle}...</p>
</div>
</a>
</li>
{/ms:channel}
</ul>
</div>
</div>-->
<div class="wrap bg_black">
{ms:channel type='self' typeid="1666653706550321169"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div class="i_link anim anim-2">
<ul>
{ms:arclist typeid="1666653706550321169" size=12}
<li>
<a title="${field.title}">
<div class="imgbox"><img src="{@ms:file field.litpic/}" alt="${field.title}" /></div>
</a>
</li>
{/ms:arclist}
</ul>
</div>
</div>
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script>
<!--尾部end-->
<script>
$("#owl-flash").owlCarousel({
/*手机轮显图*/ items: 1,
lazyLoad: true,
autoPlay: true,
itemsDesktop: [1199, 1],
itemsDesktopSmall: [979, 1],
itemsTablet: [768, 1],
itemsTabletSmall: false,
itemsMobile: [479, 1],
//rewindNav:false,
navigation: true
});
$("#owl-demo3").owlCarousel({
/*行业案例*/ items: 4,
lazyLoad: true,
autoPlay: true,
itemsDesktop: [1199, 4],
itemsDesktopSmall: [979, 3],
itemsTablet: [768, 2],
itemsTabletSmall: false,
itemsMobile: [479, 2],
navigation: true
});
window.onload = function () {
/*轮显动画*/
$(".bx-pager .bx-pager-item").click(function () {
var linum = $(this).index();
var CaseList = $(".bxslider li");
$(this)
.find("a")
.click(function () {
CaseList.removeClass("active");
CaseList.eq(linum).addClass("active");
$(".bx-pager .bx-pager-item").removeClass("active");
$(".bx-pager .bx-pager-item").eq(linum).addClass("active");
// $(this).addClass('csel').siblings().removeClass('csel');
// CaseList.hide().eq(linum).show();
//CaseList.find(".anim").removeClass("anim-show");
// setTimeout(function(){
// CaseList.eq(linum).find(".anim").addClass("anim-show");
// },6)
});
});
};
</script>
</body>
</html>