master
鲁洪霞 2026-03-17 11:31:11 +08:00
parent 58356925a6
commit 5a3ff54701
11 changed files with 639 additions and 97 deletions

View File

@ -17,7 +17,7 @@
z-index: 99999;
transition: all 0.3s ease;
&.scrolled{
&.fixed{
position: fixed;
background: #ffffff;
border-bottom: 1px solid #eeeeee;
@ -46,7 +46,7 @@
right: 0;
}
&.active a{
&.active{
color: #222222;
}
@ -77,7 +77,7 @@
.logo_b, .logo_w{
position: absolute;
top: 10px;
top: 0px;
left: 0;
width: 128px;
height: 32px;
@ -155,7 +155,7 @@
}
&.active{
a{
{
&:before{
opacity: 1;
left: 0;
@ -562,7 +562,7 @@ font-size: 16px;
.case{
width: 100%;
background: #ecf5ff;
padding: 50px 0;
padding: 50px 0 ;
box-sizing: border-box;
.case_container{
width: 1400px;
@ -587,15 +587,15 @@ font-size: 16px;
margin-top: 30px;
display:flex;
justify-content: space-between;
padding-bottom:20px;
.item{
width: 440px;
background: #ffffff;
border-radius: 16px;
.img{
img{
width: 100%;
height: 250px;
background: url("../img/img17.png") no-repeat top center;
border-radius: 20px;
}
.info{
@ -603,16 +603,23 @@ font-size: 16px;
padding: 20px;
border-radius: 20px;
margin-top: -40px;
position: relative;
.title{
font-size: 18px;
text-align: left;
margin-bottom: 20px;
color: #222222;
a{
color: #222222;
}
}
.text{
font-size: 14px;
color: #575d63;
a{
color: #222222;
}
}
.details{
color: #1d78ff;
@ -622,10 +629,27 @@ font-size: 16px;
}
}
}
}
.more_btn{
width:200px;
height:50px;
background:#1d78ff;
margin:0 auto;
text-align: center;
color:#fff;
line-height: 50px;
border-radius:4px;
cursor: pointer;
&:hover{
opacity:0.8;
}
}
}
.case_img{
width: 100%;
margin-top:20px;
img{
width: 100%
}
@ -1569,6 +1593,7 @@ margin:0 auto;
background: #ffffff;
padding: 10px;
font-size: 14px;
min-height: 500px;
@ -1708,6 +1733,72 @@ background: #f6f8fa;
}
}
.banner1{
width: 100%;
height: 320px;
background: url("../img/public_banner.png") no-repeat top center;
.banner_main{
width: 1400px;
margin: 0 auto;
padding-top: 135px;
h2{
font-size: 60px;
color: #014ea0;
margin: 0;
padding: 0;
color: #ffffff;
}
p{
margin: 0;
color: #ffffff;
}
}
}
.banner_fuwu {
width: 100%;
height: 320px;
background: url("../img/fuwu_banner.png") no-repeat top center;
.banner_main {
width: 1400px;
margin: 0 auto;
padding-top: 135px;
h2 {
font-size: 60px;
color: #ffffff;
margin: 0;
padding: 0;
}
p {
margin: 0;
color: #ffffff;
}
}
}
.banner_pro {
width: 100%;
height: 320px;
background: url("../img/pro_banner.png") no-repeat top center;
.banner_main {
width: 1400px;
margin: 0 auto;
padding-top: 135px;
h2 {
font-size: 60px;
color: #ffffff;
margin: 0;
padding: 0;
}
p {
margin: 0;
color: #ffffff;
}
}
}
.new_container {
@ -2203,8 +2294,18 @@ width:1400px;
}
}
}
}
.right_main{
min-height: 500px;
img{
max-width: 100%;
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 893 KiB

View File

@ -0,0 +1,43 @@
<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>${channel.title} - ${site.title}</title>
<meta name="keywords" content="${channel.seoKeywords}">
<meta name="description" content="${channel.seoDescription}">
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
[#include 'inc_meta.html'/]
[#include 'inc_css.html'/]
[#include 'inc_js.html'/]
</head>
<body>
[#include 'inc_header.html'/]
[#include 'inc_message_box.html'/]
<div class="bg-gray-200">
<div class="container">
<nav class="row" aria-label="breadcrumb">
<ol class="col list-inline my-2">
<li class="list-inline-item"><a href="${site.url}">首页</a></li>
[#list channel.paths as c]
<li class="list-inline-item">/</li>
<li class="list-inline-item">[@A bean=c/]</li>
[/#list]
</ol>
</nav>
</div>
</div>
<div class="container mt-4">
<div class="row">
<div class="col-lg-12">
<h3 class="cm-ff-yh">${channel.name}</h3>
<div class="mt-4 article-content">[#noescape]${channel.text!}[/#noescape]</div>
</div>
</div>
</div>
[#include 'inc_footer.html'/]
<script>axios.get('${api}/channel/view/${channel.id?c}');</script>
</body>
</html>
[/#escape]

View File

@ -0,0 +1,43 @@
<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>${channel.title} - ${site.title}</title>
<meta name="keywords" content="${channel.seoKeywords}">
<meta name="description" content="${channel.seoDescription}">
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
[#include 'inc_meta.html'/]
[#include 'inc_css.html'/]
[#include 'inc_js.html'/]
</head>
<body>
[#include 'inc_header.html'/]
[#include 'inc_message_box.html'/]
<div class="bg-gray-200">
<div class="container">
<nav class="row" aria-label="breadcrumb">
<ol class="col list-inline my-2">
<li class="list-inline-item"><a href="${site.url}">首页</a></li>
[#list channel.paths as c]
<li class="list-inline-item">/</li>
<li class="list-inline-item">[@A bean=c/]</li>
[/#list]
</ol>
</nav>
</div>
</div>
<div class="container mt-4">
<div class="row">
<div class="col-lg-12">
<h3 class="cm-ff-yh">${channel.name}</h3>
<div class="mt-4 article-content">[#noescape]${channel.text!}[/#noescape]</div>
</div>
</div>
</div>
[#include 'inc_footer.html'/]
<script>axios.get('${api}/channel/view/${channel.id?c}');</script>
</body>
</html>
[/#escape]

View File

@ -0,0 +1,46 @@
<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>${channel.title} - ${site.title}</title>
<meta name="keywords" content="${channel.seoKeywords}">
<meta name="description" content="${channel.seoDescription}">
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
[#include 'inc_meta.html'/]
[#include 'inc_css.html'/]
[#include 'inc_js.html'/]
</head>
<body>
[#include 'inc_header.html'/]
<div class="about_container">
<div class="banner1">
<div class="banner_main">
<h2>人力资源</h2>
<p>安全第一 预防为主 综合治理</p>
</div>
</div>
<div class="new_container">
<div class="left">
<div class="top">人力资源</div>
<div class="main">
[#assign parent = channel.parent!channel/]
[@ChannelList parentId=parent.id isNav='true'; list]
[#list list as bean]
<div class="list [#if channel.id == bean.id]active[#else][/#if]"><a href="${bean.url}">${bean.name}</a></div>
[/#list]
[/@ChannelList]
</div>
</div>
<div class="right_main">
<h3 class="cm-ff-yh">${channel.name}</h3>
<div>[#noescape]${channel.text!}[/#noescape]</div>
</div>
</div>
</div>
[#include 'inc_footer.html'/]
<script>axios.get('${api}/channel/view/${channel.id?c}');</script>
</body>
</html>
[/#escape]

View File

@ -0,0 +1,46 @@
<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>${channel.title} - ${site.title}</title>
<meta name="keywords" content="${channel.seoKeywords}">
<meta name="description" content="${channel.seoDescription}">
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
[#include 'inc_meta.html'/]
[#include 'inc_css.html'/]
[#include 'inc_js.html'/]
</head>
<body>
[#include 'inc_header.html'/]
<div class="about_container">
<div class="banner_pro">
<div class="banner_main">
<h2>产品中心</h2>
<p>安全第一 预防为主 综合治理</p>
</div>
</div>
<div class="new_container">
<div class="left">
<div class="top">产品中心</div>
<div class="main">
[#assign parent = channel.parent!channel/]
[@ChannelList parentId=parent.id isNav='true'; list]
[#list list as bean]
<div class="list [#if channel.id == bean.id]active[#else][/#if]"><a href="${bean.url}">${bean.name}</a></div>
[/#list]
[/@ChannelList]
</div>
</div>
<div class="right_main">
<h3 class="cm-ff-yh">${channel.name}</h3>
<div>[#noescape]${channel.text!}[/#noescape]</div>
</div>
</div>
</div>
[#include 'inc_footer.html'/]
<script>axios.get('${api}/channel/view/${channel.id?c}');</script>
</body>
</html>
[/#escape]

View File

@ -55,17 +55,6 @@
</div>
[#include 'inc_footer.html'/]
<script>axios.get('${api}/channel/view/${channel.id?c}');</script>
</body>

View File

@ -0,0 +1,46 @@
<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>${channel.title} - ${site.title}</title>
<meta name="keywords" content="${channel.seoKeywords}">
<meta name="description" content="${channel.seoDescription}">
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
[#include 'inc_meta.html'/]
[#include 'inc_css.html'/]
[#include 'inc_js.html'/]
</head>
<body>
[#include 'inc_header.html'/]
<div class="about_container">
<div class="banner_fuwu">
<div class="banner_main">
<h2>业务与服务</h2>
<p>安全第一 预防为主 综合治理</p>
</div>
</div>
<div class="new_container">
<div class="left">
<div class="top">业务与服务</div>
<div class="main">
[#assign parent = channel.parent!channel/]
[@ChannelList parentId=parent.id isNav='true'; list]
[#list list as bean]
<div class="list [#if channel.id == bean.id]active[#else][/#if]"><a href="${bean.url}">${bean.name}</a></div>
[/#list]
[/@ChannelList]
</div>
</div>
<div class="right_main">
<h3 class="cm-ff-yh">${channel.name}</h3>
<div>[#noescape]${channel.text!}[/#noescape]</div>
</div>
</div>
</div>
[#include 'inc_footer.html'/]
<script>axios.get('${api}/channel/view/${channel.id?c}');</script>
</body>
</html>
[/#escape]

View File

@ -1,7 +1,11 @@
[#escape x as (x)!?html]
<header class="head_container">
<header class="head_container" id="headContainer">
<div class="logo">
<a class="navbar-brand" href="${site.url}" title="${site.name}"><img src="${site.logo!'${files}/img/logo.png'}" alt="${site.name}"></a>
<a class="navbar-brand logo_a" href="${site.url}" title="${site.name}">
<img src="${site.logo!'${files}/img/logo.png'}" alt="${site.name}"></a>
<a class="navbar-brand logo_b" href="${site.url}" title="${site.name}">
<img src="${site.logo!'${files}/img/logo1.png'}" alt="${site.name}"></a>
</div>
<div style="display: flex">
<nav class="nav_list">
@ -21,4 +25,86 @@
</nav>
</div>
</header>
<script>
$(window).scroll(function(){
if($(this).scrollTop() > 0){
$('#headContainer').addClass('fixed');
}else{
$('#headContainer').removeClass('fixed');
}
});
</script>
<style>
.head_container{
.logo_b{
display: none;
}
.logo_a{
display: block;
}
}
.head_container.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 9999;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
.logo_a{
display: none;
}
.logo_b{
display: block;
}
.nav_list{
.num{
color: #222222;
}
ul li{
color: #222222;
a{
color: #222222;
text-decoration: none;
&:before{
background-color: #1d78ff;
left: 50%;
right: 50%;
}
}
&.active a:before,
&:hover a:before{
left: 0;
right: 0;
}
&.active a{
color: #222222;
}
&:hover{
color: #1d78ff;
background: #ddebff;
}
span{
a{
color: #222222;
&:before{
display: none;
}
&:hover{
color: #222222;
background: #ddebff;
}
}
}
}
}
</style>
[/#escape]

View File

@ -23,7 +23,7 @@
<img src="${site.logo!'${files}/img/img20.png'}" alt="${site.name}">
</span>
</li>
<li >
<li class="top" onclick="window.scrollTo({top:0,behavior:'smooth'})" style="display:none;">
<div class="kf-gy kf-a1">
<img src="${site.logo!'${files}/img/kf-e1.png'}" alt="${site.name}">
</div>
@ -31,4 +31,13 @@
</ul>
</div>
</div>
<script>
$(window).scroll(function(){
if($(this).scrollTop() > 300){
$('.right_con .top').show();
}else{
$('.right_con .top').hide();
}
});
</script>
[/#escape]

View File

@ -4,10 +4,10 @@
<head>
<meta charset="utf-8">
<title>${site.title}</title>
<meta name="keywords" content="${site.seoKeywords}">
<meta name="description" content="${site.seoDescription}">
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
<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'/]
@ -26,17 +26,17 @@
<!--banner-->
<div class="index_banner">
[@BlockItemList block='focus' limit='5'; beans]
<div id="carouselCaptions" class="carousel slide" data-ride="carousel">
<div class="carousel slide" data-ride="carousel" id="carouselCaptions">
<ol class="carousel-indicators">
[#list beans as bean]
<li data-target="#carouselCaptions" data-slide-to="${bean_index?c}" class="[#if bean_index==0]active[/#if]"></li>
<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 src="${bean.image}" class="d-block w-100" alt="...">
<img alt="..." class="d-block w-100" src="${bean.image}">
<div class="carousel-caption d-none d-md-block">
<p>${bean.title}</p>
</div>
@ -44,12 +44,12 @@
</div>
[/#list]
</div>
<a class="carousel-control-prev" href="#carouselCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<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" href="#carouselCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<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>
@ -88,12 +88,38 @@
</div>
<div class="new_main">
<div class="new_left">
<div class="item">
<div class="img"> <img src="${site.logo!'${files}/img/img1.png'}" alt="${site.name}"> </div>
<div class="text">
<p class="title">厚积薄发十五载,上市一年更精彩,秦安充满期待,值得信赖!</p>
</div>
</div>
<div class="carousel slide" data-ride="carousel" id="newLeftCarousel">
<ol class="carousel-indicators">
<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}"> </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]
@ -113,40 +139,142 @@
</div>
<div class="product_wrap">
<div class="top_container">
<div class="item">基层监管平台</div>
<div class="item">基层监管平台</div>
<div class="item">基层监管平台</div>
<div class="item">基层监管平台</div>
<div class="item">基层监管平台</div>
<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>
<div class="main_container">
<div class="main_container" data-index="0">
<div class="left">
<div class="img">
<img src="${'${files}/img/img5.png'}" alt="${site.name}">
<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 src="${'${files}/img/img6.png'}" alt="${site.name}">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
使用门槛低ChatBI 对话式分析,小白用户通过简单对话就能获取数据和洞察结论
</div>
<div class="list">
<img src="${'${files}/img/img6.png'}" alt="${site.name}">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
使用门槛低ChatBI 对话式分析,小白用户通过简单对话就能获取数据和洞察结论
</div>
<div class="list">
<img src="${'${files}/img/img6.png'}" alt="${site.name}">
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
使用门槛低ChatBI 对话式分析,小白用户通过简单对话就能获取数据和洞察结论
</div>
</div>
</div>
<div class="right">
<img src="${'${files}/img/img7.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img7.png'}">
</div>
</div>
<div class="main_container" data-index="1" style="display:none;">
<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/img7.png'}">
</div>
</div>
<div class="main_container" data-index="2" style="display:none;">
<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'}">
智能预警AI 算法自动识别潜在风险
</div>
<div class="list">
<img alt="${site.name}" src="${'${files}/img/img6.png'}">
多渠道通知短信、邮件、APP 多端推送
</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/img7.png'}">
</div>
</div>
<div class="main_container" data-index="3" style="display:none;">
<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/img7.png'}">
</div>
</div>
<div class="main_container" data-index="4" style="display:none;">
<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/img7.png'}">
</div>
</div>
</div>
</div>
</div>
@ -162,48 +290,48 @@
<div class="solution_main">
<div class="item">
<div class="img">
<img src="${'${files}/img/img8.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img8.png'}">
</div>
<div class="title">政府机构</div>
<div class="info">
<div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
<div class="more">
<img src="${'${files}/img/img15.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
</div>
</div>
</div>
<div class="item">
<div class="img">
<img src="${'${files}/img/img9.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img9.png'}">
</div>
<div class="title">民爆</div>
<div class="info">
<div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
<div class="more"> <img src="${'${files}/img/img15.png'}" alt="${site.name}"></div>
<div class="more"> <img alt="${site.name}" src="${'${files}/img/img15.png'}"></div>
</div>
</div>
<div class="item">
<div class="img"> <img src="${'${files}/img/img10.png'}" alt="${site.name}"> </div>
<div class="img"> <img alt="${site.name}" src="${'${files}/img/img10.png'}"> </div>
<div class="title">机械</div>
<div class="info">
<div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
<div class="more">
<img src="${'${files}/img/img15.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
</div>
</div>
</div>
<div class="item">
<div class="img">
<img src="${'${files}/img/img11.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img11.png'}">
</div>
<div class="title">军工</div>
<div class="info">
<div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
<div class="more">
<img src="${'${files}/img/img15.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img15.png'}">
</div>
@ -212,84 +340,89 @@
<div class="item">
<div class="img">
<img src="${'${files}/img/img16.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img16.png'}">
</div>
<div class="title">水务</div>
<div class="info">
<div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
<div class="more"> <img src="${'${files}/img/img15.png'}" alt="${site.name}"></div>
<div class="more"> <img alt="${site.name}" src="${'${files}/img/img15.png'}"></div>
</div>
</div>
<div class="item">
<div class="img"> <img src="${'${files}/img/img12.png'}" alt="${site.name}"></div>
<div class="img"> <img alt="${site.name}" src="${'${files}/img/img12.png'}"></div>
<div class="title">农牧</div>
<div class="info">
<div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
<div class="more"> <img src="${'${files}/img/img15.png'}" alt="${site.name}"></div>
<div class="more"> <img alt="${site.name}" src="${'${files}/img/img15.png'}"></div>
</div>
</div>
<div class="item">
<div class="img"> <img src="${'${files}/img/img13.png'}" alt="${site.name}"></div>
<div class="img"> <img alt="${site.name}" src="${'${files}/img/img13.png'}"></div>
<div class="title">风电</div>
<div class="info">
<div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
<div class="more"> <img src="${'${files}/img/img15.png'}" alt="${site.name}"></div>
<div class="more"> <img alt="${site.name}" src="${'${files}/img/img15.png'}"></div>
</div>
</div>
<div class="item">
<div class="img"> <img src="${'${files}/img/img14.png'}" alt="${site.name}"></div>
<div class="img"> <img alt="${site.name}" src="${'${files}/img/img14.png'}"></div>
<div class="title">其他</div>
<div class="info">
<div>涉及民用爆破器材的生产、销售、流通及爆破服务的提供等领域</div>
<div class="more"> <img src="${'${files}/img/img15.png'}" alt="${site.name}"></div>
<div class="more"> <img alt="${site.name}" src="${'${files}/img/img15.png'}"></div>
</div>
</div>
</div>
</div>
</div>
<!--客户案例-->
<div class="case">
<div class="case_container">
<div class="case_container" style="background:none">
<div class="title">
<div class="tit">客户案例</div>
<p>助力提升安全管理效益,满足多行业的安全生产需求</p>
</div>
<div class="case_main">
<div class="item">
<div class="img"></div>
<div class="info">
<div class="title">秦皇岛港股份有限公司</div>
<div class="text">把危险化学品安全摆在防范化解重大风险的突出位置,推进新一代信息技术和危险化学品安全生产深度融合,实现数字化转型...</div>
<div class="details">了解详情 ></div>
</div>
</div>
<div class="item">
<div class="img"></div>
<div class="info">
<div class="title">秦皇岛港股份有限公司</div>
<div class="text">把危险化学品安全摆在防范化解重大风险的突出位置,推进新一代信息技术和危险化学品安全生产深度融合,实现数字化转型...</div>
<div class="details">了解详情 ></div>
</div>
</div>
<div class="item">
<div class="img"></div>
<div class="info">
<div class="title">秦皇岛港股份有限公司</div>
<div class="text">把危险化学品安全摆在防范化解重大风险的突出位置,推进新一代信息技术和危险化学品安全生产深度融合,实现数字化转型...</div>
<div class="details">了解详情 ></div>
</div>
[@ArticleList channel='case' isIncludeSubChannel='true' limit=4 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">
<img src="${'${files}/img/img18.png'}" alt="${site.name}">
<img alt="${site.name}" src="${'${files}/img/img18.png'}">
</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();
});
</script>
</body>
</html>
[/#escape]