{template header}
        <div class="bottom">
        
           <div class="m-focus">
              <div class="swiper-container swiper-free">
                <div class="pagination pagination-free"><span class="swiper-pagination-switch swiper-active-switch swiper-activeslide-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span></div>
                <ul  class="swiper-wrapper">
                  {list action=position id=16}
                  <li  class="swiper-slide"> <a href="javascript:void(0)"><img src="{$t['thumb']}"></a> </li>
                  {/list}
                </ul>
              </div>
            </div>
            <!--m-focus-->
       		<div class="m-nav">
              <ul class="clear">
                <li><a href="{SITE_URL}" title=""><img src="{SITE_THEME}images/d1.png" alt=""></a><p><a href="{SITE_URL}" title="">网站首页</a></p></li>
                {php $i=2;}
                {loop $cats $t}
                {if $t['parentid']==0 && $t['ismenu'] || $t['catid']==20}
                <li><a href="{$t['url']}" title=""><img src="{SITE_THEME}images/d{$i}.png" alt=""></a><p><a href="{$t['url']}" title="">{$t['catname']}</a></p></li>
                {php $i++;}
                {/if}
                {/loop}
              </ul>
        	</div>
            	
              <div class="zj1">
            	<div class="zj1z">
                	<div class="zj1z-top">
                    	<div>
                        	<p><span>昆顶全系列产品</span></p>
                            <p><font>PRODUCTS CENTER</font></p>
                        </div>
                    </div>
                    <div class="zj1z-bot">
                    	<ul>
                            {list action=position id=2 num=1}
                        	<li>
                            	<div class="zj1z-bot1"><a href="{$t['url']}" title=""><img src="{$t['thumb']}" /></a></div>
                                <div class="zj1z-bot2"><a href="{$t['url']}" title="">{$t['title']}</a></div>
                            </li>
                            {/list}
                            {list action=position id=4 num=1}
                            <li>
                                <div class="zj1z-bot1"><a href="{$t['url']}" title=""><img src="{$t['thumb']}" /></a></div>
                                <div class="zj1z-bot2"><a href="{$t['url']}" title="">{$t['title']}</a></div>
                            </li>
                            {/list}
                             {list action=position id=5 num=1}
                            <li>
                                <div class="zj1z-bot1"><a href="{$t['url']}" title=""><img src="{$t['thumb']}" /></a></div>
                                <div class="zj1z-bot2"><a href="{$t['url']}" title="">{$t['title']}</a></div>
                            </li>
                            {/list}
                            {list action=position id=6 num=1}
                            <li>
                                <div class="zj1z-bot1"><a href="{$t['url']}" title=""><img src="{$t['thumb']}" /></a></div>
                                <div class="zj1z-bot2"><a href="{$t['url']}" title="">{$t['title']}</a></div>
                            </li>
                            {/list}
                        </ul>
                    </div>
                    <div class="zj1z-gd"><a href="{$cats[20]['url']}" title="">MORE >></a></div>
                </div>
            </div>  
              <div class="zj3">
            	<div class="zj3z">
                	<div class="zj3z-top"><img src="{SITE_THEME}images/ys.jpg" /></div>
                    <div class="zj3z-bot">
                    	<div class="zj3z-bot1">
                        	<div class="zj3z-bot1a"><img src="{$cats[30]['image']}" /></div>
                            <div class="zj3z-bot1b">
                            	<div class="zj3z-bot1b1">
                                	<div class="zj3z-bot1b1a"><img src="{SITE_THEME}images/ys01.png" /></div>
                                    <div class="zj3z-bot1b1b">
                                    	<p><span>{$cats[30]['catname']}</span><font>{$cats[30]['catdir']}</font></p>
                                        <div><font>{$cats[30]['setting']['descritext']}</font></div>
                                    </div>
                                </div>
                                <div class="zj3z-bot1b2">
                                	<ul>
                                        {list catid=30 more=1}
                                    	<li>{clearhtml($t['content'])}</li>
                                        {/list}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                        <div class="zj3z-bot1">
                        	<div class="zj3z-bot1a"><img src="{$cats[31]['image']}" /></div>
                            <div class="zj3z-bot1b">
                            	<div class="zj3z-bot1b1">
                                	<div class="zj3z-bot1b1a"><img src="{SITE_THEME}images/ys02.png" /></div>
                                    <div class="zj3z-bot1b1b">
                                    	<p><span>{$cats[31]['catname']}</span><font>{$cats[31]['catdir']}</font></p>
                                        <div><font>{$cats[31]['setting']['descritext']}</font></div>
                                    </div>
                                </div>
                                <div class="zj3z-bot1b2">
                                	<ul>
                                    	{list catid=31 more=1}
                                        <li>{clearhtml($t['content'])}</li>
                                        {/list}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                        <div class="zj3z-bot1">
                        	<div class="zj3z-bot1a"><img src="{$cats[32]['image']}" /></div>
                            <div class="zj3z-bot1b">
                            	<div class="zj3z-bot1b1">
                                	<div class="zj3z-bot1b1a"><img src="{SITE_THEME}images/ys03.png" /></div>
                                    <div class="zj3z-bot1b1b">
                                    	<p><span>{$cats[32]['catname']}</span><font>{$cats[32]['catdir']}</font></p>
                                        <div><font>{$cats[32]['setting']['descritext']}</font></div>
                                    </div>
                                </div>
                                <div class="zj3z-bot1b2">
                                	<ul>
                                    	{list catid=32 more=1}
                                        <li>{clearhtml($t['content'])}</li>
                                        {/list}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>    
                
               <div class="yk4">
            	<div class="yk4z">
                 	<div class="yk4z-bot">
                    	<div class="yk4z-botle">
                        	<div class="yk4z-botle1">
                            	<div>
                                	<p><span>关于我们</span></p>
                                    <p><font>ABOUT US</font></p>
                                </div>
                            </div>
                            <div class="yk4z-botle2">{strcut(clearhtml($cats[10]['content']),80)}</div>
                            <div class="yk4z-botle3"><a href="{$cats[10]['url']}" title="">了解详情</a></div>
                        </div>
                        <div class="yk4z-botri"><a href="{$cats[10]['url']}" title=""><img src="{block(16)}" /></a></div>
                    </div>
