hbt-moore-stone-ui/index.htm

486 lines
22 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>
<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-->
<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">
我们始终致力于为客户提供高质量的服务,让客户在安全和生产中获得更多的保障。服务涵盖消防/危化实战实训基地、消防模拟仿真软件、安全评价软件、化工安全生产等多个方面,如果您在消防和化工领域方面需要协助或者有任何需求,请联系我们,我们将竭诚为您服务!
</div>
</div>
<!-- <p class="cloud-product-title anim anim-1"><span>我们的服务</span></p>
<p class="cloud-product-explain anim anim-1">
我们始终致力于为客户提供高质量的服务,让客户在安全和生产中获得更多的保障。服务涵盖消防/危化实战实训基地、消防模拟仿真软件、安全评价软件、化工安全生产等多个方面,如果您在消防和化工领域方面需要协助或者有任何需求,请联系我们,我们将竭诚为您服务!
</p> -->
<ul class="cloud-product-ul clearfix anim anim-1">
<li data-index="1" class="active">
<div class="normal-inner">
<div class="cloud-product-single-bottom clearfix">
<div class="empty-space">
<div class="bg-product-pic server-header-05"></div>
</div>
<h2 class="product-introduce-title">实战训练基地</h2>
<p class="product-introduce-content">打造多元化基地</p>
<div class="product-introduce-list">
<p class="introduce-list-small">提升战斗力为导向</p>
<p class="introduce-list-small">构建训练体系为基础</p>
<p class="introduce-list-small">提高培训质量为重点</p>
</div>
</div>
</div>
<div class="active-inner active-inner-05 clearfix">
<div class="active-inner-item">
<div class="empty-space">
<div class="bg-product-pic server-header-active-05"></div>
</div>
<h2 class="product-introduce-title active-product-introduce-title">实战训练基地</h2>
<p class="product-introduce-content">打造多元化基地</p>
<div class="product-introduce-list">
<p class="introduce-list-large">
以习近平总书记关于防灾减灾救灾的重要论述为指导,打造高水平、高标准、高技术和科学化的实战实训基地,构建与综合应急救援任务相适应、与队伍专业化能力建设相匹配的训练基地体系。促进应急救援核心战斗力生成模式转变,有力服务应急救援工作和队伍建设长远发展。
</p>
</div>
</div>
</div>
</li>
<li data-index="2" class="">
<div class="normal-inner">
<div class="cloud-product-single-bottom clearfix">
<div class="empty-space">
<div class="bg-product-pic server-header-01"></div>
</div>
<h2 class="product-introduce-title">化工安全生产</h2>
<p class="product-introduce-content">全流程安全生产监管</p>
<div class="product-introduce-list">
<p class="introduce-list-small">隐患排查与治理</p>
<p class="introduce-list-small">安全培训</p>
<p class="introduce-list-small">事故应急</p>
</div>
</div>
</div>
<div class="active-inner active-inner-01 clearfix">
<div class="active-inner-item">
<div class="empty-space">
<div class="bg-product-pic server-header-active-01"></div>
</div>
<h2 class="product-introduce-title active-product-introduce-title">化工安全生产</h2>
<p class="product-introduce-content">全流程安全生产监管</p>
<div class="product-introduce-list">
<p class="introduce-list-large">
提升工业安全生产的感知、监测、预警、处置和评估能力,加速安全生产从静态分析向动态感知、事后应急向事前预防、单点防控向全局联防的转变,提升工业生产本质安全水平
</p>
</div>
</div>
</div>
</li>
<li data-index="3" class="">
<div class="normal-inner">
<div class="cloud-product-single-bottom clearfix">
<div class="empty-space">
<div class="bg-product-pic server-header-03"></div>
</div>
<h2 class="product-introduce-title">数字孪生</h2>
<p class="product-introduce-content">Digital Twins</p>
<div class="product-introduce-list">
<p class="introduce-list-small">全生命周期过程</p>
<p class="introduce-list-small">虚实等价</p>
<p class="introduce-list-small">全联接、全场景、全智能</p>
</div>
</div>
</div>
<div class="active-inner active-inner-03 clearfix">
<div class="active-inner-item">
<div class="empty-space">
<div class="bg-product-pic server-header-active-03"></div>
</div>
<h2 class="product-introduce-title active-product-introduce-title">数字孪生</h2>
<p class="product-introduce-content">Digital Twins</p>
<div class="product-introduce-list">
<p class="introduce-list-large">
充分利用物理模型、传感器更新、运行历史数据、集成多学科、多物理量、多尺度、多概率的仿真过程,在虚拟的空间中完成对物理世界的映射,从而反映相对实体的全生命周期过程
</p>
</div>
</div>
</div>
</li>
<li data-index="4" class="">
<div class="normal-inner">
<div class="cloud-product-single-bottom clearfix">
<div class="empty-space">
<div class="bg-product-pic server-header-04"></div>
</div>
<h2 class="product-introduce-title">模拟仿真</h2>
<p class="product-introduce-content">VR | AR | WEB</p>
<div class="product-introduce-list">
<p class="introduce-list-small">仿真和预测</p>
<p class="introduce-list-small">L1到L4精细化建模</p>
<p class="introduce-list-small">三维可视化</p>
</div>
</div>
</div>
<div class="active-inner active-inner-04 clearfix">
<div class="active-inner-item">
<div class="empty-space">
<div class="bg-product-pic server-header-active-04"></div>
</div>
<h2 class="product-introduce-title active-product-introduce-title">模拟仿真</h2>
<p class="product-introduce-content">模拟仿真</p>
<div class="product-introduce-list">
<p class="introduce-list-large">
系统基于虚拟现实技术和三维建模技术内置功能完备的虚拟现实交互模块提供多种交互模式用户可以根据场景特点和实际需求选择不同交互模式进行场景交互。系统支持不同的交互设备实时接入键盘鼠标、数据手套、方向盘、操纵杆和6自由度位置追踪系统等。用户可根据需要接入不同的交互设备进行场景交互操作和仿真实训
</p>
</div>
</div>
</div>
</li>
<li data-index="6" class="">
<div class="normal-inner">
<div class="cloud-product-single-bottom clearfix">
<div class="empty-space">
<div class="bg-product-pic server-header-06"></div>
</div>
<h2 class="product-introduce-title">应急指挥</h2>
<p class="product-introduce-content">防灾减灾救灾</p>
<div class="product-introduce-list">
<p class="introduce-list-small">风险管控与预警</p>
<p class="introduce-list-small">多端通信融合</p>
<p class="introduce-list-small">辅助决策指挥</p>
</div>
</div>
</div>
<div class="active-inner active-inner-06 clearfix">
<div class="active-inner-item">
<div class="empty-space">
<div class="bg-product-pic server-header-active-06"></div>
</div>
<h2 class="product-introduce-title active-product-introduce-title">应急指挥</h2>
<p class="product-introduce-content">防灾减灾救灾</p>
<div class="product-introduce-list">
<p class="introduce-list-large">
根据国家政策要求,具备一定规模的危险化学品生产、经营、储存企业应当建立应急救援队伍,利用统一的工业互联网平台进行汇总与融合,构建以敏捷应急体系为核心,完善安全生产管理功能应用的数字化应急指挥与救援平台。
</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="analysis">
<div class="i_title mg_0 white anim anim-1">
<h2 class="f41">多元化基地 体系化建设</h2>
<p class="f24">Base construction</p>
<div class="cloud-product-explain white">构建与综合应急救援任务相适应、与队伍专业化能力建设相匹配的训练基地体系</div>
</div>
<!-- <div class="common_tit anim anim-1">
<strong>多元化基地 体系化建设</strong>
<p>构建与综合应急救援任务相适应、与队伍专业化能力建设相匹配的训练基地体系</p>
</div> -->
<div class="box wrap2 anim anim-1">
<ul>
<li>
<i>1</i><strong>真火模拟训练系统</strong>
<p>
集多介质真火模拟训练设施与业务培训、
技能考核、实战演练、技术竞赛为一体的实训演练系统,包含:化工装置火灾事故处置训练、综合训练塔内真火模拟训练、真烟真火训练集装箱、多功能危化品运输槽车处置装置等
</p>
</li>
<li>
<i>2</i><strong>多功能烟热训练集装箱</strong>
<p>
烟热箱包含丰富的障碍模块、灵活多变的训练路径、集成业务训练模块、3D全局监控系统、多重安全控制系统等真火箱以木材为燃料真实再现火焰燃烧全过程可模拟建筑火灾轰燃、回燃火
</p>
</li>
<li>
<i>3</i><strong>危化品泄漏事故训练平台</strong>
<p>可模拟液化石油气在不同压力下,罐、管道、阀门、法兰等不同部位,液相、气相等不同形式,矩形、圆孔、锯齿、裂缝、断裂等不同形状的泄露</p>
</li>
</ul>
<div class="center"><img src="/template/1/default/images/p2.png" alt="互联网转型" /></div>
<ul>
<li>
<i>4</i><strong>危化品槽罐车泄露事故训练设施</strong>
<p>危化品处置训练区特色车辆可侧翻可倾倒可切剖。全套全真阀门、切断装置、安全装置实战学习视觉和触觉上真实体验。增加多套3D工艺流程、事故处置教学</p>
</li>
<li>
<i>5</i><strong>油罐事故处置训练设施</strong>
<p>储油罐是油库的重要设施,存储着大量易燃、易爆、易挥发、易流失的油品,如果安全管理不当,或由于设备技术故障和自然灾害,极易发生火灾事故</p>
</li>
<li>
<i>6</i><strong>净化装置低温甲醇洗装置</strong>
<p>净化装置低温甲醇洗工艺是目前国内外所公认的较为经济且净化度高的气体净化技术,具有脱硫、脱碳技术不能取代的特点,是大部门化工企业经常采用的工艺</p>
</li>
</ul>
</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="index_title anim anim-1">
<h3>新闻中心</h3>
<p></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">
{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="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">
{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>