111
parent
58356925a6
commit
5a3ff54701
|
|
@ -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 |
|
|
@ -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]
|
||||
|
|
@ -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]
|
||||
|
|
@ -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]
|
||||
|
|
@ -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]
|
||||
|
|
@ -55,17 +55,6 @@
|
|||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
[#include 'inc_footer.html'/]
|
||||
<script>axios.get('${api}/channel/view/${channel.id?c}');</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -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]
|
||||
|
|
@ -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]
|
||||
|
|
|
|||
|
|
@ -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]
|
||||
|
|
|
|||
|
|
@ -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]
|
||||
|
|
|
|||
Loading…
Reference in New Issue