407 lines
16 KiB
HTML
407 lines
16 KiB
HTML
<!doctype html>
|
||
[#escape x as (x)!?html]
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>${site.title}</title>
|
||
<meta content="${site.seoKeywords}" name="keywords">
|
||
<meta content="${site.seoDescription}" name="description">
|
||
<meta content="${_csrf.token}" name="_csrf"/>
|
||
<meta content="${_csrf.headerName}" name="_csrf_header"/>
|
||
[#include 'inc_meta.html'/]
|
||
[#include 'inc_css.html'/]
|
||
[#include 'inc_js.html'/]
|
||
[#if config.greyStyle]
|
||
<style>
|
||
body {
|
||
filter: grayscale(.95);
|
||
-webkit-filter: grayscale(.95);
|
||
}
|
||
</style>
|
||
[/#if]
|
||
</head>
|
||
<body>
|
||
[#assign headerShadow=true/]
|
||
[#include 'inc_header.html'/]
|
||
<!--banner-->
|
||
<div class="index_banner">
|
||
[@BlockItemList block='focus' limit='5'; beans]
|
||
<div class="carousel slide" data-ride="carousel" id="carouselCaptions">
|
||
<ol class="carousel-indicators">
|
||
[#list beans as bean]
|
||
<li class="[#if bean_index==0]active[/#if]" data-slide-to="${bean_index?c}" data-target="#carouselCaptions"></li>
|
||
[/#list]
|
||
</ol>
|
||
<div class="carousel-inner rounded-sm">
|
||
[#list beans as bean]
|
||
<div class="carousel-item[#if bean_index==0] active[/#if]">
|
||
[@A bean=bean class="text-reset text-decoration-none"]
|
||
<img alt="..." class="d-block w-100" src="${bean.image}">
|
||
<div class="carousel-caption d-none d-md-block">
|
||
<p>${bean.title}</p>
|
||
</div>
|
||
[/@A]
|
||
</div>
|
||
[/#list]
|
||
</div>
|
||
<a class="carousel-control-prev" data-slide="prev" href="#carouselCaptions" role="button">
|
||
<span aria-hidden="true" class="carousel-control-prev-icon"></span>
|
||
<span class="sr-only">Previous</span>
|
||
</a>
|
||
<a class="carousel-control-next" data-slide="next" href="#carouselCaptions" role="button">
|
||
<span aria-hidden="true" class="carousel-control-next-icon"></span>
|
||
<span class="sr-only">Next</span>
|
||
</a>
|
||
</div>
|
||
<script>$('.carousel').carousel();</script>
|
||
[/@BlockItemList]
|
||
|
||
<div class="info">
|
||
[@BlockItemList block='Honor' limit='4' blockId='90307146479679490'; beans]
|
||
[#list beans as bean]
|
||
<div class="item">
|
||
<p class="num">${bean.title}</p>
|
||
<p class="text"> ${bean.subtitle} </p>
|
||
<p class="notes"> ${bean.description} </p>
|
||
</div>
|
||
[/#list]
|
||
[/@BlockItemList]
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻中心-->
|
||
<div class="news_container">
|
||
<div class="title">
|
||
<div class="tit">新闻中心</div>
|
||
<!-- <p>助力提升安全管理效益,满足多行业的安全生产需求</p>-->
|
||
</div>
|
||
<div class="new_main">
|
||
<div class="new_left">
|
||
<div class="carousel slide" data-ride="carousel" id="newLeftCarousel">
|
||
<ol class="carousel-indicators" style="bottom:30px">
|
||
<li class="active" data-slide-to="0" data-target="#newLeftCarousel"></li>
|
||
<li data-slide-to="1" data-target="#newLeftCarousel"></li>
|
||
<li data-slide-to="2" data-target="#newLeftCarousel"></li>
|
||
</ol>
|
||
|
||
<div class="carousel-inner">
|
||
[@BlockItemList block='focus' limit='5' blockId='89988534601325057'; beans]
|
||
[#list beans as bean]
|
||
<div class="carousel-item [#if bean_index==0] active[/#if]">
|
||
<div class="item">
|
||
[@A bean=bean class="text-reset text-decoration-none"]
|
||
<div class="img"> <img alt="${site.name}" src="${bean.image}" width="680" height="500"> </div>
|
||
<div class="text">
|
||
<p class="title">${bean.title}</p>
|
||
</div>
|
||
[/@A]
|
||
</div>
|
||
</div>
|
||
[/#list]
|
||
[/@BlockItemList]
|
||
|
||
|
||
</div>
|
||
<a class="carousel-control-prev" data-slide="prev" href="#newLeftCarousel" role="button">
|
||
<span aria-hidden="true" class="carousel-control-prev-icon"></span>
|
||
</a>
|
||
<a class="carousel-control-next" data-slide="next" href="#newLeftCarousel" role="button">
|
||
<span aria-hidden="true" class="carousel-control-next-icon"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="new_right">
|
||
[@ArticleList channel='news' isIncludeSubChannel='true' limit=4 orderBy='publishDate_desc'; list]
|
||
<ul>
|
||
[#include 'part_article_items.html'/]
|
||
</ul>
|
||
[/@ArticleList]
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 核心产品-->
|
||
<div class="product_container">
|
||
<div class="product_main">
|
||
<div class="title">
|
||
<div class="tit">荣誉资质及核心产品</div>
|
||
<!-- <p>安全生产数智化管理平台,满足多行业的安全生产需求</p>-->
|
||
</div>
|
||
<div class="product_wrap">
|
||
<div class="top_container">
|
||
<div class="item active" data-index="0">资质荣誉</div>
|
||
<div class="item" data-index="1">危化、园区企业安全监管平台</div>
|
||
<div class="item" data-index="2">港口企业安全监管平台</div>
|
||
<div class="item" data-index="3">钢铁企业安全管理平台</div>
|
||
<div class="item" data-index="4">基层应急数智平台</div>
|
||
<div class="item" data-index="5">企业全员安全培训智能托管平台</div>
|
||
</div>
|
||
<div class="main_container" data-index="0" style=" padding:0">
|
||
<div><img alt="${site.name}" src="${'${files}/img/product_01.png'}"></div>
|
||
</div>
|
||
<div class="main_container" data-index="1" style="display:none; padding:0">
|
||
<div class="left">
|
||
<div class="img">
|
||
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
|
||
</div>
|
||
<div class="title">危化、园区企业安全监管平台</div>
|
||
<div class="notes">本平台聚焦危化企业安全管理，运用物联网、智能模型、可视化等信息技术，实现全要素数字化管理，满足合规要求，赋能企业安全管理转型与政企数据互通。</div>
|
||
<div class="info">
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
全流程风险闭环管控，筑牢安全底线
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
数智化技术深度赋能，提升管控效率
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
全要素一体化管理，满足合规与转型需求
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<img alt="${site.name}" src="${'${files}/img/product_02.png'}">
|
||
</div>
|
||
</div>
|
||
<div class="main_container" data-index="2" style="display:none; padding:0">
|
||
<div class="left">
|
||
<div class="img">
|
||
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
|
||
</div>
|
||
<div class="title">港口安全监管平台</div>
|
||
<div class="notes">面向港口企业多维度安全监管需求，以数智化技术实现安全数据全流程管控，动态监管全场景安全工作，达成安全管理 “可视、可查、可控、可奖、可罚”。</div>
|
||
<div class="info">
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
全流程闭环管控，实现工程与现场的精细化监管
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
数智化应急管理，提升突发事件响应与处置能力
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
统一用户与数据管理，保障跨端高效协同
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<img alt="${site.name}" src="${'${files}/img/product_03.png'}">
|
||
</div>
|
||
</div>
|
||
<div class="main_container" data-index="3" style="display:none; padding:0">
|
||
<div class="left">
|
||
<div class="img">
|
||
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
|
||
</div>
|
||
<div class="title">钢铁企业安全管理平台</div>
|
||
<div class="notes">平台摒弃多系统分散管理模式，以核心预警能力为牵引，完整集成七大安全管理核心模块，实现 “一个平台管全局”，覆盖安全管理全流程各环节，七大模块数据互通、流程联动，既降低企业信息化投入成本，又实现安全管理全内容、全周期覆盖。</div>
|
||
<div class="info">
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
政策合规全覆盖，规避监管风险
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
工艺报警智能优化，提升处置效率
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
全场景精准预警，实现全天候防控
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<img alt="${site.name}" src="${'${files}/img/product_04.png'}">
|
||
</div>
|
||
</div>
|
||
<div class="main_container" data-index="4" style="display:none; padding:0">
|
||
<div class="left">
|
||
<div class="img">
|
||
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
|
||
</div>
|
||
<div class="title">五级联动“一图统管”，AI赋能全域安全基层</div>
|
||
<div class="notes">平台深度融合物联网、大数据、AI等数智技术，直击基层应急管理中“信息孤岛、响应滞后、资源分散”等痛点，构建“基层应急安全管理一张图”。通过动态汇聚市—县—镇—村—企五级风险数据、应急资源与处置力量。</div>
|
||
<div class="info">
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
智能感知：AI 实时析多源数据，智能预警主动防控
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
一图统管：一图可视五级应急，调度资源一键直达
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
协同联动：打破层级壁垒，构建五级应急联动机制
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<img alt="${site.name}" src="${'${files}/img/product_05.png'}">
|
||
</div>
|
||
</div>
|
||
<div class="main_container" data-index="5" style="display:none; padding:0">
|
||
<div class="left">
|
||
<div class="img">
|
||
<img alt="${site.name}" src="${'${files}/img/img5.png'}">
|
||
</div>
|
||
<div class="title">企业全员安全培训智能托管平台</div>
|
||
<div class="notes">我们以一套标准化体系、一个专业化团队、365 天全程陪伴，解决企业安全培训 “组织难、落实难、见效难” 三大痛点，实现培训可执行、过程可追踪、效果可验证。</div>
|
||
<div class="info">
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
合规留痕，降本增效
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
全员覆盖，精准提效
|
||
</div>
|
||
<div class="list">
|
||
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
|
||
数据驱动，专业护航
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<img alt="${site.name}" src="${'${files}/img/product_06.png'}">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 解决方案-->
|
||
<div class="solution">
|
||
<div class="solution_container">
|
||
<div class="title">
|
||
<div class="tit">解决方案</div>
|
||
<!-- <p>助力提升安全管理效益,满足多行业的安全生产需求</p>-->
|
||
</div>
|
||
<div class="solution_main">
|
||
[@BlockItemList block='focus' limit='7' blockId='90299653626116098'; beans]
|
||
[#list beans as bean]
|
||
<div class="item">
|
||
<div class="img">
|
||
<img alt="${site.name}" src="${bean.image}">
|
||
</div>
|
||
<div class="title">${bean.title}</div>
|
||
<div class="info">
|
||
<!-- <div> ${substring(bean.description,30,'...')}</div>-->
|
||
<div class="more">
|
||
<a href="${bean.url}">立即试用</a>
|
||
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
[/#list]
|
||
[/@BlockItemList]
|
||
<div class="item">
|
||
<div class="img">
|
||
<img alt="${site.name}" src="${'${files}/img/img14.png'}">
|
||
</div>
|
||
<div class="title">企业全员安全培训智能托管</div>
|
||
<div class="info">
|
||
<div class="more" id="edu_btn">
|
||
<a style=" cursor:pointer;">立即试用</a>
|
||
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="edu_container">
|
||
<div class="edu_mainer">
|
||
<div class="top">
|
||
<div>企业全员安全培训智能托管</div>
|
||
<div class="close"><img alt="${site.name}" src="${'${files}/img/close.png'}"></div>
|
||
</div>
|
||
<div class="edu_main">
|
||
<div class="tip">企业全员安全培训智能托管，让安全管理更省心。</div>
|
||
<div class="QRCode"><img alt="${site.name}" src="${'${files}/img/img20.png'}" ></div>
|
||
<div class="text">扫一扫，申请体验版</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--客户案例-->
|
||
<div class="case">
|
||
<div class="case_container" style="background:none">
|
||
<div class="title">
|
||
<div class="tit">客户案例</div>
|
||
<!-- <p>助力提升安全管理效益,满足多行业的安全生产需求</p>-->
|
||
</div>
|
||
<div class="case_main">
|
||
[@ArticleList channel='case' isIncludeSubChannel='true' limit=3 orderBy='publishDate_desc'; list]
|
||
[#list list as bean]
|
||
<div class="item">
|
||
<div class="img">
|
||
[#if bean.image??][@A bean=bean class="mr-3"]
|
||
<img src="${bean.image}" alt="${bean.title}" width="100%" height="100%">
|
||
[/@A][/#if]
|
||
</div>
|
||
<div class=" info">
|
||
<div class="title">[@A bean=bean class="cm-link text-decoration-none"/]</div>
|
||
<div class="text ">
|
||
[@A bean=bean class="text-reset text-decoration-none"]${substring(bean.description,60,'...')}[/@A]
|
||
</div>
|
||
<div class="details">[@A bean=bean] 了解详情 >[/@A]</div>
|
||
</div>
|
||
</div>
|
||
[#if !bean_has_next]
|
||
<script>lastArticleDate = '${bean.publishDate.format()}'</script>
|
||
[/#if]
|
||
[/#list]
|
||
[/@ArticleList]
|
||
</div>
|
||
<div class="more_btn"><a href="/channel/case">了解更多</a></div>
|
||
</div>
|
||
<div class="case_img">
|
||
[@BlockItemList block='link' limit='1' blockId='90307870982780930'; beans]
|
||
[#list beans as bean]
|
||
<img src="${bean.image}" alt="${bean.title}" width="100%" height="100%">
|
||
[/#list]
|
||
[/@BlockItemList]
|
||
</div>
|
||
</div>
|
||
[#include 'inc_right1.html'/]
|
||
[#include 'inc_footer.html'/]
|
||
[#include 'inc_message_box.html'/]
|
||
<script>
|
||
$('.product_wrap .top_container .item').click(function(){
|
||
var index = $(this).data('index');
|
||
$(this).addClass('active').siblings().removeClass('active');
|
||
$('.product_wrap .main_container').hide();
|
||
$('.product_wrap .main_container[data-index="'+index+'"]').show();
|
||
});
|
||
|
||
$(function () {
|
||
// 点击按钮显示弹窗
|
||
$('#edu_btn').on('click', function () {
|
||
$('.edu_container').addClass('show');
|
||
});
|
||
|
||
// 点击关闭按钮隐藏弹窗
|
||
$('.edu_container .close').on('click', function () {
|
||
$('.edu_container').removeClass('show');
|
||
});
|
||
|
||
// 点击遮罩层关闭弹窗
|
||
$('.edu_container').on('click', function (e) {
|
||
if (e.target === this) {
|
||
$(this).removeClass('show');
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|
||
[/#escape]
|