<script type="text/javascript">
//js无缝滚动代码
function marquee(i, direction){
    var obj = document.getElementById("marquee" + i);
    var obj1 = document.getElementById("marquee" + i + "_1");
    var obj2 = document.getElementById("marquee" + i + "_2");
	if (direction == "left"){
        if (obj2.offsetWidth - obj.scrollLeft <= 0){
            obj.scrollLeft -= obj1.offsetWidth;
        }else{
            obj.scrollLeft++;
        }
    }
	
}

function marqueeStart(i, direction){
    var obj = document.getElementById("marquee" + i);
    var obj1 = document.getElementById("marquee" + i + "_1");
    var obj2 = document.getElementById("marquee" + i + "_2");

    obj2.innerHTML = obj1.innerHTML;
    var marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
    obj.onmouseover = function(){
        window.clearInterval(marqueeVar);
    }
    obj.onmouseout = function(){
        marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
    }
}
</script>
                    <div class="yk4z-cent">
                        <div id="marquee1" class="slide">
                        <div style="width:8000px;">
                            <ul id="marquee1_1">
                                {list action=position id=9}
                               <li class="goodlist"><a href="{$t['url']}" title=""><img src="{$t['thumb']}" /></a><p><a href="{$t['url']}" title="">{$t['title']}</a></p></li>
                               {/list}
                            </ul>
                            <ul id="marquee1_2">
                            </ul>
                        </div>
                      </div>
                    </div>
                    <script type="text/javascript">marqueeStart(1, "left");</script>
                </div>
            </div> 
                
                
                
                
                <div class="zj5">
            	<div class="zj5z">
                	<div class="zj5z-top">
                    	<div class="zj5z-tople">
                        	<div class="zj5z-tople1">
                            	<span>新闻资讯</span>
                            </div>
                            <div class="zj5z-tople2">
                            	<span>行业动态</span>
                            </div>
                        </div>
                        <a class="zj5z-topri" href="{$cats[1]['url']}" title="">MORE +</a>
                    </div>
                    <div class="zj5z-bot">
                    	<div class="zj5z-bot1 zj5z-bota">
                        	<ul>
                                {list action=position id=10}
                                <li>
                                    <div class="sz">
                                    	<p><span>{date('d',$t['updatetime'])}</span></p>
                                        <p><font>{date('M / Y',$t['updatetime'])}</font></p>
                                    </div>
                                    <div class="sza">
                                        <p><a href="{$t['url']}" title="">{$t['title']}</a></p>
                                        <div>{strcut($t['description'],100)}</div>
                                    </div>
                                </li>
                                {/list}
                                
                            </ul>
                        </div>
                        <div class="zj5z-bot2 zj5z-bota">
                        	<ul>
                                {list action=position id=11}
                                <li>
                                    <div class="sz">
                                        <p><span>{date('d',$t['updatetime'])}</span></p>
                                        <p><font>{date('M / Y',$t['updatetime'])}</font></p>
                                    </div>
                                    <div class="sza">
                                        <p><a href="{$t['url']}" title="">{$t['title']}</a></p>
                                        <div>{strcut($t['description'],100)}</div>
                                    </div>
                                </li>
                                {/list}
                                    
                            </ul>
                        </div>
                    </div>
                </div>
            </div> 
            
            
            <div class="zj6">
            	<div class="zj6z">
                	<div class="zj6z-top">
                    	<div class="zj6z-tople">
                           <span>常见问题</span>
                        </div>
                        <a class="zj6z-topri" href="{$cats[5]['url']}" title="">MORE +</a>
                    </div>
                    <div class="zj6z-bot">
                    	<div id="divUpDown">
                        <div id="divDownInner">
                             <div id="divInner1">
                                <ul>
                                {list action=position id=12}
                                <li><a href="{$t['url']}" title=""><img src="{SITE_THEME}images/wh.jpg" />{$t['title']}</a><p><img src="{SITE_THEME}images/rem.jpg" /><span>{$t['description']}</span></p></li>
                                {/list}
                                </ul>
                            </div>
                            <div id="divInner2">
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            
<script type="text/javascript">
        var dspeed = 100;
        var divUpDown = document.getElementById("divUpDown");
        var divInner1 = document.getElementById("divInner1");
        var divInner2 = document.getElementById("divInner2");
        var sp2 = document.getElementById("sp2");
        divInner2.innerHTML = divInner1.innerHTML;

        function MarqueeSlideDown() {
            
            if (divUpDown.scrollTop - divInner1.offsetHeight >= 0) {
                divUpDown.scrollTop -= divInner1.offsetHeight;
            } else {
                divUpDown.scrollTop += 2;
            }
            sp2.innerHTML = "demo.scrollTop" + divUpDown.scrollTop + "demo1 offsetWidth" + divInner1.offsetHeight;
        }

        updownMar = setInterval(MarqueeSlideDown, dspeed);
        divUpDown.onmouseout = function () { updownMar = setInterval(MarqueeSlideDown, dspeed); }
        divUpDown.onmouseover = function () { clearInterval(updownMar); }
    
    </script>   
            
