{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 = 0;
</script>
{/block}

{block name="main"}
<h1 style="width: 0;height: 0;overflow: hidden;">{:listSEO(999)['seo_h1']}</h1>
	<!-- 头部 -->
	<header>{include file="default/top" /}</header>
	<main id="app">
		<!-- Banner -->
		<div class="idx_banner" id="idxBanner">
			<div class="banner_box">
				<ul class="swiper-wrapper">
					{wst:ads code="ban_index" cache='86400' num='10' key="ks"}
					<li class="swiper-slide">
						<div class="content">
							<div class="center_box w1680">
								<div class="title" data-swiper-parallax-x="-50">{$vo.adName}</div>
								<div class="details" data-swiper-parallax-x="-100">{$vo.adDesc}</div>
								{if $vo.adURL}
								<div class="idx_more" data-swiper-parallax-x="-150"><a href="{$vo.adURL}">{if $vo.adName2}<div class="word">{$vo.adName2}</div>{else /} <div class="word">前往产品方案</div> {/if}<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8" fill="none"><path d="M0 1V0H3V1H4V2H5V3H6V5H5V6H4V7H3V8H0V7H1V6H2V5H3V3H2V2H1V1H0Z" fill="black"/></svg></div></a></div>
								{/if}
							</div>
						</div>
						{if $vo.adURL2}
						<div class="images">
						    <div class="video_pc pc" ><video src="{$vo.adURL2}" loop autoplay muted ></video></div>
					        <div class="img_wap wap"><img src="__ROOT__/{$vo['adImg']}" alt="{$vo['adName']}" title="{$vo['adName']}"></div>
					    </div>
						{else /}
						<div class="images">
							<div class="img">
								<picture>
									<source srcset="__ROOT__/{$vo['adImg']}" media="(max-width: 990px)">
									<img src="__ROOT__/{$vo['adFile']}" alt="{$vo['adName']}" title="{$vo['adName']}" loading="lazy" loading="lazy">
								</picture>
							</div>
						</div>
						{/if}
					</li>
					{/wst:ads}
				</ul>
			</div>
			<div class="pager_box">
				<div class="swiper_btn prev"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8" fill="none"><path d="M6 1V0H3V1H2V2H1V3H0V5H1V6H2V7H3V8H6V7H5V6H4V5H3V3H4V2H5V1H6Z" fill="black"/></svg></div>
				<div class="pager"></div>
				<div class="swiper_btn next"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8" fill="none"><path d="M0 1V0H3V1H4V2H5V3H6V5H5V6H4V7H3V8H0V7H1V6H2V5H3V3H2V2H1V1H0Z" fill="black"/></svg></div>
			</div>
		</div>

		<!-- 产品方案 -->
		<div class="idx_product" id="idxProduct">
			{include file="default/demo/style1" /}
			<div class="product_box">
				<div class="swiper_img">
					<ul class="swiper-wrapper">
						{volist name="gcCat" id="val" }
						<li class="swiper-slide"><div class="img"><img src="{$val.catImg}" alt="{$val.catName}" loading="lazy"></div></li>
						{/volist}
					</ul>
				</div>
				<div class="product_main">
					<div class="center_box w1680">
						<div class="main_box">
							<div class="swiper_box">
								<ul class="swiper-wrapper">
									{volist name="gcCat" id="val" }
									<li class="swiper-slide">
										<div class="title_box" data-swiper-parallax-y="50">
											<div class="classify">{$val.catName}</div>
											<div class="title">{$val.catName1}</div>
										</div>
										<div class="menu_box" data-swiper-parallax-y="50">
											{volist name="val.son" id="val2" }
											<div class="one"><a href="{:Url('home/product/index','id='.$val2['catId'])}"><div class="word">{$val2.catName}</div></a></div>
											{/volist}
										</div>
									</li>
									{/volist}
								</ul>
							</div>
							<div class="tabs_box">
								<div class="tabs">
									{volist name="gcCat" id="val" key="ks"}
									<div class="one {if $ks == 1} active {/if}">
										<div class="images">
											<div class="img">
												<div class="icon"><img src="/{$val.catImg2}" alt="{$val.catName}" title="{$val.catName}" loading="lazy"></div>
												<div class="icon"><img src="/{$val.catImg3}" alt="{$val.catName}" title="{$val.catName}" loading="lazy"></div>
											</div>
										</div>
										<div class="title">{$val.catName}</div>
									</div>
									{/volist}
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

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

		<!-- 最新动向 -->
		<div class="idx_news">
			<div class="center_box w1680">
				<div class="news_box">
					{include file="default/demo/style3" /}
					<div class="news_main">
						<!-- 公司新闻 -->
						<div class="news_item" id="idxNews">
							<div class="swiper_text">
								<ul class="swiper-wrapper">
									{wst:article type="is_index" cat='0' num='6' offset="0" cache="3600*24" key="k1"}
									<li class="swiper-slide">
										<a href="{:Url('home/news/detail','id='.$vo.articleId)}" class="content">
											<div class="time ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s">{$vo['catName']} / {$vo['ymd']}</div>
											<div class="line ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s"></div>
											<div class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">{$vo['articleTitle']}</div>
										</a>
									</li>
									{/wst:article}
								</ul>
								<div class="pager_box"><div class="pager"></div></div>
							</div>
							<div class="swiper_box">
								<ul class="swiper-wrapper">
									{wst:article type="is_index" cat='0' num='6' offset="0" cache="3600*24" key="k1"}
									<li class="swiper-slide">
										<div class="images"><a href="{:Url('home/news/detail','id='.$vo.articleId)}" class="img"><img src="/{$vo.coverImg}" alt="{$vo['articleTitle']}" title="{$vo['articleTitle']}" loading="lazy"></a></div>
										<div class="content">
											<div class="time">{$vo['catName']} / {$vo['ymd']}</div>
											<div class="line"></div>
											<div class="title">{$vo['articleTitle']}</div>
										</div>
									</li>
									{/wst:article}
								</ul>
							</div>
						</div>

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

					</div>
				</div>
			</div>
		</div>
		<!-- 底部 -->
		<footer>{include file="default/footer" /}</footer>
	</main>

{/block}
{block name="js"}
<script type="text/javascript" src="__STYLE__/layui/layui.js"></script>
{/block}