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

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

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

    <!-- 首页-banner -->
    <section class="index-banner">
        <div class="index-swiper swiper">
            <div class="swiper-wrapper">
                {wst:ads code="ban_index" cache='86400' num='10' key="ks"}
                
                {if $vo.adURL2}
                <div class="swiper-slide videoBox c-play" data-video-src="{$vo.adURL2}" >
                    <div class="bg">
                        <img src="__ROOT__/{$vo['adFile']}" alt="{$vo['adName']}" class="pc">
                        <img src="__ROOT__/{$vo['adImg']}" alt="{$vo['adName']}" class="wap">
                    </div>
                    <video data-autoplay autoplay loop src="{$vo.adURL2}" muted="" class="pc-video" poster=""
                        webkit-playsinline="true" x-webkit-airplay="true" x5-playsinline="true"
                        playsinline="true"></video>
                    <div class="container">
                        <div class="ani animated scrollToTop">
                            <div class="titile-box">
                                <div class="title font50"><span>{$vo['adName']}</span><span>{$vo.adName2}</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                 
                {else /}
                <div class="swiper-slide">
                    <div class="bg">
                        <img src="__ROOT__/{$vo['adFile']}" alt="{$vo['adName']}" class="pc">
                        <img src="__ROOT__/{$vo['adImg']}" alt="{$vo['adName']}" class="wap">
                    </div>
                    <div class="container">
                        <div class="ani animated scrollToTop">
                            <div class="titile-box">
                                <div class="title font50"><span>{$vo.adName}</span><span>{$vo.adName2}</span></div>
                                <!-- <div class="btn-container">
                                    <a class="more-primary2">
                                        <span class="iconfont icon-jiantou_liebiaoxiangyou font24"></span>
                                    </a>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
                
               
                {/wst:ads}
               

            </div>
            <div class="slide-btn font24 swiper-button-prev"></div>
            <div class="slide-btn font24 swiper-button-next"></div>
            <div class="swiper-down container">
                <div class="btn-container">
                    <a class="more-primary2" href="#index-about">
                        <span class="iconfont icon-jiantou_liebiaoxiangyou font24"></span>
                    </a>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </section>


  <div class="stickwrap">
    {include file="default/demo/style4" /}
    {if $aboutlc}
    <!-- 首页-发展历程- -->
    <section class="index-development" {if $aboutlc.catImg} style="background-image: url(/{$aboutlc.catImg})" {/if}>
        <div class="c-top">
            <div class="container">
                <div class="info wow scrollToTop">
                    <ul class="swiper-wrapper">
                        {volist name="aboutlc.son" id="val" }
                        <li class="swiper-slide">
                            <p class="title">{$val.goodsName2}<span>{$val.goodsName}</span> </p>
                            <p class="desc font24">{$val.goodDetail}</p>
                        </li>
                        {/volist}
                    </ul>
                    <div class="swiper-pagination1"></div>
                    <div class="swiper-button">
                        <div class="iconfont icon-jiantou_liebiaoxiangzuo-copy swiper-button-prev"></div>
                        <div class="iconfont icon-jiantou_liebiaoxiangyou-copy swiper-button-next"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-bottom wow scrollToTop">
            <div class="container">
                <div class="itemlist">
                    <ul class="swiper-wrapper">

                        {volist name="aboutlc.son" id="val" }
                        <li class="swiper-slide">
                            <div class="item forlist">
                                <div class="circle"></div>
                                <p class="year font24">{$val.goodsName2}{$val.goodsName}</p>
                            </div>
                        </li>
                        {/volist}
                        
                    </ul>
                    <div class="swiper-pagination2"></div>
                </div>
            </div>
        </div>
    </section>
    {/if}
  </div>


    <!-- 首页-解决方案 -->
    <section class="index-solution">
        <div class="container">

            <div class="page-title font22 wow scrollToTop">
                <div class="title-box">
                    <div class="title">解决方案
                        <div class="line"></div>
                    </div>
                </div>
            </div>

            <div class="wrap-box" id="mainBox">
                <div class="wrap-left">
                    <div class="sidebar-box wow scrollToTop">
                        {include file="default/demo/style5" /}
                        <div class="sidebar-list">
                            {volist name="scCat" id="val" key="ks"}
                            <div class="sidebar-item {if $ks == 1} active {/if}">
                                <div class="title-box font22">
                                    <div class="title">{$val.catName}</div>
                                </div>
                                <div class="tab-title font16">
                                    {volist name="val.son" id="val2" key="ks2"}
                                    <div class="item {if $ks2 == 1} active {/if}">
                                        <div class="iconfont icon-jiantou_liebiaoxiangyou"></div>
                                        <div class="title">{$val2.goodsName}</div>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                           
                            {/volist}
                        </div>
                    </div>
                </div>
                <div class="wrap-right">
                    <div class="content-box wow scrollToTop">
                        <div class="swiper-box swiper">
                            <div class="swiper-wrapper">
                                {volist name="scCat" id="val" key="ks"}
                                <div class="swiper-slide swiper-item">
                                    <div class="content-swiper swiper">
                                        <div class="swiper-wrapper">
                                            {volist name="val.son" id="val2" key="ks2"}
                                            <a class="swiper-slide" href="{:Url('home/solution/detail','id='.$val2['goodsId'])}">
                                                <div class="item-box">
                                                    <div class="public-img"><img
                                                            alt="{$val2.goodsName}" src="/{$val2.goodsImg}"></div>
                                                    <div class="text-box">
                                                        <div class="title font20">{$val2.goodsName}</div>
                                                        <div class="btn-container">
                                                            <div class="more-primary3 font14">
                                                                <span class="more-primary-str">查看详情</span>
                                                                <span
                                                                        class="iconfont icon-jiantou_liebiaoxiangyou"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                            {/volist}
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                                {/volist}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    
    
    


    <!-- 首页-新闻中心 -->
    <section class="index-news">
        <div class="container">

            <div class="page-title font22 wow scrollToTop">
                <div class="title-box">
                    <div class="title">新闻中心
                        <div class="line"></div>
                    </div>
                </div>
            </div>

            <div class="wrap-box">
                {wst:article type="is_index" cat='0' num='1' offset="0" cache="3600*24" key="k1"}
                <div class="wrap-left">
                    <div class="item wow scrollToTop">
                        <a class="item-box" href="{:Url('home/news/detail','id='.$vo['articleId'])}" >
                            <div class="public-img"><img src="__ROOT__/{$vo['coverImg']}" alt="{$vo['articleTitle']}"></div>
                            <div class="text-box">
                                <div class="title font24">{$vo['articleTitle']}
                                </div>
                                <div class="text-down">
                                    <div class="date font14">{$vo['ymd']}</div>
                                    <div class="btn-container">
                                        <div class="more-primary3 font14">
                                            <span class="more-primary-str">查看详情</span>
                                            <span class="iconfont icon-jiantou_liebiaoxiangyou"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                {/wst:article}
                <div class="wrap-right">
                    {wst:article type="is_index" cat='0' num='4' offset="1" cache="3600*24" key="k1"}
                    <div class="item wow scrollToTop">
                        <a class="item-box" href="{:Url('home/news/detail','id='.$vo['articleId'])}">
                            <div class="text-box">
                                <div class="date font14">{$vo['ymd']}</div>
                                <div class="text-down">
                                    <div class="title font24">{$vo['articleTitle']}
                                    </div>
                                    <div class="btn-container">
                                        <div class="more-primary3 font14">
                                            <span class="more-primary-str">查看详情</span>
                                            <span class="iconfont icon-jiantou_liebiaoxiangyou"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    {/wst:article}
                </div>
            </div>

        </div>
    </section>

    
    {if $abouthz}
    <!-- 首页-合作伙伴-改版 -->
    <section class="index-partners-new">
        <div class="container">
            <div class="page-title font22 wow scrollToTop">
                <div class="title-box">
                    <div class="title">合作伙伴
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <!-- 个数太少，多重复一遍 -->
            <div class="partners-swiper partners-swiper">
                <div class="swiper-wrapper">

                    {volist name="abouthz.son" id="val" }
                    <div class="swiper-slide">
                        <div class="icon"><img src="/{$val.goodsImg}" alt="{$val.goodsName}"></div>
                    </div>
                    {/volist}

                    {volist name="abouthz.son" id="val" }
                    <div class="swiper-slide">
                        <div class="icon"><img src="/{$val.goodsImg}" alt="{$val.goodsName}"></div>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>



    </section>
    {/if}
    {include file="default/demo/style6" /}    
    <!-- 视频全屏弹窗 -->
    <video id="hi-video-pop2" src="" controls preload="none" webkit-playsinline="true" playsinline="true"></video>

