{include file="header" /}

<div class="Banner">
	<img src="{:getCategory(4,'image')} " alt="{:getCategory(4,'catname')} " class="w100" />
</div>


<div class="NetworkMain flex between wap-flex-wrap">
	<div class="Nav">
		<ul>
			{yzn module="cms" action="category" catid="4" order="listorder ASC" num="10" return="data"}
			    {volist name="data" id="vo"}
			        <li class="{if $vo.id == $catid}Cur{/if}"> <a href="{$vo.url}" title="{$vo.catname}">{$vo.catname}</a></li>
			    {/volist}
			{/yzn}
		</ul>
	</div>
	<div class="MainCont">
		<div id="DownLoad">
			<div class="Title center">
				<h2>{:getCategory($catid,'subname')}</h2>
				<p>{:getCategory($catid,'catname')}</p>
			</div>
			<div class="List">
				{yzn module="cms" action="lists" catid="$catid" order="inputtime desc" num="121000" page="$page"
				return="data"}
				{volist name="data" id="vo"}
				<dl><a href="{$vo.pdf}">
						<dt><img src="__IMG_PATH__/IconPdf.png" alt="{$vo.title}" />
							<p>{$vo.title}</p>
						</dt>
						<dd>
							<p>点击下载</p><img src="__IMG_PATH__/IconDown.png" alt="{$vo.title}" />
						</dd>
					</a>
				</dl>
				{/volist}
				{/yzn}
			</div>
		</div>
	</div>
</div>
<script>
	document.addEventListener("DOMContentLoaded", function() {
		const dlElements = document.querySelectorAll('.NetworkMain  ');

		dlElements.forEach((element, index) => {
			const delayTime = (index * 3) + 's';
			element.setAttribute('data-wow-delay', delayTime);
			element.classList.add('wow', 'fadeInUp');
		});

		new WOW({
			offset: 100, // 当元素距离可视区域顶部 100px 时触发（滑动到这附近就开始）
			mobile: false
		}).init();
	});
</script>
{include file="footer" /}