{eyou:include file="header.htm" /}
{eyou:include file="banner.htm" /}
{eyou:include file="nav.htm" /}

<style>
    body{background:#fff;}
</style>

<div class="gywm margin w30 m-t2">
    <div class="gywm-t m-b2">
        <div class="w2 w100">
        
            {eyou:type typeid="6" addfields="content,pic"}
            <h3>{$field.typename}</h3>
            <br>
            {$field.content}
            <br>
        </div>
        <div class="gywm-t2 sfdsdjl" attr-href="https://cn.advancedlightingsystems.com/member/uploadfile/201912/4f08972167.mp4">
            <img src="/template/pc/skin/images/gg-1.jpg" alt="">
            <span></span>
        </div>
        {/eyou:type}
        <div class="w2 w100">
        {eyou:type typeid="23" addfields="content,pic"}
        {$field.content}
        {/eyou:type}
        </div>

    </div>
    <div class="wmys w2 w100">
        <dl class="padding2 w100">
            <dt>
                <p id="myTargetElement">2005</p>
                <img src="/template/pc/skin/images/wmys2-1.png" alt="">
            </dt>
            <dd>Neata Group<br>founded in 2005</dd>
        </dl>
        <dl class="padding2 w100">
            <dt>
                <p id="myTargetElement2">11</p>
                <img src="/template/pc/skin/images/wmys2-2.png" alt="">
            </dt>
            <dd>Industrial locations <br>which cover </dd>
        </dl>
        <dl class="padding2 w100">
            <dt>
                <p id="myTargetElement3">200</p>
                <img src="/template/pc/skin/images/wmys2-3.png" alt="">
            </dt>
            <dd>We have more<br>than 200 employees</dd>
        </dl>
        <dl class="padding2 w100">
            <dt>
                <p id="myTargetElement4">1000000</p>
                <img src="/template/pc/skin/images/wmys2-4.png" alt="">
            </dt>
            <dd>The total producing <br>capacity is more than </dd>
        </dl>
    </div>
</div>

{eyou:type typeid="7"}
<div class="gchj padding">
    <div class="w2 w100">
        <h3 class="gchj-t f-s20 m-b2">{$field.typename}</h3>
        <div class="gchj-c m-b">
            {eyou:arclist typeid='$field.typeid' id='field'}
            {eyou:arcview id='field2'}
            {eyou:volist name="$field2.image_list" id='field3'}
            <a href="{$field3.image_url}" class="pirobox_gall w100 m-r m-b2">
                <h4 class="m-b1"><img src="{$field3.image_url}" alt=""></h4>
                <p>{$field3.intro}</p>
            </a>
            {/eyou:volist}
            {/eyou:arcview}
            {/eyou:arclist}
        </div>
        <a href="##" style="display: none;" id="more" class="gchj-b">Explore more</a>
    </div>
</div>
{/eyou:type}

<div class="top_popupbox" id="top_p1">
    <a href="##"><i></i></a>
    <video id="sp" controls="" name="media" width="100%" src="" autoplay="autoplay"></video>
    <!-- <iframe id="sp src="" frameborder="0"></iframe> -->
</div>
<div id="fade"></div>

<style>
    .gchj-c a{display: none;}
    .gchj-c a:nth-child(1),.gchj-c a:nth-child(2),.gchj-c a:nth-child(3),.gchj-c a:nth-child(4),.gchj-c a:nth-child(5),.gchj-c a:nth-child(6){display: block;}
</style>
<script>
    if ($(".gchj .w2 .gchj-c a").length > 6){
        $("#more").show();
    }

    $("#more").click(function (){
        $(".gchj .w2 .gchj-c a").show();
        $(this).hide();
    });

</script>
<script type="text/javascript">
    var options = {
        useEasing : true,    // 过渡动画效果，默认ture
        useGrouping : true,  // 千分位效果，例：1000->1,000。默认true
        separator : '',     // 使用千分位时分割符号
        decimal : '.',       // 小数位分割符号
        prefix : '',         // 前置符号
        suffix : ''          // 后置符号，可汉字
    };

    var a=$(".wmys").offset().top;
    var demo = new CountUp("myTargetElement", 0, 2005, 0, 3.5, options);
    var demo2 = new CountUp("myTargetElement2", 0, 11, 0, 3, options);
    var demo3 = new CountUp("myTargetElement3", 0, 200, 0, 3, options);
    var demo4 = new CountUp("myTargetElement4", 0, 1000000, 0, 3.5, options);
    $(window).scroll(function(){
        if($(window).scrollTop()>=a-850){
            demo.start();
            demo2.start();
            demo3.start();
            demo4.start();
        }
    })
</script>

{eyou:include file="footer.htm" /}