长城期货
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.
 
 
 
 
 
 

191 lines
6.5 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" />
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" />
<!-- 通用 -->
{include file="common/head" /}
<!-- 当前 -->
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" />
<link rel="stylesheet" href="__TMPL__/static/css/about.css" />
</head>
<body>
<!-- header start -->
{include file="common/header" /}
<!-- header end -->
<div class="bannerList">
<div class="img">
<img src="__TMPL__/static/images/zoujin/img-1.jpg" alt="" />
</div>
<div class="w1280">
<div class="bannerTitle">走进东亚</div>
<div class="bannerTips">东亚财富,智讯共享</div>
</div>
</div>
<div class="tabs-head">
<div class="w1280">
<ul>
{hcTaglib:subcategory pid="7" item="vo" field="id,title" sort="sort asc"}
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li>
{/hcTaglib:subcategory}
</ul>
</div>
</div>
<div class="w1280">
<div class="about-introduce">
<div class="title">公司简介</div>
<div class="about-description">
{hcTaglib:contentDetail id="1562" name="item" mainField="id,title,content,thumbnail"}
{$item.content|raw}
{/hcTaglib:contentDetail}
</div>
<div class="introduce-line">
{hcTaglib:contentList ids="1563,1564,1565" moduleId="1" sort="id asc" name="item" mainField="id,title,sub_title,thumbnail"}
<div class="line-box {$key == 3 ? 'num' :'' }">
<p>{$vo.sub_title|raw}</p>
<span>{$vo.title}</span>
</div>
{/hcTaglib:contentList}
</div>
</div>
</div>
<div class="about-block1">
{hcTaglib:contentList ids="1566,1567,1568" moduleId="1" name="item" mainField="id,title,description,sub_title,thumbnail"}
<div class="block1-box">
<img src="{$vo.thumbnail.url|default=''}" />
<div class="title">{$vo.title}</div>
<span>
{$vo.description}
</span>
<em>{$vo.sub_title}</em>
</div>
{/hcTaglib:contentList}
</div>
<div class="about-block2 w1280">
<div class="block2-head">
<div class="title">公司荣誉</div>
<div class="btns">
<div class="btn prev"></div>
<div class="btn next"></div>
</div>
</div>
<div class="swiper mySwiper">
<div class="swiper-wrapper">
{hcTaglib:content cid="108" moduleId="1" mainField="id,title,thumbnail"}
<div class="swiper-slide">
<div class="box">
<div class="img">
<img src="{$vo.thumbnail.url}" />
</div>
<p>{$vo.title}</p>
</div>
</div>
{/hcTaglib:content}
</div>
</div>
</div>
{hcTaglib:contentDetail id="1569" name="item" mainField="id,title,sub_title,description,cover"}
<div class="about-block3" style="background-image: url({$item.cover.url|default='__TEMPL__/images/zoujin/bj02.jpg'})">
<div class="w1280">
<div class="title">{$item.sub_title}</div>
<span>
{$item.description}
</span>
<a href="{:hcUrl('detail/index',['id'=>1668,'cid'=>55])}" class="more">查看组织架构</a>
</div>
</div>
{/hcTaglib:contentDetail}
<div class="about-block4 w1280">
<div class="title">公司动态</div>
<div class="news-list">
{hcTaglib:content cid="107" moduleId="1" limit="3" mainField="id,title,thumbnail,publish_time"}
<div class="news-box">
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="img">
<img src="{$vo.thumbnail.url|default=''}" />
</a>
<div class="time">{$vo.publish_time|date='Y-m-d'}</div>
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="news-title">
{$vo.title}
</a>
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="more">查看更多</a>
</div>
{/hcTaglib:content}
</div>
<a href="{:hcUrl('list/index',['id'=>107])}" class="more-list">更多资讯</a>
</div>
<!-- footer start-->
{include file="common/footer" /}
<!-- footer end -->
<!-- 通用 -->
{include file="common/foot" /}
<!-- 当前 -->
<script src="__TMPL__/static/js/layui.js"></script>
<script>
// banner
var swiper = new Swiper('.indexBannerSwiper', {
pagination: {
el: '.indexBannerSwiper .swiper-pagination'
}
})
// tab 切换
$('.indexBlock2 .w1280 .right .top .tab a').click(function () {
$(this).addClass('on')
$('.indexBlock2 .w1280 .right .content .list')
.eq($(this).inde())
.fadeIn()
})
// 日历
layui.use(function () {
var layer = layui.layer
var laydate = layui.laydate
laydate.render({
elem: '#ID-laydate-static-1',
position: 'static',
mark: {
'2023-9-15': ''
}
})
})
// 服务hover
$('.indexBlock5 .w1280 .content .list').hover(
function () {
$(this).children('.posi').stop().fadeOut()
$(this).children('.posiOn').stop().fadeIn()
$(this).children('.posiOn').css('display', 'flex')
},
function () {
$(this).children('.posi').stop().fadeIn()
$(this).children('.posiOn').stop().fadeOut()
}
)
// 走进东亚 视频
$('.indexBlock6 .w1280 .right .player').click(function () {
$('.windowVideo').stop().fadeIn()
setTimeout(function () {
$('#indexBlock6video')[0].play()
}, 500)
})
$('.windowVideo .content .close').click(function () {
$('.windowVideo').stop().fadeOut()
$('#indexBlock6video')[0].pause()
})
</script>
<script>
var swiper = new Swiper('.mySwiper', {
slidesPerView: isMobile ? 1 : 3,
spaceBetween: 30,
navigation: {
nextEl: '.about-block2 .next',
prevEl: '.about-block2 .prev'
},
pagination: {
el: '.swiper-pagination',
clickable: true
}
})
</script>
</body>
</html>