{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"}
<style>html, body { overflow: hidden; }@media (max-width: 990px) { html, body { overflow-y: visible; } }</style>
<script>
    var navid = 0;
</script>

{/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 -->
		<div id="fullpage">
			<!-- Index Banner -->
			<section class="section">
				<div class="idx_banner" id="idxBanner">
					<div class="swiper_box">
						<ul class="swiper-wrapper">
							{wst:ads code="ban_index" cache='86400' num='10'}
							<li class="swiper-slide">
								<div class="center_box">
									<div class="center w1600">
										<div class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s">{$vo.adName}</div>
										<div class="subtitle ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s">{$vo.adName2}</div>
										{if $vo.adURL}
										<div class="idx_more ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s"><a href="{$vo.adURL}"><div class="word">詳細はこちら</div><div class="icon"></div></a></div>
										{/if}
									</div>
								</div>
								{if $vo.adURL2}
								<div class="images pc"><video src="{$vo.adURL2}" data-autoplay autoplay="" loop="" preload="" muted="" x-webkit-airplay="true" airplay="allow" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" data-object-fit="cover"></video></div>
								{else /}
								<div class="images pc"><img src="__ROOT__/{$vo.adFile}" title="{$vo.ads_alt}" alt="{$vo.ads_alt}"></div>
								{/if}
								<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="swiper_pager">
						<div class="center_box w1600">
							<div class="pager_box"><div class="pager"></div></div>
						</div>
					</div>
				</div>
			</section>

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

			<!-- Index Solutions -->
			<section class="section" style="display:none">
				<div class="idx_solutions">
					<div class="center_box w1280">
						<div class="solutions_box">
							<div class="idx_title">
								<div class="title">{:WSTConf('CONF.data19')}</div>
								<div class="details">{:WSTConf('CONF.data20')}</div>
							</div>
							<div class="solutions_main">
								<div class="solutions_menu">
									{wst:solution type="is_index" cat='0' num='2' offset="0" cache="3600*24" key="k1"}
									<div class="item">
										<a href="{:Url('home/solution/detail','id='.$vo['goodsId'])}">
											<div class="img"><div class="pb"><div class="ab"><img src="/{$vo.goodsImg}" alt="{$vo.goodsName}" title="{$vo.goodsName}"></div></div></div>
											<div class="title">{$vo.goodsName}</div>
										</a>
									</div>
									{/wst:solution}
									

								</div>
								<div class="idx_more"><a href="/solutions.html"><div class="word">MOAホワイトペーパーのダウンロード</div></a></div>
							</div>
						</div>
					</div>
				</div>
			</section>

			{include file="default/demo/style8" /}
			{include file="default/demo/style9" /}

			<!-- Index Footert -->
			<section class="section" >
				<!-- Index News -->
				<div class="idx_news" id="idxNews" style="display:none">
					<div class="center_box w1600">
						<div class="news_box">
							<div class="news_head">
								<div class="idx_title"><div class="title">{:WSTConf('CONF.data9')}</div></div>
								<div class="idx_more"><a href="/news.html"><div class="word">詳細はこちら</div></a></div>
							</div>
							<div class="news_main">
								<div class="swiper_box">
									<ul class="swiper-wrapper">
										{wst:article type="is_index" cat='0' num='1' offset="0" cache="3600*24" key="k1"}
										<li class="swiper-slide">
											<a {if $vo.catId == 1} href="{:Url('home/news/blogsdetail','id='.$vo['articleId'])}" {else /} href="{:Url('home/news/detail','id='.$vo['articleId'])}" {/if}>
												<div class="img"><div class="pb"><div class="ab"><img src="__ROOT__/{$vo['coverImg']}" title="{$vo['articleTitle']}" alt="{$vo['articleTitle']}"></div></div></div>
												<div class="title">{$vo['articleTitle']}</div>
											</a>
										</li>
										{/wst:article}
									</ul>
									<div class="pager_box"><div class="pager"></div></div>
								</div>
								<div class="news_menu">
									<div class="idx_more"><a href="/news.html"><div class="word">詳細はこちら</div></a></div>
									<div class="menu_box">
										{wst:article type="is_index" cat='0' num='3' offset="1" cache="3600*24" key="k1"}
										<div class="item">
											<a {if $vo.catId == 1} href="{:Url('home/news/blogsdetail','id='.$vo['articleId'])}" {else /} href="{:Url('home/news/detail','id='.$vo['articleId'])}" {/if}>
												<div class="top">
													<div class="classify">{$vo['catName']}</div>
													<div class="icon"><img src="__STYLE__/images/icon_arrow.png"  alt="{$vo['articleTitle']}"></div>
												</div>
												<div class="info">
													<div class="title">{$vo['articleTitle']}</div>
													<div class="time">SmartMore {$vo['ymd']}</div>
												</div>
											</a>
										</div>
										{/wst:article}
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>


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

				{include file="default/footer" /}
			</section>
		</div>
	</main>

	<script type="text/javascript" src="__STYLE__/js/bodySmoothScroll.js"></script>
	<script type="text/javascript" src="__STYLE__/js/aos.js"></script>
	<script type="text/javascript" src="__STYLE__/js/wow.js"></script>
	<script type="text/javascript" src="__STYLE__/layui/layui.js"></script>
	<script type="text/javascript" src="__STYLE__/js/fullpage.min.js"></script>
	<script type="text/javascript" src="__STYLE__/js/swiper.min.js"></script>
	<script type="text/javascript" src="__STYLE__/js/swiper.animate.min.js"></script>
	<script type="text/javascript" src="__STYLE__/js/waypoints.min.js"></script>
	<script type="text/javascript" src="__STYLE__/js/countup.min.js"></script>
	<script type="text/javascript" src="__STYLE__/js/gsap.min.js"></script>
	<script type="text/javascript" src="__STYLE__/js/ScrollTrigger.min.js"></script>
	<script type="text/javascript" src="__STYLE__/js/gsap.666.js"></script>
	<script type="text/javascript" src="__STYLE__/js/pack.js"></script>
	<script type="text/javascript">
		$(function() {
			if(window.innerWidth > 990) {
				$('#fullpage').fullpage({
					waterMark: false,
					scrollingSpeed: 800,
					keyboardScrolling: false,
					navigation: true,
					navigationPosition: 'right',
					normalScrollElements: '.noScroll',
					onLeave(origin, destination, direction, trigger){
						let o_idx = origin.index,
							d_idx = destination.index;
						[0].includes(d_idx) ? jQuery('header').removeClass('active') : jQuery('header').addClass('active');
						if(d_idx === 1) {
							$('.number .beat').countUp({
								delay: 44,
								time: 1500
							});
							idxAbout(true);
						}
					},
				});
			} else {
				$('#idxAbout').waypoint(() => {
					$('.number .beat').countUp({delay: 44, time: 1500});
					// idxAbout(true);
				}, {offset: '100%',triggerOnce: !0});
			}
			/* 首页 关于我们 */
			function idxAbout(is) {
				let divBox = $('#idxAbout');
				if (divBox.length) {
					const svgWidth = divBox.find('.item').first().children('.radius').outerWidth();
					const number = [];
					divBox.find('.number').each(function() {number.push($(this).attr('data-number'))});

					if(is) {
						divBox.find('circle').each(function() {
							gsap.fromTo($(this), {'stroke-dashoffset': svgWidth * 3.14}, {'stroke-dashoffset': 0, duration: 1.5});
						});
					}
				}
			}
		});
	</script>
{/block}