<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta content="zh-cn" http-equiv="Content-Language" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="renderer" content="webkit"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,  user-scalable=no"/>
		<title>{%$lngpack.sitename%}</title>
		<meta name="keywords" content="{%$lngpack.keyword%}" />
		<meta name="description" content="{%$lngpack.description%}" />
		<link rel="icon" type="image/png" href="{%$icon_16%}" sizes="16x16"/>
		<link rel="icon" type="image/png" href="{%$icon_32%}" sizes="32x32"/>
		<link rel="icon" type="image/png" href="{%$icon_64%}" sizes="64x64"/>
		<link href="{%$rootpath%}css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_font.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/swiper.min.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_all.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_p8_public.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_three.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/jquery.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/bootstrap.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/swiper.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}js/menuthree.js"></script>
		<script type="text/javascript" src="{%$rootdir%}js/treeviewcookie.js"></script>
		<script type="text/javascript" src="{%$type.purview_link%}"></script>
		<script type="text/javascript">
			$(window).load(function () {
				$("#three").treeview({collapsed: true, control: "#sidetreecontrol", prerendered: false, persist: "location"});
			});
		</script>
	</head>

	<body>
		{%link file="public/head.html"%}
		<section class="bann_container">
			<div class="container page_bann_title">
				<h2>{%$type.typename%}</h2>
				<p>{%$type.content%}</p>
			</div>
		</section>

		<section class="container espcms_page_book">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-3">
					<div class="panel panel-info">
						{%get name=typelist class=utid:$type.topid,tid:$type.tid%}
						<div class="panel-heading espcms_page_navigation_title"><h4>{%$uptypeview.typename%}</h4></div>
						<div class="panel-body">
							<ul id="three" class="treeview">
								{%forlist from=$array key=i%}
								<li{%if count( $array[i].childArray ) <= 0%} class="onefast"{%/if%}>
									<a href="{%$array[i].link%}" {%if $array[i].selected==1 %}class="hover"{%/if%} title="{%$array[i].typename%}">{%$array[i].typename%}</a>
									{%if count( $array[i].childArray ) > 0 %}
									<ul>
										{%forlist from=$array[i].childArray key=ii%}
										<li class="treeone">
											<a href="{%$array[i].childArray[ii].link%}" {%if $array[i].childArray[ii].selected==1 %}class="hover"{%/if%}  title="{%$array[i].childArray[ii].typename%}">{%$array[i].childArray[ii].typename%}</a>
											{%if count( $array[i].childArray[ii].childArray ) > 0 %}
											<ul>
												{%forlist from=$array[i].childArray[ii].childArray key=iii%}
												<li class="treetow">
													<a href="{%$array[i].childArray[ii].childArray[iii].link%}" {%if $array[i].childArray[ii].childArray[iii].selected==1 %}class="hover"{%/if%} title="{%$array[i].childArray[ii].childArray[iii].typename%}">{%$array[i].childArray[ii].childArray[iii].typename%}</a>
													{%if count( $array[i].childArray[ii].childArray[iii].childArray ) > 0 %}
													<ul>
														{%forlist from=$array[i].childArray[ii].childArray[iii].childArray key=iiii%}
														<li class="treefour">
															<a href="{%$array[i].childArray[ii].childArray[iii].childArray[iiii].link%}" {%if $array[i].childArray[ii].childArray[iii].childArray[iiii].selected==1 %}class="hover"{%/if%} title="{%$array[i].childArray[ii].childArray[iii].childArray[iiii].typename%}">{%$array[i].childArray[ii].childArray[iii].childArray[iiii].typename%}</a>
															{%if count( $array[i].childArray[ii].childArray[iii].childArray[iiii].childArray ) > 0 %}
															<ul>
																{%forlist from=$array[i].childArray[ii].childArray[iii].childArray[iiii].childArray key=iiiii%}
																<li class="treefive"><a href="{%$array[i].childArray[ii].childArray[iii].childArray[iiii].childArray[iiiii].link%}" {%if $array[i].childArray[ii].childArray[iii].childArray[iiii].childArray[iiiii].selected==1 %}class="hover"{%/if%} title="{%$array[i].childArray[ii].childArray[iii].childArray[iiii].childArray[iiiii].typename%}">{%$array[i].childArray[ii].childArray[iii].childArray[iiii].childArray[iiiii].typename%}</a></li>
																{%/forlist%}
															</ul>
															{%/if%}
														</li>
														{%/forlist%}
													</ul>
													{%/if%}
												</li>
												{%/forlist%}
											</ul>
											{%/if%}
										</li>
										{%/forlist%}
									</ul>
									{%/if%}
								</li>
								{%/forlist%}
							</ul>
						</div>
						{%/get%}
					</div>

					{%link file="public/left.html"%}
				</div>
				<div class="col-xs-12 col-sm-12 col-md-9">
					{%list name=path class=type:doc,id:$type.tid%}
					{%if count($array) > 0%}
					<div class="espcms_pic_list">
						<div class="row">
							{%forlist from=$array key=i%}
							<div class="col-sm-6 col-md-4">
								<div class="thumbnail">
									<a title="{%$array[i].title%}" href="{%$array[i].link%}"><img src="{%$array[i].pic|zoom(260,175,3)%}" alt="{%$array[i].title%}" class="pic_photo img-rounded"/></a>
									<div class="caption">
										<h3><a title="{%$array[i].title%}" href="{%$array[i].link%}">{%$array[i].ctitle|espcms_cutstr(12,'...')%}</a></h3>
										<p class="pic_summary">{%$array[i].summary|espcms_cutstr(28,'...')%}</p>
										<p>
											<a href="{%$array[i].buylink%}" class="btn btn-primary" role="button">Buy</a>
											<a href="{%$array[i].enqlink%}" class="btn btn-default" role="button">Inquiry</a>
										</p>
									</div>
								</div>
							</div>
							{%/forlist%}
						</div>
					</div>

					<div class="espcms_page_botton">
						<span class="btn btn-default">{%$page_read.db_num%}/{%$page_read.page_num%}</span> {%$pagebotton%}
					</div>
					{%else%}
					<div class="espcms_info_list text-center">
						No Information
					</div>
					{%/if%}
				</div>
			</div>
		</section>

		{%link file="public/footer.html"%}
	</body>
</html>