{extend name="default/base" /}
		
{block name="meta"}
{:listSEO('999')['meta']}
{/block}
{block name="css"}
<!-- 全屏滚动 -->
    <link type="text/css" rel="stylesheet" href="/application/home/view/default/css/fullpage.min.css">
    <script type="text/javascript" src="/application/home/view/default/js/fullpage.min.js"></script>
    <style>
        #header .header-pc .header-wrap .nav .bor {
            display: none;
        }
        .wrapper {
            margin: 0;
        }

        @media (min-width: 990px) {
            .wrapper {
                overflow: visible;
            }

            .wow {
                visibility: inherit !important;
                -webkit-animation-name: none !important;
                animation-name: none !important;
                /*-webkit-transform: translateY(50px);*/
                /*transform: translateY(50px);*/
                -webkit-transition: all 1.5s ease;
                -o-transition: all 1.5s ease;
                transition: all 1.5s ease;
            }

            .section.active .wow {
                visibility: inherit !important;
                -webkit-transform: none;
                transform: none;
            }
        }
    </style>
<script>
    var navid = 0;
</script>
{/block}

{block name="main"}
<h1 style="width: 0;height: 0;overflow: hidden;">{:listSEO(999)['seo_h1']}</h1>
    <!-- Header头部内容 -->
    <div id="header" class="header">{include file="default/top" /}</div>

    <!-- Main内容 -->
    <main id="main" class="wrapper">

        <!-- 首页-banner -->
        <div class="section fp-auto-height">
        <section class="index-banner">
            <div class="index-swiper swiper">
                <div class="swiper-wrapper">
                    {wst:ads code="ban_index" cache='86400' num='10'}
                    
                    {php}
                        if($vo['adName']==''){
                            $adname = WSTConf('CONF.mallName');
                        }else{
                            $adname = $vo['adName'];
                        }
                    {/php}
                    
                    
                    <div class="swiper-slide">
                        <a class="bg" href="{$vo.adURL}">
                            <img class="c-pc" src="__ROOT__/{$vo.adFile}" title="{$adname}" alt="{$adname}">
                            <img class="c-mb" src="__ROOT__/{$vo.adImg}" title="{$adname}" alt="{$adname}">
                        </a>
                        <a class="text-center" href="{$vo.adURL}">
                            <div class="ani animated scrollToTop">
                                <div class="title font44"><span><span
                                            class="color-blue-009">{$vo.adName}</span>{$vo.adName2}</span><span>{$vo.adDesc}</span></div>
                            </div>
                        </a>
                    </div>
                    {/wst:ads}
                </div>

                <div class="slide-dowm">
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </section>
        </div>


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


        <!-- 首页-行业应用 -->
        <div class="section fp-auto-height">
        
        
        <section id="section2" class="index-industry-application-en industry-application2">
            <div class="page-up">
                
                {include file="default/demo/style4" /}

                <div class="tab-title-box wow scrollToTop">
                    <div class="container">
                        <div class="tab-title font18">
                            {volist name="caCat" id="vol" key="ks"}
                            <a class="title {if $ks == 1} active {/if}" href="{:Url('home/cases/index','id='.$vol['catId'])}">{$vol.catName}</a>
                            {/volist}
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-down wow scrollToTop">
                <div class="container">
                    <div class="swiper-main">
                        <div class="industry-application2-swiper swiper">
                            <div class="swiper-wrapper">
                                  <div class="swiper-slide">
                                      <div class="swiper-box">
                                        <div class="swiper-wrapper">
                                {volist name="caCat" id="vol" }
                                <div class="swiper-slide forlist">
                                    <a class="item-box" href="{:Url('home/cases/index','id='.$vol['catId'])}" >
                                        <div class="public-img public-img-plus">
                                            <img src="__ROOT__/{$vol.catImg}" alt="{$vol.catName}" title="{$vol.catName}">
                                        </div>
                                        <div class="text-box">
                                                        <h3 class="title font18">{$vol.catName}</h3>
                                                        <div class="btn-container">
                                                            <div class="more more-primary">
                                                                <div class="more-primary-block">
                                                                    <div class="more-primary-box">
                                                                        <span class="more-primary-icon"><img
                                                                                src="__STYLE__/images/next-blue-icon.png"
                                                                                alt="{:WSTConf('CONF.mallName')}" title="{:WSTConf('CONF.mallName')}"></span>
                                                                        <span class="more-primary-icon"><img
                                                                                src="__STYLE__/images/next-icon.png"
                                                                                alt="{:WSTConf('CONF.mallName')}" title="{:WSTConf('CONF.mallName')}"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                       
                                    </a>
                                </div>
                                {/volist}
                                </div>
                                </div>
                                </div>
                              
                            </div>

                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        </div>

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

        <!-- 首页-动态 -->
        <div class="section fp-auto-height">
        <section class="index-news">
            <div class="container">
                <div class="up">
                    <div class="page-title">
                        <div class="title font44 wow scrollToTop"><span>News</span></div>
                    </div>
                    <div class="slide-btn-box wow scrollFade">
                        <div class="slide-btn btn-container swiper-button-prev">
                            <div class="more more-primary">
                                <div class="more-primary-block">
                                    <div class="more-primary-box">
                                        <span class="more-primary-icon"><img src="__STYLE__/images/prev-blue-icon.png"
                                                alt="{:WSTConf('CONF.mallName')}" title="{:WSTConf('CONF.mallName')}"></span>
                                        <span class="more-primary-icon"><img src="__STYLE__/images/prev-icon.png" alt="{:WSTConf('CONF.mallName')}" title="{:WSTConf('CONF.mallName')}"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="slide-btn btn-container swiper-button-next">
                            <div class="more more-primary">
                                <div class="more-primary-block">
                                    <div class="more-primary-box">
                                        <span class="more-primary-icon"><img src="__STYLE__/images/next-blue-icon.png"
                                                alt="{:WSTConf('CONF.mallName')}" title="{:WSTConf('CONF.mallName')}"></span>
                                        <span class="more-primary-icon"><img src="__STYLE__/images/next-icon.png" alt="{:WSTConf('CONF.mallName')}" title="{:WSTConf('CONF.mallName')}"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="swiper-main">
                    <div class="news-swiper swiper">
                        <div class="swiper-wrapper">
                            {wst:article type="is_index" cat='0' num='30' offset="0" cache="3600*24" key="k1"}
                            <div class="swiper-slide">
                                <a class="item-box" {if $vo.goodsUrl} href="{$vo.goodsUrl}" target="_blank" {else /} href="{:Url('home/news/detail','id='.$vo['articleId'])}" {/if}>
                                    <div class="text-box">
                                        <div class="date font14">{$vo['ymd']}</div>
                                        <h3 class="title font20">{$vo['articleTitle']}</h3>
                                    </div>
                                    <div class="public-img public-img-plus">
                                        <img src="__ROOT__/{$vo['coverImg']}" title="{$vo['articleTitle']}" alt="{$vo['articleTitle']}">
                                    </div>
                                    <div class="text-body font14">
                                        <p>{$vo['desc']}</p>
                                    </div>
                                </a>
                            </div>
                            {/wst:article}
                        </div>

                        <div class="swiper-pagination"></div>
                    </div>
                </div>

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


 <div class="section fp-auto-height">
   <!-- Footer尾部内容 -->
   <div id="footer">{include file="default/footer" /}</div>
 </div>
 

    </main>




	{include file="default/js" /}
	<script>
        var PC = $(window).width() > 1024,
            mobile = $(window).width() <= 1024,
            winWidth = $(window).width(),
            winHeight = $(window).height();
        if (mobile) {
        }
        if (PC) {
            $('.wrapper').fullpage({
                // anchors: ['page0', 'page1', 'page2', 'page3', 'page4', 'page5', 'page6'],
                menu: '#menu',
                autoScrolling: true,
                // afterLoad(index, nextIndex, direction) {
                //     if (nextIndex.index == 0) {
                //         $('header').removeClass('header-white on')
                //     }
                //     if (nextIndex.index == 3) {
                //         console.log(111);
                //     }
                // },
                // onLeave(index, direction) {
                //     if (index.index == '0') {
                //         $('header').addClass('header-white on')
                //     }
                // }
            });

            // $(".tec_s .swiper-slide a .art .info").mousemove(function () {
            //     $.fn.fullpage.setAllowScrolling(false, 'up');
            //     $.fn.fullpage.setAllowScrolling(false, 'down');
            // }).mouseleave(function () {
            //     $.fn.fullpage.setAllowScrolling(true, 'up');
            //     $.fn.fullpage.setAllowScrolling(true, 'down');
            // });

        }
    </script>

{/block}