</main>

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


<!-- 视频弹窗 -->
<div id="hi-video-pop">
    <div class="hi-video-box">
        <div class="hi-video-wrap">
            <!--<video controls playsinline="true" preload="none" src="" webkit-playsinline="true"></video>-->
            <iframe src=""></iframe>
            <div class="hi-close" href="javascript:;"></div>
        </div>
    </div>
</div>

{include file="default/js" /}





<script>             
        $(function(){
			//数字跳动
			$('.jump-num').countUp({
				delay: 5,
				time: 3000
			});
		})
</script>
<script>
        $(function(){
            // 调用
        // 参数为点击的对象，必须带有data-video-src属性
        function HiVideoPop2(obj) {			
            var oVideo = $("#hi-video-pop2"); //视频
            // 点击视频全屏，设置视频src，播放视频
            $(document).on("click", obj, function () {
                if ($(this).attr("data-video-src")) {
                    if (oVideo[0].requestFullscreen) {
                        oVideo[0].requestFullscreen();
                    } else if (oVideo[0].msRequestFullscreen) {
                        oVideo[0].msRequestFullscreen();
                    } else if (oVideo[0].mozRequestFullScreen) {
                        oVideo[0].mozRequestFullScreen();
                    } else if (oVideo[0].webkitRequestFullScreen) {
                        oVideo[0].webkitRequestFullScreen();
                    }
                    oVideo.show();
                    oVideo.attr("src", $(this).attr("data-video-src"));
                    oVideo.trigger("play");
                }
            });
            $(window).resize(function () {
                if (oVideo.outerHeight() == 0) {
                    oVideo.hide();
                    oVideo.trigger("pause");
                }
            });
        }
        HiVideoPop2("#c-list2");
        })
</script>

      <script>
        $(window).scroll(function () {
            var targetDivTop = $('.index-about-new').offset().top;
            var scrollTop = $(window).scrollTop();
            if (scrollTop > targetDivTop - 700) {
                $('.index-about-new').addClass("active")                             
            } else {
                $('.index-about-new').removeClass("active")              
            }
        })

    </script>


{/block}