{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 = 0;
</script>
<style>
    .fctitles p{
        white-space: break-spaces;
    }
</style>
{/block}
{block name="main"}
<h1 style="width: 0;height: 0;overflow: hidden;">{:listSEO(999)['seo_h1']}</h1>

    <!-- Header头部内容 -->
    <div id="header" class="header header-opacity">{include file="default/top" /}</div>

    <!-- Main内容 -->
    <main id="main" class="wrapper">
        <!-- banner -->
        <section class="indexbanner aboutus-banner pro-banner">
            <div class="pro-ban">
                <div class="bannerbox">
                    <div class="swiper-wrapper">
                        {wst:ads code="ban_index" cache='86400' num='10' key="ks1"}
                        <div class="swiper-slide">
                            <img class="pc-banner pc" src="__ROOT__/{$vo.adFile}" alt="{$vo.ads_alt}" title="{$vo.ads_alt}">
                            <img class="pc-banner wap" src="__ROOT__/{$vo.adImg}" alt="{$vo.ads_alt}" title="{$vo.ads_alt}">
                            <div class="bancontent">
                                <div class="container">
                                    <div class="content">
                                        <div class="title">{$vo.adName2}</div>
                                        <div class="sec-title">
                                            {if(!empty($vo.adNamearr) && count($vo.adNamearr)>1)}
                                            {volist name="vo.adNamearr" id="vo1" key="k2"}
                                            <p class="font44">{$vo1}</p>
                                            {/volist}
                                            {else/}
                                            <p class="font66">{$vo.adName}</p>
                                            {/if}
                                        </div>
                                        
                                        {if(!empty($vo.adDescarr) && count($vo.adDescarr)>1)}
                                        <div class="itemlist grid3">
                                            {volist name="vo.adDescarr" id="vo1" key="k2"}
                                            <div class="item">
                                                <div class="icon">
                                                    <img src="/wstmart/home/view/default/images/idx-icon1.png" alt="">
                                                </div>
                                                <span class="t1">{$vo1}</span>
                                            </div>
                                            {/volist}
                                        </div>
                                        {else/}
                                         <div class="third-title">{$vo.adDesc}</div>
                                        {/if}
                                    </div>
                                </div>
                            </div>
                        </div>
                        {/wst:ads}
                        

                    </div>
                    <!--<div class="swiper-wrapper">-->
                        
                    <!--    <div class="swiper-slide">-->
                    <!--        <img class="pc-banner" src="/wstmart/home/view/default/images/banner1.jpg" alt="">-->
                    <!--        <div class="bancontent">-->
                    <!--            <div class="container">-->
                    <!--                <div class="content ">-->
                    <!--                    <div class="title">{$vo.adName}</div>-->
                    <!--                    <div class="sec-title">-->
                    <!--                        <p class="font66">{$vo.adName2}</p>-->
                    <!--                    </div>-->
                    <!--                    <div class="itemlist grid3">-->
                    <!--                        <div class="item">-->
                    <!--                            <div class="icon">-->
                    <!--                                <img src="/wstmart/home/view/default/images/idx-icon1.png" alt="">-->
                    <!--                            </div>-->
                    <!--                            <span class="t1">前沿的设计技术</span>-->
                    <!--                        </div>-->
                    <!--                        <div class="item">-->
                    <!--                            <div class="icon">-->
                    <!--                                <img src="/wstmart/home/view/default/images/idx-icon1.png" alt="">-->
                    <!--                            </div>-->
                    <!--                            <span class="t1">新型的材料</span>-->
                    <!--                        </div>-->
                    <!--                        <div class="item">-->
                    <!--                            <div class="icon">-->
                    <!--                                <img src="/wstmart/home/view/default/images/idx-icon1.png" alt="">-->
                    <!--                            </div>-->
                    <!--                            <span class="t1">精良的工艺</span>-->
                    <!--                        </div>-->
                    <!--                    </div>-->
                    <!--                </div>-->
                    <!--            </div>-->
                    <!--        </div>-->
                    <!--    </div>-->
                        
                    <!--    <div class="swiper-slide">-->
                    <!--        <img class="pc-banner" src="/wstmart/home/view/default/images/banner2.jpg" alt="">-->
                    <!--        <div class="bancontent">-->
                    <!--            <div class="container">-->
                    <!--                <div class="content ">-->
                    <!--                    <div class="sec-title">-->
                    <!--                        <p class="font66">出色的吸收EOS瞬态脉冲</p>-->
                    <!--                    </div>-->
                    <!--                    <div class="third-title">集产品生产、销售、EMC设计方案，测试整改于一体 </div>-->
                                       
                    <!--                </div>-->
                    <!--            </div>-->
                    <!--        </div>-->
                    <!--    </div>-->
                        
                    <!--    <div class="swiper-slide">-->
                    <!--        <img class="pc-banner" src="/wstmart/home/view/default/images/index-banner.jpg" alt="">-->
                    <!--        <div class="bancontent">-->
                    <!--            <div class="container">-->
                    <!--                <div class="content ">-->
                    <!--                    <div class="sec-title">-->
                    <!--                        <p class="font48">高性能、高可靠性车规级MOS管</p>-->
                    <!--                    </div>-->

                    <!--                </div>-->
                    <!--            </div>-->
                    <!--        </div>-->
                    <!--    </div>-->
                    <!--    <div class="swiper-slide">-->
                    <!--        <img class="pc-banner" src="/wstmart/home/view/default/images/banner4.jpg" alt="">-->
                    <!--        <div class="bancontent">-->
                    <!--            <div class="container">-->
                    <!--                <div class="content ">-->
                    <!--                    <div class="sec-title">-->
                    <!--                        <p class="font48">提供靠谱、有竞争力的EMC解决方案和服务，</p>-->
                    <!--                        <p class="font48">持续为客户创造最大价值</p>-->
                    <!--                    </div>-->

                    <!--                </div>-->
                    <!--            </div>-->
                    <!--        </div>-->
                    <!--    </div>-->
                    <!--</div>-->
                    <div class=" pagination">
                        <div class="container">
                            <div class="buttonbox">
                                <div class="swiper-button-prev">
                                    <div class="boxsize">
                                        <span class="icon iconfont">&#xeb03;</span>
                                    </div>
                                </div>
                                <div class="swiper-button-next">
                                    <div class="boxsize">
                                        <span class="icon iconfont">&#xeb03;</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

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

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

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

            <div class="container">
                <div class="solution-card">
                    <div class="swiper-wrapper">
                        {volist name="gcCat" id="val" key="k"}
                        <div class="swiper-slide">
                            <div class="item ">
                                <a class="image" href="{:Url('home/product/index2','id='.$val['catId'])}">
                                    <img src="/{$val.catImg}" alt="{$val.catName}" title="{$val.catName}">
                                </a>
                                <div class="content">
                                    <a class="title" href="{:Url('home/product/index2','id='.$val['catId'])}" >
                                        {$val.catName}
                                    </a>
                                    <div class="datalist">
                                        {volist name="val.son" id="val2" }
                                        <a {if !empty($val2.list2)} href="{:Url('home/product/index','id='.$val2.list2['catId'])}"  {/if}  >{$val2.catName}</a>
                                        {/volist}
                                    </div>
                                    <a href="{:Url('home/product/index2','id='.$val['catId'])}">
                                        <div class="more">
                                            <span>了解更多</span>
                                            <div class="index_more">
                                                <span class="icon iconfont">&#xeb03;</span>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            </div>
                        </div>
                        {/volist}
                       
                    </div>
                    <div class="swiper-pagination "></div>
                </div>

                <a class="load-more-data " href="/product.html">
                    <span class="image">
                        <img src="__STYLE__/images/load-more-icon.png" alt="">
                        <img src="__STYLE__/images/load-more-active-icon.png" alt="" class="active">
                    </span>
                    <span class="title">探索ASIM更多产品 </span>
                </a>
            </div>
        </section>
        <!-- 首页- 定制方案  -->
        <section class="index-order">
            <div class="container">
                <div class="innerbox">
                    <div class="public-title-pagination">
                        <div class="public-title s-animate-up" data-time="50">
                            <p><span>ASIM</span>提供</p>
                            <p>创新性的产品定制方案 </p>
                        </div>
                        <div class="swipertab s-animate-up" data-time="100">
                            {volist name="soCat" id="val" key="k"}
                            <div class="item {if $k == 1} active {/if}">
                                <span class="image">
                                    <img src="__STYLE__/images/index-order-tab1.png" alt="">
                                </span>
                                {if $val.catName2}
                                <span class="title">{$val.catName}</span>
                                {else /}
                                <span class="title">{$val.catName2}</span>
                                {/if}
                            </div>
                            {/volist}
                            
                        </div>
                    </div>
                    <div class="swiper-main ">
                        <div class="order-swiper swiper">
                            <div class="swiper-wrapper">
                                <!-- 一 -->
                                {volist name="soCat" id="val" key="k"}
                                <div class="swiper-slide">
                                    <div class="swiper-box">
                                        {if !empty($val.son)}
                                        <div class="swiper-wrapper">
                                            <!-- 二 -->
                                            {volist name="val.son" id="val2" key="k2"}
                                            <div class="swiper-slide">
                                                <div class="item-box">
                                                    <div class="p-order">产品定制方案</div>
                                                    <div class="p-image">
                                                        <img src="/{$val2.catImg}" alt="{$val2.catName}" title="{$val2.catName}">
                                                    </div>
                                                    <div class="content">
                                                        <p class="fir-title">{$val2.catName}</p>
                                                        <p class="sec-title">{$val2.goodsCdesc} </p>
                                                        <div>
                                                            <!--<a href="{:Url('home/solution/index','id='.$val2['catId'])}" >-->
                                                            <a href="contact.html">
                                                                <div class="thi-detail">
                                                                    <span>立即定制</span>
                                                                    <span class="icon iconfont">&#xeb03;</span>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {/volist}
                                        </div>

                                        {else /}

                                        <div class="swiper-wrapper">
                                            <!-- 二 -->
                                            {volist name="val.goods" id="val2" key="k2"}
                                            <div class="swiper-slide">
                                                <div class="item-box">
                                                    <div class="p-order">产品定制方案</div>
                                                    <div class="p-image">
                                                        <img src="/{$val2.goodsImg}" alt="{$val2.goodsName}" title="{$val2.goodsName}">
                                                    </div>
                                                    <div class="content">
                                                        <p class="fir-title">{$val2.goodsName}</p>
                                                        <p class="sec-title">{$val2.goodDetai2} </p>
                                                        <div>
                                                            <!--<a href="{:Url('home/solution/detail','id='.$val2['goodsId'])}" >-->
                                                            <a href="contact.html">
                                                                <div class="thi-detail">
                                                                    <span>立即定制</span>
                                                                    <span class="icon iconfont">&#xeb03;</span>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {/volist}
                                        </div>

                                        {/if}
                                        <div class="swiper-button-prev">
                                            <div class="boxsize">
                                                <span class="icon iconfont">&#xeb03;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-button-next">
                                            <div class="boxsize">
                                                <span class="icon iconfont">&#xeb03;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-pagination"></div>
    
                                    </div>
    
                                </div>
                                {/volist}
                            </div>
    
                        </div>
                        <!-- <div class="slide-btn swiper-button-prev"></div>
                        <div class="slide-btn swiper-button-next"></div> -->
                    </div>
                </div>
                
            </div>
           
        </section>
        <!-- 首页- EMC防护  -->
        <section class="index-EMC-protect">

            <div class="global-image">
                <div class="topsceen">
                    <img src="__STYLE__/images/global-line.png" alt="" class="global-line">
                    <img src="__STYLE__/images/bac6d3b1ce9118148df4934087f57b0b.png" alt="" class="global">
                </div>
                <div class="bottomsceen">
                    <img src="__STYLE__/images/global_circle.png" alt="">
                </div>

            </div>
            <div class="global-content">
                <!-- 粒子 -->
                <div id="particles-js"></div>

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

                <div class="global-bottom ">
                    <div class="container">
                        <p class="s-animate-up" data-time="50"></p>
                        <div class="swiper-container parner-wrap" dir="ltl">
                            <div class="swiper-wrapper ">
                                {wst:friendlink cache='86400' num="99" catId="2" key="k1"}
                                <div class="swiper-slide">
                                    <div class="company-box">

                                        <img src="/{$vo.friendlinkIco}"  alt="{$vo.friendlinkName}" title="{$vo.friendlinkName}">

                                    </div>
                                </div>
                                {/wst:friendlink}
                            </div>
                        </div>
                    </div>

                </div>


            </div>

        </section>
        <!-- 首页- 推荐  -->
        <section class="index-recomment">
            <div class="container">
                <div class="public-title s-animate-up" data-time="50">
                    <p>我们为<span>您推荐</span></p>
                </div>
                <div class="main-box">
                    <div class="item-common item-news s-animate-up" data-time="100">
                        <div class="public-newstitle ">
                            <div class="title">最新新闻</div>
                            <a href="/news.html">
                                <span>更多新闻</span>
                                <!-- <span> > </span> -->
                                <span class="icon iconfont">&#xe6b7;</span>
                            </a>

                        </div>
                        <div class="news-image">
                            {wst:article type="is_index" cat='0' num='2' offset="0" cache="3600*24" key="k1"}
                            <a class="item " href="{:Url('home/news/detail','id='.$vo['articleId'])}">
                                <div class="image">
                                    <img src="__ROOT__/{$vo['coverImg']}" alt="{$vo['articleTitle']}" title="{$vo['articleTitle']}">
                                </div>
                                <div class="info">
                                    <p class="i-time">{$vo['ymd']}</p>
                                    <p class="i-title">{$vo['articleTitle']} </p>
                                </div>
                            </a>
                            {/wst:article}
                            

                        </div>
                    </div>
                    <div class="item-common item-products s-animate-up" data-time="150">
                        <div class="public-newstitle ">
                            <div class="title">最新产品</div>
                            <a href="/product.html">
                                <span>全部产品</span>
                                <!-- <span> > </span> -->
                                <span class="icon iconfont">&#xe6b7;</span>
                            </a>
                        </div>
                        <div class="product-list ">
                            <ul>
                               {volist name="newCat" id="val" key="k"}
                                <li>
                                    <a {if $val.parentId != 0} href="{:Url('home/product/index','id='.$val.list2['catId'])}" {else /} href="{:Url('home/product/index2','id='.$val['catId'])}"  {/if}>
                                        <div class="content">
                                            <div class="image">
                                                <img src="/{$val.catImg}" alt="{$val.catName}" title="{$val.catName}">
                                            </div>
                                            <div class="title">
                                                <p class="t-type">{$val.catName}</p>
                                       
                                            </div>
                                        </div>
                                        <div class="index_more">
                                            <span class="icon iconfont">&#xeb03;</span>
                                        </div>
                                    </a>
                                </li>
                                {/volist}
                            </ul>
                        </div>

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

    </main>

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

    {include file="default/js" /}
    
    <!-- 粒子-scripts -->
    <script src="__STYLE__/js/particles.min.js"></script>
    <script src="__STYLE__/js/app.js"></script>

    <script>
    //数字跳动
    $('.jump-num').countUp({
        delay: 5,
        time: 1000
    });

    </script>

{/block}