{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 src="__STYLE__/js/jquery.js"></script>
{/block}

{block name="main"}
<h1 style="width: 0;height: 0;overflow: hidden;">{:listSEO(999)['seo_h1']}</h1>

		<!-- Index Banner -->
		<section class="idx_banner" id="bannerSwiper">
			<ul class="swiper-wrapper">
				{wst:ads code="ban_index" cache='86400' num='10'}
				<li class="swiper-slide">
			        <a href="{$vo.adURL}">
    					<div class="images slide-inner pc"><img src="__ROOT__/{$vo.adFile}" title="{$vo.ads_alt}" alt="{$vo.ads_alt}" ></div>
    					<div class="images slide-inner mobile"><img src="__ROOT__/{$vo.adImg}" title="{$vo.ads_alt}" alt="{$vo.ads_alt}" ></div>
					</a>
				</li>
				{/wst:ads}
			</ul>
			<div class="banner_btn prev"><img alt="{:listSEO(999)['stitle']}" src="__STYLE__/images/prev.png"><span class="imgmid"></span></div>
			<div class="banner_btn next"><img alt="{:listSEO(999)['stitle']}" src="__STYLE__/images/next.png"><span class="imgmid"></span></div>
			<div class="pager"></div>
		</section>


		<!-- Product Display -->
		<section class="idx_product">
			<div class="idx_center w1440">
				<div class="idx_title" data-aos="fade-up">
					<div class="title">{:WSTConf('CONF.data19')}</div> 
					<div class="details">{:WSTConf('CONF.data20')}</div>
				</div>
				<div class="product_box" id="idxProduct">
					<div class="product_list swiper_box" data-aos="fade-up" data-aos-delay="200">
						<ul class="swiper-wrapper">
							{wst:goods type="is_index" cat='0' num='99'  key="k1"}
							<li class="swiper-slide">
								<div class="img">
									<div class="pb">
										<div class="ab"><img src="__ROOT__/{$vo['goodsImg']}" title="{$vo['goodsName']}" alt="{$vo['goodsName']}" ></div>
									</div>
								</div>
								<div class="list360"></div>
								<div class="info_box">
									<div class="classify">{$vo['goodsName']}</div>
									<div class="title">{$vo['goodsName2']}</div>
									<div class="info">
										<div class="more first"><a href="{:Url('home/product/detail','id='.$vo['goodsId'])}">查看详情<i></i></a></div>

									</div>
								</div>
							</li>
							{/wst:goods}
						</ul>
					</div>
					<div class="pager_box">
						<div class="product_btn prev"></div>
						<div class="pager"></div>
						<div class="product_btn next"></div>
					</div>
				</div>
			</div>
		</section>

		{include file="default/demo/style1" /}
		<!-- Manufacturing Strength -->
		<section class="idx_make">
			<div class="idx_center w1440">
				<div class="idx_title" data-aos="fade-up">
					<div class="title">{:WSTConf('CONF.data15')}</div>
				</div>
				<div class="make_box" data-aos="fade-up" data-aos-delay="100" id="idxMake">
					<ul class="swiper-wrapper">
						{wst:cases type="is_index" cat='0' num='15' offset="0"  key="k1"}
						<li class="swiper-slide">
							<div class="img">
								<div class="pb">
									<div class="ab"><img src="__ROOT__/{$vo['goodsImg']}" title="{$vo['goodsName']}" alt="{$vo['goodsName']}"></div>
								</div>
							</div>
							<div class="info">
								<div class="title">{$vo['goodsName']}</div>
								<div class="details">
									{$vo['goodsDesc']}
								</div>
								<div class="idx_more">
									<div class="more"><a href="{:Url('home/cases/detail','id='.$vo['goodsId'])}">查看详情</a></div>
								</div>
							</div>
						</li>
						{/wst:cases}
						
					</ul>
					<div class="make_btn prev"><img alt="{:listSEO(999)['stitle']}" src="__STYLE__/images/prev.png"></div>
					<div class="pager"></div>
					<div class="make_btn next"><img alt="{:listSEO(999)['stitle']}" src="__STYLE__/images/next.png"></div>
				</div>
			</div>
		</section>

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

		<!-- News Center -->
		<section class="idx_news">
			<div class="idx_center w1440">
				<div class="idx_title" data-aos="fade-up">
					<div class="title">{:WSTConf('CONF.data9')}</div>
				</div>
				<div class="news_box">
					<div class="news_swiper" data-aos="fade-right" data-aos-delay="200" id="idxNews">
						<ul class="swiper-wrapper">
							{wst:article type="isTop" cat='0' num='15' offset="0"  key="k1"}
							<li class="swiper-slide">
								<a href="{:Url('home/news/detail','id='.$vo['articleId'])}"></a>
								<div class="info">
									<div class="classify" data-swiper-parallax="-100"><span>{$vo['catName']}</span></div>
									<div class="title" data-swiper-parallax="-100">
										<p>{$vo['articleTitle']}</p>
									</div>
									<div class="details" data-swiper-parallax="-150">
										<p>{$vo['desc']}</p>
									</div>
									<div class="time" data-swiper-parallax="-150">{$vo['ymd']}</div>
								</div>
								<div class="img">
									<div class="pb">
										<div class="ab"><img src="__ROOT__/{$vo['coverImg']}" title="{$vo['articleTitle']}" alt="{$vo['articleTitle']}"></div>
									</div>
								</div>
							</li>
							{/wst:article}
						</ul>
						<div class="pager">
							<!-- <span><svg><circle class="circle" cy="50%" cx="50%" /></svg></span> -->
						</div>
					</div>
					<div class="news_menu">
						{wst:article type="is_index" cat='0' num='3' offset="0"  key="k1"}
						<div class="item" data-aos="fade-up" data-aos-delay="200">
							<a href="{:Url('home/news/detail','id='.$vo['articleId'])}"></a>
							<div class="info">
								<div class="classify"><span>{$vo['catName']}</span></div>
								<div class="title">{$vo['articleTitle']}</div>
								<div class="time">{$vo['ymd']}</div>
							</div>
							<div class="img"><img src="__ROOT__/{$vo['coverImg']}" title="{$vo['articleTitle']}" alt="{$vo['articleTitle']}"></div>
						</div>
						{/wst:article}
					</div>
				</div>
			</div>
		</section>

		

		<!-- 视频弹窗 -->
		<div class="layui_video" id="layuiVideoBox"></div>

		<script src="__STYLE__/layui/layui.js"></script>
		<script src="__STYLE__/js/swiper.min.js"></script>
		<script src="__STYLE__/js/waypoints.min.js"></script>
		<script src="__STYLE__/js/countup.min.js"></script>
		<script src="__STYLE__/js/common.js"></script>
		<script>
			$(function() {
				$.common.kefu()
				var anum = 0;

				$("#idxProduct .img").hover(function() {
					anum = $(this).parents("li").index();
				});

				$("#idxProduct li").each(function() {
					$(this).find(".img").mousemove(mouseMove);
				})

				function mouseMove(ev) {
					Ev = ev || window.event;
					var mousePos = mouseCoords(ev);
					var boxWidth = $("#idxProduct .img").eq(anum).width();
					var boxLeftset = $("#idxProduct .img").eq(anum).offset().left;
					var num = (parseInt((mousePos.x - boxLeftset) / (boxWidth / 17)));

					num >= 16 ? 16 : (num <= 0 ? 0 : num);
					var urlnow = $("#idxProduct li").eq(anum).find(".list360 img").eq(num).attr("src");
					$("#idxProduct li").eq(anum).find(".img img").attr("src", urlnow);
				}

				function mouseCoords(ev) {
					if (ev.pageX || ev.pageY) {
						return {
							x: ev.pageX,
							y: ev.pageY
						};
					}
					return {
						x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
						y: ev.clientY + document.body.scrollTop - document.body.clientTop
					};
				}
			});
		</script>
		<script src="__STYLE__/js/pack.js"></script>
		<script src="__STYLE__/js/smoothScroll.js"></script>

        <script>
            $(".nav >ul >li:eq(0) >a").addClass("active").siblings().removeClass("active");
            $(".menu_nav >ul >li:eq(0) > .one").addClass("active").siblings().removeClass("active");
        </script>
	{/block}