{extend name="default/base" /}
		
{block name="meta"}
<title>{:listSEO(999)['stitle']}</title>
<meta name="description" content="{:listSEO(999)['sdesc']}">
<meta name="Keywords" content="{:listSEO(999)['skeyword']}">
{/block}
{block name="css"}
<script>
    var navid = 99;
</script>
<style>
	.titles{
		white-space: break-spaces;
	}
  </style>
{/block}
 
{block name="main"}
<h1 style="width: 0;height: 0;overflow: hidden;">{:listSEO(999)['seo_h1']}</h1>

	<main id="app">
	
		<header>{include file="default/top" /}</header>
		
		<div class="maskBox" id="headMask"></div>

		<!-- Index Content -->
		<!-- Index Banner -->
		<div class="idx_banner" id="idxBanner" data-dsn-header="parallax">
			<div class="swiper_box">
				<ul class="swiper-wrapper">
					{wst:ads code="ban_index" cache='86400' num='10'}
					<li class="swiper-slide">
						<a class="center_box" href="{$vo.adURL}">
							<div class="center w1560">
								<div class="subtitle ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s">{$vo.adName2}</div>
								<div class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">{$vo.adName}</div>
								{if $vo.isShow == 1}
								{if $vo.adURL}
								<div class="more ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s"><button onclick="window.location.href='{$vo.adURL}'">Learn more</button></div>
								{/if}
								{/if}
							</div>
						</a>
						<div class="images pc"><img src="__ROOT__/{$vo.adFile}" title="{$vo.ads_alt}" alt="{$vo.ads_alt}"></div>
						<div class="images mobile"><img src="__ROOT__/{$vo.adImg}" title="{$vo.ads_alt}" alt="{$vo.ads_alt}"></div>
					</li>
					{/wst:ads}
				</ul>
			</div>
			<div class="pager_box">
				<div class="center_box w1560">
					<div class="pager"></div>
				</div>
			</div>
		</div>

		<!-- Good -->
		<div class="idx_good" id="idxGood">
			<div class="center_box">
				{volist name="gcCat" id="val" }
				<div class="good_item">
					<div class="swiper_box wow fadeInUp">
						<ul class="swiper-wrapper">
							{volist name="val.son" id="val2" }
							<li class="swiper-slide">
								<div class="img"><div class="pb"><div class="ab"><img src="/{$val2.catImg}" alt="{$val2.catName}" title="{$val2.catName}"></div></div></div>
								<div class="title">{$val2.catName}</div>
							</li>
							{/volist}
						</ul>
						<div class="pager"></div>
					</div>
					<div class="content">
						<div class="title wow fadeInUp">{$val.catName}</div>
						<div class="subtitle wow fadeInUp titles">{$val.goodsCdesc}</div>
						<div class="menu">
							{volist name="val.son" id="val2" }
							<div class="one wow fadeInUp"><a href="{:Url('home/product/index','id='.$val2['catId'])}"><div class="icon"><img src="__STYLE__/images/icon_arrow.png" alt="{$val2.catName}"></div><div class="word">{$val2.catName}</div></a></div>
							{/volist}
						</div>
					</div>
				</div>
				{/volist}
			

			</div>
		</div>

		<!-- New Product -->
		<div class="idx_product">
			<div class="center_box">
				<div class="idx_title">
					<div class="center_box w1800">
						<div class="title wow fadeInUp">{:WSTConf('CONF.data19')}</div>
						<div class="subtitle wow fadeInUp">{:WSTConf('CONF.data20')}</div>
					</div>
				</div>
				<div class="product_box">
					{wst:goods type="is_index" cat='0' num='4' offset="0" cache="3600*24" key="k1"}
					<div class="item wow fadeInUp" data-wow-delay=".1s">
						<a href="{:Url('home/product/detail','id='.$vo['goodsId'])}">
							<div class="pb">
								<div class="ab">
									<div class="info">
										<div class="title">{$vo.goodsName2}</div>
										<div class="classify">{$vo.goodsName}</div>
									</div>
									<div class="img"><img src="/{$vo.goodsImg}" alt="{$vo.goodsName}" title="{$vo.goodsName}"></div>
									<div class="img hover"><img src="/{$vo.goodsImg2}"  alt="{$vo.goodsName}" title="{$vo.goodsName}"></div>
								</div>
							</div>
						</a>
					</div>
					{/wst:goods}
				</div>
			</div>
		</div>

		<!-- There is always one you need -->
		<div class="idx_case" id="idxCase">
			<div class="center_box">
				<div class="case_box">
					<div class="idx_title">
						<div class="title wow fadeInUp">{:WSTConf('CONF.data15')}</div>
						<div class="subtitle wow fadeInUp" data-wow-delay=".05s">{:WSTConf('CONF.data9')}</div>
					</div>
					<div class="case_main">
						<div class="case_menu wow fadeInUp" data-aos-delay=".1s">
							{volist name="cCat" id="val" }
							<div class="item">
								<a href="{:Url('home/cases/index','id='.$val['catId'])}">
									<div class="images"><div class="pb"><div class="ab"><img src="/{$val.catImg}" alt="{$val.catName}" title="{$val.catName}"></div></div></div>
									<div class="classify">{$val.catName}</div>
								</a>
							</div>
							{/volist}
							
						</div>
						<div class="case_more wow fadeInUp" data-aos-delay=".15s"><div class="more"><a href="/inspiration.html"><div class="icon"><i></i><i></i><i></i></div><div class="word">Inspiration list</div></a></div></div>
					</div>
				</div>
			</div>
		</div>

		<!-- News Center -->
		<div class="idx_news" id="idxNews">
			<div class="center_box">
				<div class="news_box">
					<div class="news_menu">
						{wst:article type="is_index" cat='0' num='3' offset="0" cache="3600*24" key="k1"}
						<div class="item wow fadeInUp">
							<div class="images"><div class="pb"><div class="ab"><img src="/{$vo.coverImg}" alt="{$vo.articleTitle}" title="{$vo.articleTitle}"></div></div></div>
							<div class="info">
								<div class="time">{$vo['f']} {$vo['d']}, {$vo['y']}</div>
								<div class="title">{$vo['articleTitle']}</div>
								<div class="more"><a href="{:Url('home/news/detail','id='.$vo['articleId'])}">Learn more</a></div>
							</div>
						</div>
						{/wst:article}

					</div>
				</div>
			</div>
		</div>

		{include file="default/demo/style1" /}

		<!-- Footer -->
		<footer>{include file="default/footer" /}</footer>
	</main>

	{/block}