{include file="head"}
<div class="swiper-container banner">
  <div class="swiper-wrapper">
    {rg:func name="slide"}
    <div class="swiper-slide" style="background-image: url({$slide.img});"></div>
    {/rg:func}		
      </div>
  <div class="swiper-pagination"></div>
</div>
{include file="so"}
<!-- 功能模型块调用 -->
{rg:func name="block" where="alias = 'index_cp'"}
<div class="section">
  <div class="container clearfix">
    <div class="section-title wow fadeInUp"><small>{$block.title1}</small>{$block.title2}</div>
    <div class="in-prd-cate wow fadeInUp">
            {rg:nav id="$block['nids']"}
			<dl>
        <dt><a href="{$nav.url}">{$nav.name}</a></dt>
        <dd>
          <ul>
                        {rg:nav pid="$nav['id']" order="torder asc,id asc"}
                        <li><a href="{$nav.url}">{$nav.name}</a></li>
                        {/rg:nav}          
          </ul>
        </dd>
      </dl>
	  {/rg:nav}
         </div>
    <div class="in-prd-con wow fadeInUp">
      <ul class="list-1 clearfix">
        {rg:list model="product" limit="6" where="tuijian = 1"}		
        <li>
          <div class="wrap"> <a href="{$list.url}"  title="{$list.title}" class="img-cover"><span style="background-image: url({$list.img});"></span></a>
            <div class="text">
              <h4><a href="{$list.url}"  title="{$list.title}">{$list.title}</a></h4>
              <p> <a href="http://wpa.qq.com/msgrd?v=3&amp;uin={$site_ext_qq}&amp;site=qq&amp;menu=yes" target="_blank" class="bt">{:lang('Query')}</a> <a href="{$list.url}"  title="{$list.title}" class="bt">{:lang('More')}</a> </p>
            </div>
          </div>
        </li>
        {/rg:list}		         
      </ul>
    </div>
  </div>
</div>
{/rg:func}
<!-- 功能模型块调用 -->
{rg:func name="block" where="alias = 'index_jjfa'"}
<div class="section bg1">
  <div class="container">
    <div class="section-title wow fadeInUp"><small>{$block.title1}</small>{$block.title2}</div>
    <ul class="in-jjfa clearfix">
  {rg:atta model="blockatta" cid="$block['id']" order="id asc"}
            <li class="wow fadeInUp"> <a href="{$atta.link}">
        <div class="img-cover"><span style="background-image: url({$atta.img});"></span>
          <p>{$atta.title}</p>
        </div>
        <div class="text">
          {$atta.content|raw}
          <span class="more">{:lang('More')}</span> </div>
        </a> </li>
    {/rg:atta}
        
    </ul>
  </div>
</div>
{/rg:func}
{rg:func name="block" where="alias = 'index_ys'"}
<div class="section bg2">
  <div class="container">
    <div class="section-title wow fadeInUp"><small>{$block.title1}</small>{$block.title2}</div>
    <ul class="in-rz clearfix wow fadeInUp">
    {rg:atta model="blockatta" cid="$block['id']" order="id asc"}
      <li>
        <div class="wrap">
          <div class="inner">
            <p>{$atta.title}</p>
          </div>
        </div>
      </li>
      {/rg:atta}
    </ul>
    <div class="in-rz-tel wow fadeInUp">
      <p>{:lang('Query')}：<strong>{$site_tel}</strong></p>
      <a href="http://wpa.qq.com/msgrd?v=3&amp;uin={$site_ext_qq}&amp;site=qq&amp;menu=yes" target="_blank" class="btn">{:lang('Query')}</a> </div>
  </div>
</div>
{/rg:func}
{rg:func name="block" where="alias = 'index_gywm'"}
{rg:about nid="$block['nids']"}
<div class="section bg3">
  <div class="container">
    <div class="section-title wow fadeInUp"><small>{$block.title1}</small>{$block.title2}</div>
    <dl class="in-about clearfix wow fadeInUp">
      <dt class="img-center"><img src="{$about.img}" alt=""></dt>
      <dd>
        <h4>{$about.title}<small>{$about.etitle}</small></h4>
        <p>{$about.content|totxt|cut_str=180}</p>        {rg:nav id="$block['nids']"}<a href="{$nav.url}" class="more">{:lang('More')}</a>{/rg:nav}</dd>
    </dl>
  </div>
</div>
{/rg:about}
{/rg:func}
<div class="section">
  <div class="container">
    <div class="in-news clearfix">
    {rg:func name="block" where="alias = 'index_xinwen'"}
      {rg:nav id="$block['nids']"}
	  <div class="item wow fadeInUp">
        <div class="tit"> <a href="{$nav.url}" class="more">more +</a> {$nav.name}</div>
        {rg:list nid="$nav['id']" limit="1" where="istop = 1" model="article"}
        <div class="img-center">		<a href="{$list.url}"  title="{$list.title}"><img src="{$list.img|noimg}" alt="{$list.title}" style="max-height:200px;width:100%;"></a></div>
        {/rg:list}
        <div class="list">
          <ul>
            {rg:list nid="$nav['id']" limit="4" model="article"}	
            <li><a href="{$list.url}"  title="{$list.title}">{$list.title}</a></li>
            {/rg:list}		
          </ul>
          <a href="{$nav.url}" class="btn">{:lang('View')}</a> </div>
      </div>
	  {/rg:nav}
    {/rg:func}
    
    {rg:func name="block" where="alias = 'index_gundong'"}
	  {rg:nav id="$block['nids']"}
      <div class="item wow fadeInUp">
        <div class="tit"> {$nav.name}</div>
        <div class="in-ask">
          <div id="marquee">
            <ul>
              {rg:list nid="$nav['id']" limit="10" model="article"}  
              <li> <a href="{$list.url}"  title="{$list.title}">
                <h4>{$list.title}</h4>
                <p>{$list.desc|cut_str=50}</p>
                </a> </li>
              {/rg:list}               
            </ul>
          </div>
        </div>
      </div>
	  {/rg:nav}
    {/rg:func}
    </div>
  </div>
</div>
<div class="section" style="padding-top: 0;">
  <div class="container">
    <div class="yunu-link">
      <h4>{:lang('Links')}</h4>
      <ul class="clearfix">
        		
        {rg:func name="flink"}
        <li><a href="{$flink.link}">{$flink.title}</a></li>
        {/rg:func}
              </ul>
    </div>
  </div>
</div>
{include file="footer"}
<script src="{$tempdir}/skin/js/jquery.kxbdMarquee.js"></script> 
<script>
    var banner = new Swiper('.banner', {
        navigation: {
            prevEl: '.banner .swiper-button-prev',
            nextEl: '.banner .swiper-button-next'
        },
        pagination: {
            el: '.banner .swiper-pagination',
            clickable: true
        }
    });

    $('#marquee').kxbdMarquee({direction: 'up', isEqual: false, scrollDelay: 50});

    tabsSwiper('.hy-menu', '.hy-con');
    function tabsSwiper(menu, con) {
        var swiper = new Swiper(con, {
            speed: 500,
            spaceBetween: 20,
            on: {
                slideChangeTransitionStart: function () {
                    $(menu).find('li').eq(this.activeIndex).addClass('active').siblings().removeClass('active');
                }
            }
        });
        $(menu).on('click', 'li', function (e) {
            $(this).addClass('active').siblings().removeClass('active');
            swiper.slideTo($(this).index());
        });
    }
</script>
</body>
</html>