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.
425 lines
17 KiB
425 lines
17 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head lang="zh-CN">
|
|
<meta charset="UTF-8">
|
|
<title>长城期货股份有限公司|走进长城</title>
|
|
<meta name="keywords"
|
|
content="长城期货股份有限公司成立于1996年，是一家国有控股的专业期货公司。公司总部设在广州，在北京、上海、深圳、佛山、郑州、大连设有分支机构。公司经过20多年的发展，基本形成扎根广佛地区辐射全国的业务格局并积累了深厚的有色、钢铁等产业资源。," />
|
|
<meta name="description" content="" />
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<meta name="format-detection" content="address=no">
|
|
<link rel="shortcut icon" href="/favicon.png" type="image/png" />
|
|
|
|
<link href="/themes/static_new/css/calendar.css" rel="stylesheet" />
|
|
<link href="/themes/static_new/css/slicy.css" rel="stylesheet" />
|
|
<link href="/themes/static_new/css/swiper.min.css" rel="stylesheet" />
|
|
<link href="/themes/static_new/css/style.css" rel="stylesheet" />
|
|
<link href="/themes/static_new/css/responsive.css" rel="stylesheet" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="layout">
|
|
<!-- nav===============START -->
|
|
{include file="common/nav" /}
|
|
<!-- nav===============END -->
|
|
|
|
<script type="text/javascript">
|
|
|
|
</script>
|
|
|
|
<!-- 大banner -->
|
|
{hcTaglib:category id="150" item="vo" field="*"}
|
|
<div class="uitbanner">
|
|
<img src="{$vo.banner.url}" alt="">
|
|
</div>
|
|
{/hcTaglib:category}
|
|
|
|
<div class="about">
|
|
<div class="abnav">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<ul>
|
|
{hcTaglib:subcategory pid="150" name="hc_content" item="vo" sort="sort asc"}
|
|
<!-- <a href="{$vo.alias}">{$vo.title}</a> -->
|
|
<li class="{if $key==1}on{/if}">
|
|
<a href="#abpg{$key}">{$vo.title}</a>
|
|
</li>
|
|
{/hcTaglib:subcategory}
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="mupg">
|
|
<!-- 公司简介 -->
|
|
<div class="abpg1 mpage" id="abpg1">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
{hcTaglib:category id="179" item="vo" field="*"}
|
|
{php}
|
|
// var_dump($vo);exit;
|
|
$desc = $vo['desc'] ?? '';
|
|
$descArr = explode('#',$desc);
|
|
$descOne = $descArr[0] ?? '';
|
|
$descTwo = $descArr[1] ?? '';
|
|
$descThree = $descArr[2] ?? '';
|
|
$descFour = $descArr[3] ?? '';
|
|
$descFive = $descArr[4] ?? '';
|
|
$descSix = $descArr[5] ?? '';
|
|
{/php}
|
|
<div class="txt">
|
|
<h2>{$vo.sub_title}</h2>
|
|
<div class="del">
|
|
<!-- {$vo.description|raw} -->
|
|
{$vo.description|nl2br|raw}
|
|
</div>
|
|
|
|
<ul>
|
|
<li>
|
|
<h3 class="nume">{$descOne}</h3>
|
|
<h6>{$descTwo}</h6>
|
|
</li>
|
|
<li>
|
|
<h3><span class="nume">{$descThree}</span>+</h3>
|
|
<h6>{$descFour}</h6>
|
|
</li>
|
|
<li>
|
|
<h3 class="nume">{$descFive}</h3>
|
|
<h6>{$descSix}</h6>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pic">
|
|
<img src="{$vo.thumbnail.url|default=''}"
|
|
alt="">
|
|
</div>
|
|
{/hcTaglib:category}
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- todo...企业宣传片 (查询文章内容展示文章中的视频)-->
|
|
<div class="abpg2 mpage" style="background: url(images/qmbg3.jpg) no-repeat center/cover;" id="abpg2">
|
|
{hcTaglib:category id="180" item="vo" field="*"}
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<div class="tit">
|
|
<h2>{$vo.title}</h2>
|
|
<span></span>
|
|
</div>
|
|
<div class="vids">
|
|
{hcTaglib:contentPage2 cid="180" mainField="*" subField="*" name="hc_content" limit="1" item="vo" sort="sort asc"}
|
|
{php}
|
|
$video_url = $vo['main_content']['more_file'][0]['url'] ?? ''; // 视频地址
|
|
{/php}
|
|
<video controls='' poster='' preload='' x5-playsinline='' playsinline=''
|
|
webkit-playsinline=''>
|
|
<source
|
|
src='{$video_url}'
|
|
type='video/mp4'>
|
|
</video>
|
|
{/hcTaglib:contentPage2}
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
|
|
<!-- 企业历史 -->
|
|
<div class="abpg3 mpage" style="background: url(images/qmbg4.jpg) no-repeat center/cover;" id="abpg3">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<!-- 181 -->
|
|
{hcTaglib:category id="181" item="vo" field="*"}
|
|
<div class="tit">
|
|
<h2>{$vo.title}</h2>
|
|
<span></span>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
|
|
<div class="bds">
|
|
<div class="swiplishi">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:contentPage2 cid="181" mainField="*" subField="*" name="hc_content" limit="30" item="vo" sort="sort asc"}
|
|
<div class="swiper-slide">
|
|
<h3>{$vo.title}</h3>
|
|
<!-- <p>{$vo.description}</p> -->
|
|
<p>{$vo.description|nl2br|raw}</p>
|
|
</div>
|
|
{/hcTaglib:contentPage2}
|
|
</div>
|
|
</div>
|
|
<div class="prev"></div>
|
|
<div class="next"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="abpg4 mpage" id="abpg4">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
{hcTaglib:category id="182" item="vo" field="*"}
|
|
<div class="tit">
|
|
<h2>{$vo.title}</h2>
|
|
<span></span>
|
|
</div>
|
|
<div class="img">
|
|
<!-- <p><img src="/themes/static_new/uploadfile/image/2025/1015/shop000001/e05f54835ef1eb59ad452e320b7a3ca4.jpeg" /> -->
|
|
<p><img src="{$vo.banner.url|default=''}" />
|
|
</p>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
</div>
|
|
<!-- 诚聘英才 -->
|
|
{hcTaglib:category id="193" item="vo" field="*"}
|
|
<div class="abpg5 mpage" style="background: url('{$vo.banner.url|default=''}') no-repeat center/cover;" id="abpg5">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<div class="tit">
|
|
<h2 style="color: #fff;">{$vo.title}</h2>
|
|
<span></span>
|
|
</div>
|
|
<div class="bds">
|
|
<div class="swipjoin">
|
|
<div class="swiper-wrapper">
|
|
</div>
|
|
</div>
|
|
<div class="spans"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
|
|
<!-- 信息公示 -->
|
|
<div class="abpg6 mpage" id="abpg6">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
{hcTaglib:category id="194" item="vo" field="*"}
|
|
<div class="tit">
|
|
<h2>{$vo.title}</h2>
|
|
<span></span>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
|
|
<ul>
|
|
{hcTaglib:contentPage2 cid="194" mainField="*" subField="*" name="hc_content" limit="30" item="vo" sort="id asc"}
|
|
{php}
|
|
// var_dump($vo->toArray());exit;
|
|
{/php}
|
|
<li data-id="237" data-title="{$vo.title}" data-content="{$vo.content}">
|
|
<a href="javascript:;">
|
|
<h4>{$vo.title}</h4>
|
|
<h6><i>查看详情 </i></h6>
|
|
</a>
|
|
</li>
|
|
{/hcTaglib:contentPage2}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 分支机构 195-->
|
|
<div class="abpg7 mpage" id="abpg7">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
{hcTaglib:category id="195" item="oneCategory" field="*"}
|
|
<div class="tit">
|
|
<h2>{$oneCategory.title}</h2>
|
|
<span></span>
|
|
</div>
|
|
|
|
<div class="bds clearfix">
|
|
<div class="txt">
|
|
<dl>
|
|
{hcTaglib:contentPage2 cid="195" mainField="*" subField="*" name="hc_content" limit="30" item="vo" sort="id asc"}
|
|
{php}
|
|
$detailUrl = hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']]);
|
|
// var_dump($vo->toArray());exit;
|
|
{/php}
|
|
<dd>
|
|
<a href="{$detailUrl}">
|
|
<h4>{$vo.title}</h4>
|
|
<h6><i>查看详情 </i></h6>
|
|
</a>
|
|
</dd>
|
|
{/hcTaglib:contentPage2}
|
|
</dl>
|
|
</div>
|
|
{php}
|
|
// var_dump($oneCategory);exit;
|
|
{/php}
|
|
<div class="pic">
|
|
<p><img
|
|
src="{$oneCategory.thumbnail.url|default=''}" />
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:category}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- nav===============START -->
|
|
{include file="common/footer" /}
|
|
<!-- nav===============END -->
|
|
</div>
|
|
{include file="common/uitfexi" /}
|
|
|
|
|
|
<script src="/themes/static_new/js/jquery-3.5.1.min.js" type="text/javascript"></script>
|
|
<script src="layui/layui.js" type="text/javascript"></script>
|
|
<script src="/themes/static_new/js/swiper.min.js" type="text/javascript"></script>
|
|
<script src="/themes/static_new/js/wow.min.js" type="text/javascript"></script>
|
|
<script src="/themes/static_new/js/script.js" type="text/javascript"></script>
|
|
|
|
|
|
<script>
|
|
layui.use(['form', 'layer'], function () {
|
|
var form = layui.form;
|
|
form.on('submit(submitTo)', function (data) {
|
|
var index = layer.load();
|
|
$.post('/default/advice-plan', data.field, function (result) {
|
|
layer.close(index);
|
|
//layer.msg(result.msg);
|
|
if (result.code == 200) {
|
|
$('.mumk').hide();
|
|
$('.mask').hide();
|
|
$('.mask').show();
|
|
$('.qmmumk').show();
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
$(".search_btn").on("click", function () {
|
|
if ($("#searchKeyword").val() == "") {
|
|
layer.msg("请输入搜索内容");
|
|
return;
|
|
}
|
|
location.href = "/search-" + encodeURIComponent($("#searchKeyword").val()) + ".html";
|
|
});
|
|
$('.qmmumk .icon').click(function () {
|
|
$('.qmmumk').hide();
|
|
$('.mask').hide();
|
|
})
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
<div class="mask"></div>
|
|
<div class="zrys">
|
|
<div class="wrap">
|
|
<div class="icon"></div>
|
|
<h2 id="article-title"></h2>
|
|
<div class="text" id="article-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/themes/static_new/js/jquery.countup.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="/themes/static_new/js/jquery.waypoints.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
|
|
<script>
|
|
// $('.abpg6 li').click(function () {
|
|
// $.getJSON("/default/article-detail-json", { id: $(this).data('id') }, function (result) {
|
|
// $("#article-title").html(result.data.title);
|
|
// $("#article-content").html(result.data.content);
|
|
// $('.zrys').show();
|
|
// $('.mask').show();
|
|
// });
|
|
// })
|
|
|
|
// 点击弹框
|
|
$('.abpg6 li').click(function () {
|
|
let id = $(this).data('id');
|
|
let title = $(this).data('title');
|
|
let content = $(this).data('content');
|
|
$("#article-title").html(title);
|
|
$("#article-content").html(content);
|
|
$('.zrys').show();
|
|
$('.mask').show();
|
|
})
|
|
|
|
|
|
$('.abpg5 .swipjoin .swiper-slide').click(function () {
|
|
$.getJSON("/default/article-detail-json", { id: $(this).data('id') }, function (result) {
|
|
$("#article-title").html(result.data.title);
|
|
$("#article-content").html(result.data.content);
|
|
$('.zrys').show();
|
|
$('.mask').show();
|
|
});
|
|
})
|
|
$('.zrys .icon').click(function () {
|
|
$('.zrys').hide();
|
|
$('.mask').hide();
|
|
})
|
|
var swiper = new Swiper('.abpg3 .swiplishi', {
|
|
navigation: {
|
|
nextEl: '.abpg3 .next',
|
|
prevEl: '.abpg3 .prev',
|
|
},
|
|
slidesPerView: 1, //横屏屏个数
|
|
spaceBetween: 10, //间距
|
|
loop: true, //循环
|
|
breakpoints: {
|
|
1100: {
|
|
slidesPerView: 3, //横屏屏个数
|
|
spaceBetween: 30, //间距
|
|
},
|
|
|
|
},
|
|
autoplay: {
|
|
delay: 3000,
|
|
stopOnLastSlide: false, //如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效）。
|
|
disableOnInteraction: false, //用户操作swiper之后，是否禁止autoplay。默认为true：停止。
|
|
}
|
|
});
|
|
var swiper = new Swiper('.abpg5 .swipjoin', {
|
|
pagination: {
|
|
el: '.abpg5 .spans',
|
|
clickable: true,
|
|
},
|
|
slidesPerView: 1, //横屏屏个数
|
|
spaceBetween: 10, //间距
|
|
breakpoints: {
|
|
1100: {
|
|
slidesPerView: 3, //横屏屏个数
|
|
spaceBetween: 26, //间距
|
|
},
|
|
|
|
},
|
|
autoplay: {
|
|
delay: 3000,
|
|
stopOnLastSlide: false, //如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效）。
|
|
disableOnInteraction: false, //用户操作swiper之后，是否禁止autoplay。默认为true：停止。
|
|
}
|
|
});
|
|
|
|
$('.nume').countUp({
|
|
time: 1500
|
|
});
|
|
|
|
|
|
|
|
$(function () {
|
|
$('.about .abnav li a').click(function () {
|
|
// 点击导航，页面滚动到相应的位置
|
|
$('body,html').animate({ scrollTop: $($(this).attr('href')).offset().top - $('.about .abnav li a').height() + 2 }, 300);
|
|
})
|
|
/* 监听滚动 */
|
|
$(document).scroll(function () {
|
|
//为什么加这一步？是因为要考虑最后一个元素的长度，如果长度不够，但是滚动条已经走到底部，这时候样式并不会给最后一个加上
|
|
if ($(document).scrollTop() + $(window).height() >= $(document).height()) { //滚动条滑到底部
|
|
$('.about .abnav li').removeClass('on') //移除样式
|
|
$('.about .abnav li:last').addClass('on') //增加样式
|
|
return;
|
|
}
|
|
var top = $(document).scrollTop(); //滚动条距离顶部的高度
|
|
$('.mpage').each(function (i, item) { //遍历所有需要的页面元素
|
|
if ($(this).offset().top - $('.about .abnav li a').height() <= top && $(this).offset().top + $(this).height() >= top) {
|
|
$('.about .abnav li').removeClass('on')
|
|
$('.about .abnav li').eq(i).addClass('on');
|
|
}
|
|
})
|
|
});
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|