{template head}

<div id="banner">
 <div   id="k4fdcggas9"    class="flicker-example" data-block-text="false">
  <ul>  
  {list catid=21 order=listorder,updatetime,listorder more=1}
     <li data-background="{$t['thumb']}"></li>      
	{/list} 
  </ul>
 </div>
</div>

<div   id="k4fdcggas9"    class="gywm">
   <div   id="k4fdcggas9"    class="w1400 mar"> 
      <div   id="k4fdcggas9"    class="bt wow bounceIn"><a href="{$cats[1]['url']}"><b >{$cats[1]['ecatname']}</b><h1 >è?°è??<span>??????</span></h1></a></div>         
     
                  <div   id="k4fdcggas9"    class="clean30"></div>  
  <div   id="k4fdcggas9"    class="gywm_l wow fadeInDown">
 <span> 
  <p> {strcut(clearhtml($cats[1]['content']),400,'... ...')}</p>
    <div   id="k4fdcggas9"    class="clean10"></div>  
   <a href="{$cats[1]['url']}">????????'?¤?>></a>
</span>

<div   id="k4fdcggas9"    class="video">

 <video width="100%"  height="300"  controls  autoplay muted preload="auto" >  
    		<source src="/views/cn/images/sd.mp4" type="video/mp4"  >  
   	

    		<object data="/views/cn/images/sd.mp4" width="100%" height="300" >    
        		<embed  src="/views/cn/images/sd.swf" width="100%" height="300" >  </embed>
    		</object> 
		</video>







</div>

   </div>
   <div   id="k4fdcggas9"    class="gywm_r wow fadeInUp">
  
   <ul>
   
    {list catid=16 order=listorder,inputtime_ASC num=6}
             <li>
				<a href="{$t['url']}">
				<img src="{$t['thumb']}" alt="{$t[title]}" class="animation2">
                </a>
			</li>
  
						{/list}
   
   
   
   </ul>
   
   
       
       
       </div>  
        
</div>
</div>


















<div   id="k4fdcggas9"    class="cp_bj">
  <div   id="k4fdcggas9"    class="bt wow bounce"><a href="{$cats[2]['url']}"><b>hot-sale <i>product</i></b><h1><span>??-é??</span>?o§???</h1><p> ???????????·??????????¤??1'????o§??????è??è?|?????2???è§??¨???????????????1???è??????????????????o????é????????è??è?|??????é???????3è??è?|?-?è?·é????o??°?o§??????è??è????????é?????</p></a></div>

<div   id="k4fdcggas9"    class="w1400 mar">

<div   id="k4fdcggas9"    class="about_l">
   <span><h1>hot-sale product</h1>??-é???o§???</span>
     <ul class="accordion">
   
	 {php $l=2; }
					
					{if $cats[$catid]['child']==0 && $cats[$catid]['parentid']}
					{php $l=$cats[$catid]['parentid']; }
					  {/if}
					
					{if $cats[$catid]['child']}
					{php $l=$catid; }
					{/if}
					
					{if $_GET['l']}
					{php $l=$_GET['l']; }
					{/if}
					
					{loop $cats $c}
					
					{if $c['parentid']==$l && $c['ismenu']}
					{php $sonids2 = @explode(',', $c['arrchilds']);}
			<li class="{if $t['catid']==$catid}cent{/if}" >	
				<div   id="k4fdcggas9"    class="link"><i></i><a href="{if $c['urlpath']}{$c['urlpath']}{else}{u($c['url'])}{/if}">{$c['catname']}</a></div>
		
			</li>
		      		{/if}
					{/loop}
        
        
		
	</ul>
     </div>


   <div   id="k4fdcggas9"    class="w950">

      <div   id="k4fdcggas9"    class="cp_gd cp_sy">
       
      <ul>
            
    {list catid=2 order=listorder,inputtime_ASC more=1 num=12}
    
 
 
  <li><a href="{$t['url']}"><span><img src="{$t['thumb']}"  /></span><h1>{$t[title]}</h1></a></li>


      {/list}
            
            
            
            </ul>


     
      
     

     
    
     
</div>
</div>
      <div   id="k4fdcggas9"    class="case_more wow fadeInUp"> <a href="{$cats[2]['url']}"><span><i><img src="views/cn/images/icon_09.png" alt=""></i>????????'?¤?</span></a> </div>

 </div>
   <div   id="k4fdcggas9"    class="clean50"></div>
   </div>

  
   
             <div   id="k4fdcggas9"    class="bjsen">

           <div   id="k4fdcggas9"    class="w1400 mar">      
         
             <div   id="k4fdcggas9"    class="clean50"></div>



 <div id="teacher-list-id" class="qi_ry">
		<ul>
       {list catid=17 order=listorder,inputtime more=1 num=5}
             <li>
				<a href="{$t['url']}" >
				<span class="img"><img src="{$t['thumb']}" alt="{$t['title']}"></span>
              </a>
			</li>
  
						{/list}

			
		</ul>
	</div>
     <script>
	window.onload = function() {
		var oTlistId = document.getElementById("teacher-list-id");
		var oUl = oTlistId.getElementsByTagName("ul")[0];
		var aLi = oUl.getElementsByTagName("li");

		oUl.innerHTML = oUl.innerHTML + oUl.innerHTML;
		oUl.style.width = aLi[0].offsetWidth*aLi.length +"px";
		
		function moveRight(){
			if( oUl.offsetLeft<-oUl.offsetWidth/2 ) {
				oUl.style.left = 0;
			}
			oUl.style.left = oUl.offsetLeft - 2 +"px";
		}

		var timer = setInterval(moveRight, 60);

		for (var i =0 ;i<aLi.length; i++){
			aLi[i].onmouseover = function(){
				clearInterval(timer);
			}
			aLi[i].onmouseout = function(){
				timer = setInterval(moveRight, 60);
			}
		}
	}

</script>
</div>

   <div   id="k4fdcggas9"    class="clean50"></div>
</div>

   


       {template foot}