<script type="text/javascript">
$(".zj5z-tople1").mousemove(function(){
	$(".zj5z-bot1").css("display","block");
	$(".zj5z-bot2").css({"display":"none"});
	$(".zj5z-tople1").css({"background":"url({SITE_THEME}images/tb.png) bottom center no-repeat","background-size":"100%"});
	$(".zj5z-tople2").css({"background":"url({SITE_THEME}images/tb2.png) bottom center no-repeat","background-size":"100%"});
	
	});
$(".zj5z-tople2").mousemove(function(){
	$(".zj5z-bot2").css("display","block");
	$(".zj5z-bot1").css({"display":"none"});
	$(".zj5z-tople2").css({"background":"url({SITE_THEME}images/tb.png) bottom center no-repeat","background-size":"100%"});
	$(".zj5z-tople1").css({"background":"url({SITE_THEME}images/tb2.png) bottom center no-repeat","background-size":"100%"});
	
	});

</script>       
                
                
                
                
                
                
                
                
        <div class="zl">
        	<div class="zl-le">
        	<p>地址:<!--地址-->{block(10)}<!--地址--></p>
            <p>手机：<a href="tel:{block(17)}" title=""><!--手机-->{block(17)}<!--手机--></a></p>
            <p>电话：<a href="tel:{block(6)}" title=""><!--服务热线-->{block(6)}<!--服务热线--></a></p>
            <p>Email：<a href="#" title=""><!--邮箱-->{block(8)}<!--邮箱--></a></p>
            <p><!--技术支持-->{block(13)}<!--技术支持--></p>
            </div>
            <div class="zl-ri">
            	<p>关注昆顶生物</p>
            	<div><img src="{block(11)}"/></div>
            </div>
        </div>
    
    
		</div>
	

{template footer}