<!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_three.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_p8_public.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%}espcms_includes/js/espcms_base.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:$read.tid%}

					<div class="espcms_pic_content">
						<div class="row pic_title_info">
							<div class="pic_samll_show col-xs-12 col-sm-12 col-md-6">
								<img src="{%$rootdir%}{%$read.pic%}" class="img-responsive img-rounded" alt="产品展示"/>
							</div>
							<div class="pic_attribute_show col-xs-12 col-sm-12 col-md-6">
								<div class="pic_name"><h1>{%$read.title%}</h1></div>
								<div class="pic_info">产品编号：{%$read.tsn%}</div>
								<div class="pic_intro">产品简述：{%$read.summary%}</div>
								<div class="pic_price">
									<span>购买价格:￥{%$read.bprice%}</span>
									<del>原价：￥{%$read.oprice%}</del>
								</div>
								<div class="pic_bottom">
									<a href="{%$read.buylink%}" class="btn btn-primary" role="button">购买</a>
									<a href="{%$read.enqlink%}" class="btn btn-default" role="button">询盘</a>
								</div>
							</div>
						</div>
						{%if count($photo)>0%}
						<div class="panel panel-default photo_list_info">
							<div class="panel-heading"><h3>相册</h3></div>
							<div class="panel-body">

								<div class="swiper-container">
									<div class="swiper-wrapper">
										{%forlist from=$photo key=i%}
										<div class="swiper-slide"><img src="{%$photo[i].picfile|zoom(270,180,3)%}" class="img-responsive img-rounded"/></div>
										{%/forlist%}
									</div>
									<div class="swiper-button-next"></div>
									<div class="swiper-button-prev"></div>
								</div>
							</div>
						</div>
						<script>
							var swiper = new Swiper('.swiper-container', {
								slidesPerView: 3,
								spaceBetween: 10,
								slidesPerGroup: 3,
								loop: true,
								loopFillGroupWithBlank: false,
								pagination: {
									el: '.swiper-pagination',
									clickable: true
								},
								navigation: {
									nextEl: '.swiper-button-next',
									prevEl: '.swiper-button-prev'
								}
							});
						</script>
						{%/if%}

						<div class="panel panel-default pic_content">
							<div class="panel-heading"><h3>产品介绍</h3></div>
							<div class="panel-body">
								{%$read.content%}

								{% if count($page)>0 %}
								<div class="text-center mt15">
									{%if $read.plink!=''%}
									<a class="btn btn-default" href="{%$read.plink%}">上一页</a>
									{%else%}
									<span class="btn btn-default active">上一页</span>
									{%/if%}
									{%forlist from=$page key=i%}
									{%if $page[i].n==1%}
									<span class="btn btn-default active">{%$page[i].num%}</span>
									{%else%}
									<a class="btn btn-default" href="{%$page[i].link%}">{%$page[i].num%}</a>
									{%/if%}
									{%/forlist%}
									{%if $read.nlink!=''%}
									<a class="btn btn-default"href="{%$read.nlink%}">下一页</a>
									{%else%}
									<span class="btn btn-default active">下一页</span>
									{%/if%}
								</div>
								{%/if%}
							</div>
						</div>
					
						<nav aria-label="espcms_info_pager" class="espcms_info_pager">
							<ul class="pager">
								{%get name=plist class=did:$read.did%}
								<li class="previous">{%if $read.title!=''%}<a title="{%$read.title%}" href="{%$read.link%}">上一篇：{%$read.title%}</a>{%/if%}</li>
								{%/get%}
								{%get name=plist class=did:$read.did,class:1%}
								<li class="next">{%if $read.title!=''%}<a title="{%$read.title%}" href="{%$read.link%}">下一篇：{%$read.title%}</a>{%/if%}</li>
								{%/get%}
							</ul>
						</nav>
					</div>

					{%if $read.linkdid!=''%}
					{%get name=list class=linkdid:$read.linkdid,max:3%}
					<div class="panel panel-default">
						<div class="panel-heading espcms_page_navigation_title"><h5>相关产品</h5></div>
						<div class="panel-body espcms_link_pic">
							<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%}</a></h3>
												<p>
													<a href="{%$array[i].buylink%}" class="btn btn-primary" role="button">购买</a>
													<a href="{%$array[i].enqlink%}" class="btn btn-default" role="button">询盘</a>
												</p>
											</div>
										</div>
									</div>
									{%/forlist%}
								</div>
							</div>
						</div>
					</div>
					{%/get%}
					{%/if%}

					{%if $read.ismess%}
					{%list name=messlist class=did:$read.did,btid:2,max:5,title:$read.title|urlencode,link:$read.link|urlencode%}
					{%/if%}
				</div>
			</div>
		</section>

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