<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{{kg['category']['title']}} - KGCMS</title>
<meta name="keywords" content="{{kg['category']['seokey']}}" />
<meta name="description" content="{{kg['category']['seodescr']}}" />
<meta name="copyright" content="KGCMS {{kg['server']['KGCMS_VERSION']}}" />
<!-- 自适应移动端 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 禁止缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="{{kg['tpl_url']}}style/photo_list.css">
<script src="{{kg['tpl_url']}}script/jquery-3.0.0.min.js"></script>
<script src="{{ kg['server']['HTTP_HOST'] }}/tools/amazeui/js/amazeui.min.js"></script>
<script src="{{kg['tpl_url']}}script/bootstrap.min.js"></script>
<script src="{{kg['tpl_url']}}script/common.js"></script>
<script src="{{kg['tpl_url']}}script/photo_list.js"></script>
</head>
<body>
	<div class="container-fluid ngcon-style">
		{%- include 'component_header.tpl' %}
		<div class="row">
			<div class="col-md-3">
				<div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
					<ul class="nav bs-docs-sidenav" id="left-nav">
						{%- for row in kg['category']['id']|category(0) %}
						<li {% if row['id']==kg['category']['id'] %}class="active" {% endif %}><a href="{{row['url']}}"><span class="iconfont icon-dian"></span>{{row['title']}}</a>
						{%- endfor %}
					</ul>
				</div>
			</div>
			<div class="col-md-9 ngma-Q ngNo-padding">
				<div class="panel panel-default ngNo-margin ngsty-Opan No-shadow">
					<div class="panel-body ngNo-padding ngjs-jh">
						<h1 class="page-title sty-title h1I">{{kg['category']['title']}}</h1>
						<hr class="hr-Rsty ngph-hr1">
						<div class="stime">
							<div class="ng-clear"></div>
						</div>
						<ul id="list" class="image-grid clear ngjs-yo ngsty-ul">
							{%- set picture = 0|picture_page(12, 0, kg['category']['id'], 0, 1, '', 0, 1) %}
							{%- if picture['list'] %}
							{%- for row in picture['list'] %}
							<li class="ngjs-ms">
								<a>
									<ul data-am-widget="gallery" class="am-gallery sm-block-grid-2 md-block-grid-3 lg-block-grid-4 am-gallery-bordered ngsty-Iul" data-am-gallery="{ pureview: true }">
										{%- if row['picture'] %}
										{%- for var in row['picture'] %}
										<li>
											<img src="{{var}}" height="150" width="265" alt="{{row['summary'][loop.index0]}}  {{row['pic_date'][loop.index0]}}" {% if loop.index0> 0 %}style="display:none"{%endif%}>
											<h2 class="ngsty-Ihe">{{row['title']}}</h2>
											<p class="ngsty-TP">　　{{row['description']}}</p>
											<span class="ngsty-Tsp">{{row['pushtime']}}</span>
										</li>
										{%- endfor %}
										{%- else %}
										<li>
											<img src="{{kg['web']['logo']}}" height="150" width="265" alt="{{row['summary'][loop.index0]}}  {{row['pic_date'][loop.index0]}}" {% if loop.index0> 0 %}style="display:none"{%endif%}>
											<h2 class="ngsty-Ihe">{{row['title']}}</h2>
											<p class="ngsty-TP">　　{{row['description']}}</p>
											<span class="ngsty-Tsp">{{row['pushtime']}}</span>
										</li>
										{%- endif %}
									</ul>
								</a>
								<span class="bottom"></span>
							</li>
							{%- endfor %}
							{%- else %}
							<div class="No-content">{{kg['lang'][0]}}</div>
							{%- endif %}
						</ul>
					</div>
				</div>
				<hr class="hr-Rsty foo-sty foo-ot">
				{% if picture['page_data']['total_page'] > 1 %}
				{{picture['page_html']}}
				{% endif %}
			</div>
		</div>
		{% include 'component_footer.tpl' %}
	</div>
</body>
</html>