<link rel="stylesheet" href="/template/pc/components/index/style4.css" media="all">
<div class="content-4">
<div class="box-4">
<!--start-->
<div class="layui-col-xs4 qy-10">
<div class="layui-col-xs12 qy-15" style="text-align: center;">
<span class="font-15">
职称专业分类对照表
</span>
</div>
<div class="qy-11-1">
<div class="layui-col-xs12 qy-12" style="margin-top: 0px;">
<div class="layui-col-xs12 hot-index">
</div>
<div class="layui-col-xs12 qy-13" style="height: auto; overflow: hidden;margin: 0;padding: 8px 5px 8px 5px;">
<!--sql调用-->
{eyou:sql sql="SELECT id FROM ey_arctype WHERE area_id=10000 and parent_id=38 and topid=38 and is_del=0 and status=1 ORDER BY id limit 0,23" cachetime='3600' empty='没有数据' id='kp'}
{eyou:type typeid="$kp.id" id='field2'}
<span class="font-22">
<a target="_blank" href="{:get_tid_url_2($field2['typeurl'],0,0,0,$field2['type'],$field2['topid'],$field2['area_id'])}" title="{$field2.typename}">{$field2.typename}</a></span>
<span class="clear"></span>
{/eyou:type}
{/eyou:sql}
</div>
</div>
</div>
<div id="sonMenu" style="width: 600px;height:567px;position: absolute;top:0;left:260px;background-color: #fff;z-index:9999;display: none;padding: 20px 10px;">
<div class="" style="display: none;">
{eyou:sql sql="SELECT id FROM ey_arctype WHERE area_id=10000 and parent_id=38 and topid=38 and is_del=0 and status=1 ORDER BY id" cachetime='3600' empty='没有数据' id='kp'}
{eyou:type typeid="$kp.id" id='field2'}
<span class="font-22">
<a target="_blank" href="{:get_tid_url_2($field2['typeurl'],0,0,0,$field2['type'],$field2['topid'],$field2['area_id'])}" title="{$field2.typename}">{$field2.typename}</a></span>
{/eyou:type}
{/eyou:sql}
</div>
</div>
<script>
layui.use(['jquery'], function(args){
var $ = layui.jquery;
//隐藏hover事件
$(".qy-12").hover(function(){
//鼠标进入和离开事件
var index = $(this).index();
console.log(index);
$("#sonMenu").show();
$('#sonMenu div').hide();
$('#sonMenu div:eq('+index+')').show();
},function() {
//离开就恢复初始样式
});
$("#sonMenu").hover(function(){
},function() {
//离开就恢复初始样式
$("#sonMenu").hide();
$('#sonMenu div').hide();
});
$(".box-4").hover(function(){
},function() {
//离开就恢复初始样式
$("#sonMenu").hide();
$('#sonMenu div').hide();
});
});
</script>
</div>
<div class="layui-col-xs8 qy-11">
<div class="layui-col-xs8 qy-16">
<div class="layui-carousel" id="banner" lay-filter="banner">
<div carousel-item="">
{eyou:adv pid='11'}
<div>
<a target="_blank" href='{$field.links}' ><img alt='{eyou:global name='web_name' /}导航图{$i}' src='{$field.litpic}' /></a>
</div>
{/eyou:adv}
</div>
</div>
</div>
<div class="layui-col-xs8 qy-17">
<div class="layui-col-xs12 qy-20" style="position:relative;">
<div class="layui-col-xs6">
<span class="font-50">
职称网最新政策文件
</span>
</div>
<div class="layui-col-xs6">
<div class="layui-col-xs10">
<span class="font-51">热门省份: </span>
<!--url生成麻烦-->
<?php
/**
* {:get_tid_url_2('https://www.zc10000.com/?m=home&site='.$field['domain'].'&sitepid='.$field['parent_id'])}
*
* {eyou:sql sql='SELECT id,name,domain,parent_id FROM __PREFIX__citysite WHERE parent_id=5290 and is_hot=1 and level=1 and status=1 order by update_time desc limit 0,4' cachetime='3600'}
* {/eyou:sql}
*/
?>
<span class="font-51">
<a target="_blank" href="https://guangdong.zc10000.com/zcwj">广东</a></span>
<span class="font-51">
<a target="_blank" href="https://guangxi.zc10000.com/zcwj">广西</a></span>
<span class="font-51">
<a target="_blank" href="https://jiangsu.zc10000.com/zcwj">江苏</a></span>
<span class="font-51">
<a target="_blank" href="https://www.zc10000.com/shandong_zcwj">山东</a></span>
</div>
<div class="layui-col-xs2 tr">
<a target="_blank" href="https://www.zc10000.com/zcwj"><span class="font-52" id="area" style="cursor: pointer;">
全部 <img src="https://oss.zc10000.com/static/images/050.svg" />
</span></a>
</div>
</div>
</div>
<!--显示所有城市-->
<div id="citys" style="width: 98%;height:350px;position:absolute;top:40px;left:0%;background: #fff;z-index:9999;padding: 0 1%;overflow-y: scroll;border:1px solid #eee;" class="hide">
<ul style="width:100%;margin-top:10px;"> <a target="_blank" class="" style="font-weight: bold;" href="https://www.zc10000.com/shandong">山东</a> </ul>
<ul style="width:100%;">
<!--{$field2.siteurl}&domain={$field.domain}-->
{eyou:citysite siteid="5290" loop="50" type ='son' currentclass="on" id
="field2"}
<li style="float: left;margin: 0 10px;" class="{$field2.currentclass}"><a target="_blank" href="https://www.zc10000.com/{$field2.domain}" >{$field2.name}</a> </li>
{/eyou:citysite}
<div class="clear"></div>
</ul>
<!--{$field2.siteurl}&domain={$field.domain}-->
{eyou:citysite type="top" loop="50" id="field" currentclass="on"}
<ul style="width:100%;margin-top:10px;"> <a target="_blank" class="{$field.currentclass}" style="font-weight: bold;" href="{$field.siteurl}">{$field.name}</a> </ul>
<ul style="width:100%;">
{eyou:citysite siteid="$field.id" loop="50" type ='son' currentclass="on" id
="field2"}
<li style="float: left;margin: 0 10px;" class="{$field2.currentclass}"><a target="_blank" href="{:get_tid_url_2($field2['siteurl'].'&domain='.$field['domain'])}" >{$field2.name}</a> </li>
{/eyou:citysite}
<div class="clear"></div>
</ul>
{/eyou:citysite}
</div>
<script>
layui.use(['jquery'], function(args){
var $ = layui.jquery;
$("#area").on("click", function() {
$("#citys").toggleClass("hide");
})
$("#citys").hover(function(){
//鼠标进入和离开事件
},function() {
//离开就恢复初始样式
$("#citys").addClass("hide");
});
});
</script>
<div class="layui-col-xs12 qy-30">
<!-- flag='c' -->
{eyou:artlist typeid='126,825' limit='0,8' titlelen='30' infolen='160' orderby='update_time desc'}
<li class="layui-col-xs6 qy-30-li">
<a target="_blank" href="{:get_tid_url_2($field['arcurl'],$field['typeid'],$field['stypeid'],'0','',0,$field['province_id'],$field['city_id'])}" class="font-53 font-53-active-{$i}">{$field.title|html_msubstr=###,0,22,true}</a>
</li>
{/eyou:artlist}
</div>
</div>
</div>
<!--end--->
</div>
</div>