You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
393 lines
17 KiB
393 lines
17 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
{include file="components/currency"}
|
|
<!-- 当前页 -->
|
|
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="/themes/static/scss/guanyu.css">
|
|
</head>
|
|
<body>
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<!-- banner -->
|
|
<div class="listBanner">
|
|
{hcTaglib:category id="42" item="vo" field="*"}
|
|
<img src="{$vo['banner']['url']|default=''}" alt="">
|
|
<div class="center">
|
|
<div class="tit">{$vo.description}</div>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<!-- 宅极慧iHM -->
|
|
<div class="guanyuBlock" id="block1">
|
|
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vo"}
|
|
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
<p>{$vo.title}</p>
|
|
</div>
|
|
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{$vo.content|raw}
|
|
{/hcTaglib:content}
|
|
<ul class="numCount">
|
|
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vvo" sort="sort asc"}
|
|
<li>
|
|
<p>{$vvo.title}</p>
|
|
<div>
|
|
<span class="numCX" data-startVal="0" data-endVal="{$vvo.sub_title}" data-speed="1.2" data-decimals="0" id="mumC{$vvo.id}">{$vvo.sub_title}</span>
|
|
{$vvo.description}
|
|
</div>
|
|
</li>
|
|
{/hcTaglib:contentPage}
|
|
</ul>
|
|
<div class="img" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{hcTaglib:contentPage cid="73" mainField="*" subField="*" name="hc_content" limit="2" item="vo" sort="sort asc"}
|
|
<img src="{$vo['thumbnail']['url']|default=''}" alt="">
|
|
{/hcTaglib:contentPage}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- 企业文化 -->
|
|
<div class="guanyuBlock2" id="block2">
|
|
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{hcTaglib:category id="74" item="vo" field="*"}
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{hcTaglib:content cid="74" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="list">
|
|
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""><span><img src="/themes/static/images/guanyuBlock2Ico.png" alt=""></span></div>
|
|
<div class="text">
|
|
<div class="tit">{$vo.title}</div>
|
|
<div class="en">{$vo.sub_title}</div>
|
|
<div class="tips">{$vo.description}</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
<!-- 发展历程 -->
|
|
<div class="guanyuBlock3" id="block3">
|
|
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{hcTaglib:category id="75" item="vo" field="*"}
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
<div class="line"></div>
|
|
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div>
|
|
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div>
|
|
<div class="swiper guanyuBlock3Swiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:content cid="75" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="swiper-slide">
|
|
<div class="time">
|
|
<span>{$vo.title}</span>年
|
|
</div>
|
|
<em></em>
|
|
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div>
|
|
<div class="tit">{$vo.sub_title}</div>
|
|
<div class="text">{$vo.description}</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 新闻资讯 -->
|
|
<div class="guanyuBlock4" id="block4">
|
|
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{hcTaglib:category id="76" item="vo" field="*"}
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
<div class="swiper guanyuBlock4Swiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:content cid="76" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="swiper-slide">
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list">
|
|
<div class="time">{:date('Y-m-d', strtotime($vo['publish_time']))}</div>
|
|
<div class="tit">{$vo.title}</div>
|
|
<div class="line"></div>
|
|
<div class="tips">{$vo.description}</div>
|
|
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
</div>
|
|
{hcTaglib:category id="76" item="vo" field="*"}
|
|
<a href="{$vo.alias}" class="moreBtn" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
更多资讯
|
|
<img src="/themes/static/images/more.png" alt="">
|
|
</a>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<!-- 荣誉证书 -->
|
|
<div class="guanyuBlock5" id="block5">
|
|
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{hcTaglib:category id="77" item="vo" field="*"}
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
<div class="swiper guanyuBlock5Swiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:content cid="77" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="swiper-slide">
|
|
<img src="{$vo['thumbnail']['url']|default=''}" alt="">
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
</div>
|
|
</div>
|
|
<!-- 加入宅极慧 -->
|
|
<div class="guanyuBlock6" id="block6">
|
|
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{hcTaglib:category id="78" item="vo" field="*"}
|
|
<div class="title2">
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
</div>
|
|
<a href="{$vo.alias}" class="moreBtn" target="_blank">
|
|
查看岗位信息
|
|
<img src="/themes/static/images/more.png" alt="">
|
|
</a>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
</div>
|
|
<!-- 联系我们 -->
|
|
<div class="guanyuBlock7" id="block7">
|
|
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
{hcTaglib:category id="79" item="vo" field="*"}
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.sub_title}</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom">
|
|
<div class="left">
|
|
<div class="tel">
|
|
{hcTaglib:category id="80" item="vo" field="*"}
|
|
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p>
|
|
{/hcTaglib:category}
|
|
<div class="cont">
|
|
{hcTaglib:content cid="80" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="list">
|
|
<a href="tel:{$vo.title}">{$vo.title}</a>
|
|
{$vo.sub_title}
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
<div class="mail">
|
|
{hcTaglib:category id="81" item="vo" field="*"}
|
|
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p>
|
|
<a href="mailto:{$vo.sub_title}">{$vo.sub_title}</a>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="wechat">
|
|
{hcTaglib:content cid="82" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<div class="list">
|
|
<img src="{$vo['thumbnail']['url']|default=''}" alt="">
|
|
<div class="tips">
|
|
<p>{$vo.sub_title}</p>
|
|
{$vo.title}
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
<div class="address">
|
|
{hcTaglib:category id="83" item="vo" field="*"}
|
|
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p>
|
|
{/hcTaglib:category}
|
|
<ul>
|
|
{hcTaglib:content cid="83" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"}
|
|
<li>
|
|
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div>
|
|
<p>{$vo.title}</p>
|
|
</li>
|
|
{/hcTaglib:content}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<form action="">
|
|
<div class="tit">在线预约</div>
|
|
<input type="text" name="name" id="inputName" placeholder="请输入您的姓名">
|
|
<input type="text" name="tel" id="inputTel" placeholder="请输入您的电话">
|
|
<input type="text" name="content" id="inputCont" placeholder="留言内容">
|
|
<a href="javascript:;" class="btn">立即提交</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="formTips">
|
|
提交成功
|
|
</div>
|
|
<!-- footer -->
|
|
{include file="components/footer"}
|
|
<!-- 当前页 -->
|
|
<script src="/themes/static/js/swiper-bundle.min.js"></script>
|
|
<script src="/themes/static/js/count.js"></script>
|
|
<script>
|
|
// 数字滚动
|
|
$(function(){
|
|
var countCXArr = [];
|
|
var countCX=function (){
|
|
$('.numCount').each(function(i, dom) {
|
|
if(countCXArr[i] && countCXArr[i] === true){
|
|
return;
|
|
}
|
|
var sT;
|
|
var ncTop;
|
|
sT = $(window).scrollTop();
|
|
ncTop = $(dom).offset().top;
|
|
var id,decimals, startVal, endVal, duration;
|
|
if (sT > ncTop-$(window).height() && sT < ncTop) {
|
|
$(dom).find('.numCX').each(function(){
|
|
id=$(this).attr('id');
|
|
decimals = $(this).attr('data-decimals'),
|
|
startVal = $(this).attr('data-startVal'),
|
|
endVal = $(this).attr('data-endVal'),
|
|
duration = $(this).attr('data-speed');
|
|
new CountUp(id, startVal, endVal, decimals, duration, {
|
|
useEasing: true,//效果
|
|
separator: ''//数字分隔符
|
|
}).start();// target：目标元素id, startVal：你想要开始的值, endVal：你想要到达的值, decimals：小数位数，默认值为0, duration：动画持续时间为秒，默认值为2, options：选项的可选对象
|
|
countCXArr[i] = true;
|
|
})
|
|
}
|
|
})
|
|
}
|
|
countCX();
|
|
$(window).on("scroll",function() {
|
|
countCX();
|
|
})
|
|
});
|
|
// 发展历程
|
|
var swiper = new Swiper(".guanyuBlock3Swiper", {
|
|
slidesPerView: 1,
|
|
spaceBetween: 20,
|
|
navigation: {
|
|
nextEl: ".guanyuBlock3 .swiper-button-next",
|
|
prevEl: ".guanyuBlock3 .swiper-button-prev",
|
|
},
|
|
breakpoints:{
|
|
997:{
|
|
slidesPerView: 2,
|
|
},
|
|
1200:{
|
|
slidesPerView: 4,
|
|
spaceBetween: 66,
|
|
}
|
|
}
|
|
});
|
|
// 发展历程 时间轴线位置、长度
|
|
let lineWidth = $('body').width()
|
|
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2
|
|
$('.guanyuBlock3 .w1400 .line').css({
|
|
'width': lineWidth,
|
|
'left': -linePosi
|
|
})
|
|
$(window).resize(function(){
|
|
let lineWidth = $('body').width()
|
|
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2
|
|
$('.guanyuBlock3 .w1400 .line').css({
|
|
'width': lineWidth,
|
|
'left': -linePosi
|
|
})
|
|
})
|
|
// 新闻资讯
|
|
var swiper2 = new Swiper(".guanyuBlock4Swiper", {
|
|
slidesPerView: 1,
|
|
spaceBetween: 30,
|
|
navigation: {
|
|
nextEl: ".guanyuBlock4 .swiper-button-next",
|
|
prevEl: ".guanyuBlock4 .swiper-button-prev",
|
|
},
|
|
breakpoints:{
|
|
997:{
|
|
slidesPerView: 2,
|
|
spaceBetween: 30
|
|
},
|
|
1280:{
|
|
slidesPerView: 3,
|
|
spaceBetween: 70
|
|
}
|
|
}
|
|
});
|
|
// 荣誉证书
|
|
var swiper3 = new Swiper(".guanyuBlock5Swiper", {
|
|
loop: true,
|
|
slidesPerView: 1,
|
|
spaceBetween: 30,
|
|
navigation: {
|
|
nextEl: ".guanyuBlock5 .swiper-button-next",
|
|
prevEl: ".guanyuBlock5 .swiper-button-prev",
|
|
},
|
|
breakpoints:{
|
|
750:{
|
|
slidesPerView:2,
|
|
},
|
|
997:{
|
|
slidesPerView: 3,
|
|
spaceBetween: 30,
|
|
centeredSlides: true,
|
|
}
|
|
}
|
|
});
|
|
$('.guanyuBlock7 .w1400 .right form .btn').click(function(){
|
|
let name = $('#inputName').val()
|
|
let tel = $('#inputTel').val()
|
|
let content = $('#inputCont').val()
|
|
let re = /^1[3|4|5|6|7|8|9]\d{9}$/;
|
|
if(name == ''){
|
|
alert('请输入您的姓名')
|
|
return
|
|
}
|
|
if (tel == '') {
|
|
alert("请输入您的号码");
|
|
return false;
|
|
} else if (!re.test(tel)) {
|
|
alert("请输入正确的号码");
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
type: "post",
|
|
url: "Inquiry/save",
|
|
data: {
|
|
contacts_name: name,
|
|
phone: tel,
|
|
content: content,
|
|
referer: window.location.href
|
|
},
|
|
success: function (res) {
|
|
$('.formTips').stop().fadeIn()
|
|
$('.guanyuBlock7 .w1400 .right form')[0].reset();
|
|
setTimeout(function() {
|
|
$('.formTips').stop().fadeOut()
|
|
}, 3000);
|
|
},
|
|
Error: function(res){
|
|
alert('提交失败，请尝试联系客服')
|
|
}
|
|
});
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|