{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>
<style>
	.idx_product .product_box .info_box .menu p{
		width: 100%;
		height: auto;
		margin-bottom: 1em;
		line-height: 1.2;
		font-size: 16px;
		font-family: g_l,sh_r;
		color: #fff;
	}
</style>
{/block}

{block name="main"}
<h1 style="width: 0;height: 0;overflow: hidden;display: none;">{:listSEO(999)['seo_h1']}</h1>
		<!-- 首页 banner -->
		<div class="idx_banner" id="bannerSwiper">
			<div class="banner_box">
				<div class="swiper_box">
					<ul class="swiper-wrapper">
						{wst:ads code="ban_index" cache='86400' num='10'}
						<li class="swiper-slide">
							<div class="center">
								<div class="info w1440" data-aos="fade-down" data-aos-duration="800" data-aos-delay="2000">
									<div class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s">{$vo.adName}</div>
									<div class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s">{$vo.adName2}</div>
								</div>
							</div>
							<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>
			<div class="pager"></div>
		</div>
 
		<!-- 业务体系 -->
		<div class="idx_business">
			<div class="idx_center w1400">
				<div class="business_box">
					<div class="idx_title">
						<div class="title wow fadeInUp">{$busAb.catName}</div>
						<div class="subtitle wow fadeInUp" data-wow-delay=".1s">
							{$busAb.catDesc}
						</div>
					</div>
					<div class="business_list">
						{volist name="business" id="val" }
						<div class="item wow fadeInUp" data-wow-delay=".2s">
							<div class="center">
								<div class="icon"><img src="/{$val.goodsImg2}" alt="{$val.goodsName}" title="{$val.goodsName}"></div>
								<div class="info_box">
									<div class="info">
										<div class="title">{$val.goodsName}</div>
										<div class="details">
											{$val.goodsDesc2}
										</div>
									</div>
									<div class="more_box"><div class="more"><a href="{:Url('home/business/detail','id='.$val['goodsId'])}" class="active">了解更多</a></div><div class="more"><a href="{$val.goodsName2}">解决方案</a></div></div>
								</div>
							</div>
						</div>
						{/volist}
					</div>
				</div>
			</div>
		</div>

		<!-- 产品中心 -->
		<div class="idx_product" id="idxProduct">
			<div class="product_tab wow fadeInUp">
				{wst:goods type="is_index" cat='0' num='15' offset="0" cache key="k1"}
				<div class="one {if $k1 == 0} active {/if}">{$vo.goodsName}</div>
				{/wst:goods}
			</div>
			<div class="idx_center w1400">
				<div class="product_box swiper_box">
					<ul class="swiper-wrapper">
						{wst:goods type="is_index" cat='0' num='15' offset="0" cache key="k1"}
						<li class="swiper-slide">
							<div class="info_box">
								<div class="center">
									<div class="idx_title">
										<div class="title ani wow fadeInUp" data-wow-delay=".1s" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">{$vo.goodsName}</div>
										<div class="subtitle ani wow fadeInUp" data-wow-delay=".2s" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">技术参数</div>
									</div>
									<div class="menu ani wow fadeInUp" data-wow-delay=".3s" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">
										{$vo.goodsDesc}
									</div>
									<div class="more_box ani wow fadeInUp" data-wow-delay=".4s" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.6s">
										<div class="more"><a href="/contact.html#feedback" class="active">获取报价</a></div>
										<div class="more"><a href="{:Url('home/product/detail','id='.$vo['goodsId'])}">了解更多</a></div>
									</div>
								</div>
							</div>
							<div class="images ani wow fadeInLeft" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s"><div class="pb"><div class="ab"><img src="/{$vo.goodsImg}" alt="{$vo.goodsName}" title="{$vo.goodsName}"><span class="imgmid"></span></div></div></div>
						</li>
						{/wst:goods}
					</ul>
					<div class="pager"></div>
				</div>
			</div>
		</div>

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

		<!-- 客户故事 -->
		<div class="idx_story">
			<div class="idx_center w1400">
				<div class="story_box" id="idxStory">
					<div class="story_title">
						<div class="idx_title">
							<div class="title wow fadeInUp">{:WSTConf('CONF.data19')}</div>
							<div class="subtitle wow fadeInUp" data-wow-delay=".1s">
								<p>{:WSTConf('CONF.data20')}</p>
							</div>
						</div>
						<div class="idx_more wow fadeInUp" data-wow-delay=".2s"><div class="more"><a href="/solution.html">了解更多</a></div></div>
						<div class="pager_box wow fadeInUp" data-wow-delay=".3s">
							<div class="prev layui-icon layui-icon-left"></div>
							<div class="next layui-icon layui-icon-right"></div>
						</div>
					</div>
					<div class="story_swiper swiper_box wow fadeInRight" data-wow-delay=".2s">
						<ul class="swiper-wrapper">
							{wst:solution type="is_index" cat='0' num='30' offset="0" key="k1"}
							<li class="swiper-slide">
								<a href="{:Url('home/solution/detail','id='.$vo['goodsId'])}">
									<div class="img"><div class="pb"><div class="ab"><img src="/{$vo.goodsImg}" alt="{$vo.goodsImg}" title="{$vo.goodsImg}"><span class="imgmid"></span></div></div></div>
									<div class="info">
										<div class="title">{$vo.goodsName}</div>
										<div class="details">{$vo.goodDetail}</div>
									</div>
								</a>
							</li>
							{/wst:solution}
						</ul>
						<div class="pager"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- 合作伙伴 -->
		<div class="idx_partner">
			<div class="idx_center w1400">
				<div class="idx_title">
					<div class="title wow fadeInUp">{:WSTConf('CONF.data15')}</div>
					<div class="subtitle wow fadeInUp" data-wow-delay=".1s">{:WSTConf('CONF.data9')}</div>
				</div>
				<div class="partner_box wow fadeInUp" id="idxPartner" data-wow-delay=".2s">
					<ul class="swiper-wrapper">
						{wst:friendlink cache='86400' num="99" catId="2" key="k1"}
						<li class="swiper-slide"><a href="{$vo.friendlinkUrl}" target="_blank"><div class="pb"><div class="ab"><img src="/{$vo.friendlinkIco}" alt="{$vo.friendlinkName}" title="{$vo.friendlinkName}"><span class="imgmid"></span></div></div></a></li>
						{/wst:friendlink}
					</ul>
					<div class="pager"></div>
				</div>
			</div>
		</div>

		<!-- 新闻中心 -->
		<div class="idx_news">
			<div class="idx_center w1400">
				<div class="news_box">
					<div class="idx_title">
						<div class="title wow fadeInUp">{:WSTConf('CONF.data8')}</div>
						<div class="subtitle wow fadeInUp" data-wow-delay=".1s">{:WSTConf('CONF.data13')}</div>
					</div>
					<div class="news_main" id="idxNews">
						<div class="news_tab">
							<div class="idx_more wow fadeInUp" data-wow-delay=".2s"><div class="more"><a href="/news.html">了解更多</a></div></div>
							<div class="tab_box wow fadeInUp" data-wow-delay=".2s">
								{volist name="newsC" id="val" key="ks"}
								<div class="more {if $ks == 1} active {/if}">{$val.catName}</div>
								{/volist}
							</div>
						</div>
						<div class="news_content wow fadeInUp" data-wow-delay=".3s">
							<div class="swiper-wrapper">
								{volist name="newsC" id="val" key="ks"}
								<div class="swiper-slide">
									<div class="swiper_box">
										<ul class="swiper-wrapper">
											{volist name="val.son" id="vas" }
											<li class="swiper-slide">
												<a href="{:Url('home/news/detail','id='.$vas['articleId'])}">
												    <div class="classify">{$val.catName}</div>
    												<div class="title">{$vas.articleTitle}</div>
    												<div class="details">{$vas.desc}</div>
    												<div class="time">{$vas.ymd}</div>
												</a>
											</li>
											{/volist}
										</ul>
									</div>
									<div class="pager_box">
										<div class="pager"></div>
										<div class="prev layui-icon layui-icon-left"></div>
										<div class="next layui-icon layui-icon-right"></div>
									</div>
								</div>
								{/volist}
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	{include file="default/footer2" /}
	<script src="__STYLE__/layui/layui.js"></script>
	<script src="__STYLE__/js/swiper.min.js"></script>
	<script src="__STYLE__/js/swiper.animate.min.js"></script>
	<script src="__STYLE__/js/anchor-link-smooth.js"></script>
	<script src="__STYLE__/js/pack.js"></script>
    {/block}