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.
530 lines
16 KiB
530 lines
16 KiB
<link rel="stylesheet" href="/app/home/view/szwjs/static/css/iconfont/iconfont.css">
|
|
<style>
|
|
|
|
#header{
|
|
min-width: 1200px;
|
|
background: url(/app/home/view/szwjs/static/img/indexhbg.jpg) no-repeat;
|
|
background-size: cover;
|
|
background-position: top center;
|
|
}
|
|
.inner{
|
|
position: relative;
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
#header li{
|
|
list-style: none;
|
|
}
|
|
#header .shortcut{
|
|
color: #999;
|
|
font-size: 12px;
|
|
padding-top: 10px;
|
|
height: 44px;
|
|
}
|
|
#header .shortcut .iconweixin{
|
|
color: #4cbf00;
|
|
padding-left:20px;
|
|
padding-right: 5px;
|
|
font-size: 14px;
|
|
}
|
|
#header .shortcut ul{
|
|
float: right;
|
|
}
|
|
#header .shortcut li{
|
|
float: left;line-height: 22px;
|
|
margin-right: 18px;
|
|
}
|
|
#header .shortcut li:last-child{
|
|
margin-right: 0;
|
|
}
|
|
#header .shortcut li.spacer{
|
|
overflow: hidden;
|
|
margin-top: 7px;
|
|
width: 1px;
|
|
height: 10px;
|
|
background-color: #999;
|
|
}
|
|
#header .shortcut a{
|
|
color: #999;
|
|
}
|
|
#header .shortcut a:hover{
|
|
color: #ff5256;
|
|
}
|
|
#header .shortcut .wechat{
|
|
position: relative;
|
|
}
|
|
#header .shortcut .wechat:hover .pane{
|
|
display: block;
|
|
}
|
|
#header .shortcut .wechat .pane{
|
|
position: absolute;display: none;
|
|
left: 50%;top: 22px;
|
|
margin-left: -140px;
|
|
z-index: 10;
|
|
padding-top: 8px;
|
|
}
|
|
#header .shortcut .wechat .box{
|
|
position: relative;
|
|
background-color: #fff;width: 302px;
|
|
padding: 0 10px;border: 1px solid #66799e;color: #333;font-size: 14px;
|
|
}
|
|
#header .shortcut .wechat .box:before{
|
|
position: absolute;content: ' ';
|
|
width: 10px;
|
|
height: 10px;
|
|
left: 50%;margin-left: -5px;
|
|
top: -6px;
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
border-top: 1px solid #66799e;
|
|
border-right: 1px solid #66799e;
|
|
background-color: #fff;
|
|
}
|
|
#header .shortcut .wechat .box>div{
|
|
float:left;width: 50%;padding: 10px;line-height: 2;text-align: center;
|
|
}
|
|
#header .shortcut .wechat .qr{
|
|
width: 120px;height: 120px;
|
|
}
|
|
|
|
#header .head{
|
|
height: 74px;
|
|
color: #fff;
|
|
}
|
|
#header .head .logo{
|
|
float: left;margin-top: 8px;
|
|
}
|
|
#header .head .logo a{
|
|
display: block;
|
|
}
|
|
#header .head .tnav{
|
|
float: left;margin-top: 15px;margin-left: 30px;
|
|
line-height: 36px;
|
|
}
|
|
#header .head .tnav>li{
|
|
float: left;margin-right: 10px;font-size: 14px;
|
|
}
|
|
#header .head .tnav li{
|
|
position: relative;
|
|
}
|
|
#header .head .tnav a{
|
|
color: #fff;display: block;padding: 0 10px;
|
|
}
|
|
#header .head .tnav a.active,
|
|
#header .head .tnav a:hover{
|
|
color: #ff5256;
|
|
}
|
|
#header .head .tnav li.sub:hover,#header .head .tnav li.sub:hover a,
|
|
#header .head .tnav li.sub>a.active{
|
|
background-color: #fff;color: #333;border-radius: 2px;
|
|
}
|
|
#header .head .tnav li.sub li.sub:hover,#header .head .tnav li.sub li.sub:hover>a{
|
|
background-color: #dedede;
|
|
}
|
|
|
|
#header .head .tnav li.sub ul a{color: #666666;}
|
|
#header .head .tnav li.sub ul a:hover,
|
|
#header .head .tnav li.sub ul a.active{
|
|
background-color: #dedede;
|
|
}
|
|
#header .head .tnav li.sub:hover>ul{
|
|
display: block;
|
|
}
|
|
#header .head .tnav li.sub ul{
|
|
display: none;
|
|
position: absolute;z-index: 100;
|
|
background-color: #fff;
|
|
margin-top: -2px;padding: 5px 0;
|
|
box-shadow: 0px 1px 1px #ccc;
|
|
}
|
|
#header .head .tnav li.sub ul ul{
|
|
left: 100%;
|
|
top: -3px;
|
|
}
|
|
#header .head .tnav>li>ul li{
|
|
white-space: nowrap;min-width: 76px;
|
|
}
|
|
|
|
#header .head .search{
|
|
float: right;
|
|
width: 148px;
|
|
margin-top: 15px;height: 36px;background-color: #151826;
|
|
border-radius: 4px;
|
|
color: #727478;
|
|
position: relative;
|
|
}
|
|
#header .head .search input.key{
|
|
border: 0;background-color: transparent;
|
|
width: 100%;height: 100%;padding: 8px 12px;
|
|
color: #ffffff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-ms-appearance: none;
|
|
appearance: none;
|
|
outline: 0;
|
|
}
|
|
#header .head .search .iconsearch{
|
|
position: absolute;
|
|
width: 36px;height: 36px;line-height: 36px;
|
|
cursor: pointer;
|
|
font-size: 15px;font-weight: bold;
|
|
top: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
background-color: #151826;border-radius: 4px;
|
|
}
|
|
|
|
#header .catemenu{
|
|
width: 240px;
|
|
background-color: #162033;
|
|
color: #848a96;
|
|
font-size: 12px;
|
|
margin-right: 10px;
|
|
}
|
|
#header .catemenu .iconfont_tm{font-size: 17px;margin-right: 6px;float: left;}
|
|
#header .catemenu dl{
|
|
padding-bottom: 13px;
|
|
}
|
|
#header .catemenu dl:last-child{
|
|
padding-bottom: 5px;
|
|
}
|
|
#header .catemenu dt{
|
|
margin-bottom: 5px;
|
|
}
|
|
#header .catemenu dt img{
|
|
margin-top: -8px;
|
|
margin-left: -8px;
|
|
}
|
|
#header .catemenu dd{
|
|
line-height: 34px;height: 34px;position: relative;
|
|
}
|
|
#header .catemenu>dl dl{
|
|
position: absolute;left: 100%;
|
|
top: 0;display: none;z-index: 100;
|
|
background-color: #162033;
|
|
padding-bottom: 0!important;
|
|
border-left: 1px solid rgba(255,255,255,.1);
|
|
}
|
|
#header .catemenu dd:hover>dl{
|
|
display: block;
|
|
}
|
|
#header .catemenu a{
|
|
color: #848a96;display: block;
|
|
position: relative;
|
|
padding-right: 24px;
|
|
padding-left: 15px;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
}
|
|
#header .catemenu dd:hover,
|
|
#header .catemenu dd:hover>a,
|
|
#header .catemenu a:hover{
|
|
color: #ff5256;
|
|
background-color: #2e3747;
|
|
}
|
|
#header .catemenu .iconarrow_r{
|
|
position: absolute;
|
|
font-size: 8px;
|
|
top: 1px;right: 2px;
|
|
}
|
|
|
|
#header .slider_list{
|
|
width: 950px;
|
|
height: 400px;
|
|
}
|
|
#header .slider_list a{display: block;}
|
|
#header .slider_list .swiper-pagination-bullet-active {
|
|
background: #f52f3e!important;
|
|
}
|
|
#header .slider_list .swiper-pagination-bullet {
|
|
width: 10px;
|
|
height: 10px;
|
|
background: #fff;
|
|
}
|
|
#header .msgs{
|
|
margin-top: 10px;
|
|
background-color: #fff;
|
|
height: 493px;
|
|
padding: 15px;
|
|
}
|
|
#header .msgs .headtitle{
|
|
border-bottom: 1px solid #f3f3f3;
|
|
height: 44px;
|
|
padding-bottom: 10px;
|
|
}
|
|
#header .msgs .headtitle .title{
|
|
float: left;
|
|
font-size: 18px;
|
|
line-height: 34px;
|
|
}
|
|
#header .msgs .headtitle ul{
|
|
float: right;
|
|
}
|
|
#header .msgs .headtitle li{
|
|
height: 34px;
|
|
line-height: 34px;
|
|
float: left;
|
|
padding: 0 14px;
|
|
cursor: pointer;
|
|
color: #8a8888;
|
|
}
|
|
#header .msgs .headtitle li.active,
|
|
#header .msgs .headtitle li:hover{
|
|
color: #fff;
|
|
background-color: #c9a035;
|
|
}
|
|
#header .msgs .con{
|
|
margin-top: 15px;
|
|
height: 394px;
|
|
}
|
|
#header .msgs .con .leftpic{
|
|
float: left;
|
|
width: 480px;
|
|
height: 394px;
|
|
}
|
|
#header .msgs .con .leftpic img{
|
|
width: 100%;height: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
-ms-object-fit: cover;
|
|
-ms-object-position: center;
|
|
}
|
|
#header .msgs .con ul{
|
|
margin-left: 495px;
|
|
}
|
|
#header .msgs .con li{
|
|
border-bottom: 1px dotted #cbcbcb;
|
|
height: 66px;
|
|
line-height: 30px;
|
|
padding: 4px 0;
|
|
width: 424px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
#header .msgs .con li:last-child{
|
|
border-bottom:none;
|
|
}
|
|
#header .msgs .con li .date{color: #999999;}
|
|
#header .msgs .con li a{
|
|
height: 26px;
|
|
}
|
|
</style>
|
|
<div id="header">
|
|
<div class="inner">
|
|
<div class="shortcut">
|
|
<ul>
|
|
{empty name="user.member_list_id"}
|
|
<li><a href="javascript:" class="login_user">{:lang('login')}</a></li>
|
|
<li class="spacer"></li>
|
|
<li><a href="javascript:" class="register_user">{:lang('register')}</a></li>
|
|
{/empty}
|
|
{notempty name="user.member_list_id"}
|
|
<li>欢迎您，
|
|
<a href="{:url('home/Center/index')}" >{$user['member_list_nickname']|default=$user['member_list_username']}</a>
|
|
{if condition="$notice_unread gt 0"}
|
|
，您有 <a href="{:url('home/Center/notice')}" >{$notice_unread}</a> 条新通知，请注意查收！
|
|
{/if}
|
|
<a href="{:url('home/Login/logout')}"> {:lang('sign out')}</a>
|
|
</li>
|
|
{/notempty}
|
|
|
|
<li class="wechat"><a href="javascript:;"><span class="iconfont_tm iconweixin"></span>微信公众平台</a>
|
|
<div class="pane">
|
|
<div class="box clearfix">
|
|
<div><img class="qr" src="/app/home/view/szwjs/static/img/qrcode_wjs.jpg"><p>深圳文交所</p></div>
|
|
<div><img class="qr" src="/app/home/view/szwjs/static/img/qrcode_jf.jpg"><p>掌柜文化金服</p></div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="spacer"></li>
|
|
<li><a href="{:url('home/Listn/contact')}">联系我们</a></li>
|
|
<!-- -->
|
|
<li class="spacer"></li>
|
|
<li><a href="/home/pviews/render/content/complaint.html">投诉建议</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
<script>
|
|
function nav_main (vlaue) {
|
|
vlaue = vlaue||'';
|
|
vlaue = vlaue.split('-');
|
|
var level = [];
|
|
_getlevel(vlaue);
|
|
|
|
var nav = [
|
|
{id:'0',cn:'首页',url:'/'},
|
|
{id:'1',cn:'深圳市文化金融服务中心',url:'/culture/index/index.html'},
|
|
{id:'2',cn:'文化金融',url:'',childs:[
|
|
{id:'2-0',cn:'国有产权指定进场交易',url:'/page/6/kind/2.html',childs:[
|
|
{id:'2-0-0',cn:'政策法规',url:'/list/33/pid/72.html'}
|
|
]
|
|
},
|
|
{id:'2-1',cn:'文化和旅游产业专项债券公共服务',url:'/page/74/kind/3.html'},
|
|
{id:'2-2',cn:'中国文化产权登记备案平台',url:'/page/3/kind/4.html'},
|
|
{id:'2-3',cn:'文化艺术资产托管平台',url:'/page/73/kind/5.html',childs:[
|
|
|
|
{id:'2-3-0',cn:'媒体资产托管运营平台',url:'http://mztg.szcaee.cn/#/home'},
|
|
{id:'2-3-1',cn:'文旅资产托管平台',url:'/page/101/kind/16.html'},
|
|
{id:'2-3-2',cn:'音乐资产托管平台',url:'/page/102/kind/17.html'},
|
|
{id:'2-3-3',cn:'影视资产托管平台',url:''},
|
|
{id:'2-3-4',cn:'无形资产（知识产权）托管平台',url:'/page/104/kind/19.html'}
|
|
]
|
|
},
|
|
{id:'2-4',cn:'区域股权中介服务',url:''}
|
|
]
|
|
},
|
|
{id:'3',cn:'艺术金融',url:'http://www.szcaee.net/',childs:[
|
|
{id:'3-0',cn:'艺术品资产托管',url:'/home/news/category/kind/4.html',childs:[
|
|
{id:'3-0-0',cn:'当代艺术品托管',url:''},
|
|
{id:'3-0-1',cn:'当代工艺美术品托管',url:''},
|
|
{id:'3-0-2',cn:'民间工艺品托管',url:''},
|
|
{id:'3-0-3',cn:'古旧艺术品托管',url:''},
|
|
]
|
|
},
|
|
{id:'3-1',cn:'艺品拍',url:'/home/news/category/kind/9.html',childs:[
|
|
{id:'3-1-0',cn:'线下拍卖',url:''},
|
|
{id:'3-1-1',cn:'线上拍卖',url:''},
|
|
{id:'3-1-2',cn:'关于艺品拍',url:''},
|
|
{id:'3-1-3',cn:'加入俱乐部',url:''},
|
|
]
|
|
},
|
|
{id:'3-2',cn:'艺享拍',url:'http://www.yuhao360.com/custom/index.php?i=1'},
|
|
{id:'3-3',cn:'艺版拍',url:'http://yppc.szcaee.net:8090/cxpweb/html/buyTradeHall.html'},
|
|
{id:'3-4',cn:'文版通（区块链基地）',url:'https://www.wenbantong.com/',childs:[
|
|
{id:'3-4-0',cn:'基地介绍',url:'/home/news/bsyw/n_id/1401.html'},
|
|
{id:'3-4-1',cn:'链上商城',url:'https://ta.wenbantong.com/activity/list.htm?addressFlag=2'},
|
|
{id:'3-4-2',cn:'最新动态',url:'https://cms.wenbantong.com/gsdt/index.htm'},
|
|
{id:'3-4-3',cn:'招商热线',url:'http://www.szcaee.cn/home/index.html#wenbantong'},
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{id:'4',cn:'信息公开',url:'/list/2.html',childs:[
|
|
{id:'4-0',cn:'公告',url:'/list/22.html',childs:[
|
|
{id:'4-0-0',cn:'文交所公告',url:'/list/22/cid/1.html'},
|
|
{id:'4-0-1',cn:'成交公告',url:'/list/22/cid/2.html'},
|
|
{id:'4-0-2',cn:'登记托管公告',url:'/list/22/cid/3.html'},
|
|
{id:'4-0-3',cn:'国有资产公告',url:'/list/22/cid/4.html'},
|
|
]},
|
|
{id:'4-1',cn:'要闻',url:'/list/23.html',childs:[
|
|
{id:'4-1-0',cn:'文交所要闻',url:'/list/23/cid/1.html'},
|
|
{id:'4-1-1',cn:'工作动态',url:'/list/23/cid/2.html'},
|
|
]
|
|
},
|
|
{id:'4-2',cn:'政策',url:'/list/25.html'},
|
|
{id:'4-3',cn:'活动',url:'/list/24.html'},
|
|
{id:'4-4',cn:'视频专区',url:'/list/19.html',childs:[
|
|
{id:'4-4-0',cn:'宣传片',url:'/list/19/cid/1.html'},
|
|
{id:'4-4-1',cn:'更多',url:'/list/19/cid/2.html'}]},
|
|
]
|
|
},
|
|
{id:'5',cn:'服务机构',url:'/list/4.html',childs:[
|
|
{id:'5-0',cn:'文化产业专业推荐机构',url:''},
|
|
{id:'5-1',cn:'文化产业专业服务机构',url:''},
|
|
{id:'5-2',cn:'文化金融专业服务机构',url:''},
|
|
{id:'5-3',cn:'艺术金融服务机构',url:'',childs:[
|
|
{id:'5-0',cn:'艺品拍合作方',url:''},
|
|
{id:'5-1',cn:'艺版拍合作方',url:''},
|
|
{id:'5-2',cn:'文版通合作方',url:'/page/112/kind/26.html'},
|
|
{id:'5-3',cn:'鉴评仓储服务机构',url:''},
|
|
]
|
|
},
|
|
]
|
|
},
|
|
{id:'6',cn: '关于本所', url: '/list/18.html', childs: [
|
|
{id:'6-0',cn: '成立背景', url: '/page/92/kind/7.html'},
|
|
{id:'6-1',cn: '平台授权', url: '/page/93/kind/8.html'},
|
|
{id:'6-2',cn: '定位和概念', url: '/page/94/kind/9.html'},
|
|
{id:'6-3',cn: '对象和范围', url: '/page/95/kind/10.html'},
|
|
{id:'6-4',cn: '交易手段和平台服务', url: '/page/96/kind/11.html'},
|
|
{id:'6-5',cn: '业务框架和模型', url: '/page/97/kind/12.html'},
|
|
{id:'6-6',cn: '理念和宗旨', url: '/page/98/kind/13.html'},
|
|
{id:'6-7',cn: '本所大事记', url: '/page/106/kind/21.html'},
|
|
{id:'6-8',cn: '团队架构', url: '',childs: [
|
|
{id:'6-8-0',cn: '本所领导', url: '/page/108/kind/22.html'},
|
|
{id:'6-8-1',cn: '组织架构', url: '/page/109/kind/23.html'},
|
|
{id:'6-8-2',cn: '机构职能', url: '/page/110/kind/24.html'},
|
|
{id:'6-8-3',cn: '队伍建设', url: '/page/111/kind/25.html'},
|
|
]
|
|
},
|
|
{id:'6-9',cn: '人才招聘', url: '/list/41.html'},
|
|
]
|
|
},
|
|
{id:'7',cn: '规则指引', url: '/list/49.html', childs: [
|
|
{id:'7-0',cn: '规则制度', url: '/list/21.html'},
|
|
{id:'7-1',cn: '业务指引', url: '/list/50.html'},
|
|
]
|
|
}
|
|
]
|
|
var html='<div class="logo"><a href="/"><img src="/app/home/view/szwjs/static/img/logo.png" width="254" height="45"></a></div>' +
|
|
'<ul class="tnav">';
|
|
_build(nav);
|
|
html+='</ul>';
|
|
|
|
function _getlevel (data) {
|
|
var str='';
|
|
for(var k=0;k<data.length;k++){
|
|
str += '-'+data[k]
|
|
}
|
|
level.push(str.slice(1));
|
|
if( data.length > 1){
|
|
_getlevel(data.splice(0,data.length-1));
|
|
}
|
|
}
|
|
|
|
function _build (data) {
|
|
for(var i=0;i<data.length;i++){
|
|
var sub = data[i];
|
|
var cn = sub.cn;
|
|
var url = sub.url||'javascript:;';
|
|
var childs = sub.childs;
|
|
var id = sub.id||'';
|
|
var active = '';
|
|
if(level.length){
|
|
for(var k=0;k<level.length;k++){
|
|
if(id == level[k]){
|
|
active = 'active';
|
|
break;
|
|
}
|
|
}
|
|
if(active==''){
|
|
if(location.pathname==url){
|
|
active = 'active';
|
|
}
|
|
}
|
|
}
|
|
if(childs&&childs.length){
|
|
html+='<li class="sub"><a href="'+url+'" class="'+active+'">'+cn+'</a>';
|
|
html+='<ul>';
|
|
_build(childs);
|
|
html+='</ul>';
|
|
html+='</li>';
|
|
}else{
|
|
html+='<li><a href="'+url+'" class="'+active+'">'+cn+'</a></li>';
|
|
}
|
|
}
|
|
}
|
|
|
|
html +='<div class="search">' +
|
|
' <form id="search-form" action="{:url(\'home/Listn/search\')}" method="post">' +
|
|
' <input type="text" id="search-keyword" class="key" placeholder="请输入内容">' +
|
|
' <span id="submit-search-form" class="iconfont_tm iconsearch"></span>' +
|
|
' </form>' +
|
|
' </div>'
|
|
document.write(html);
|
|
}
|
|
</script>
|
|
|
|
<div class="head">
|
|
<script>
|
|
nav_main(window.menuid||'');//3-1-0
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="nav" style="display:none;height:0px"></div>
|
|
</div>
|
|
|
|
|
|
|