{include file=comm/head.html}
<!-- 幻灯片 -->
<div class="swiper-container">
  <div class="swiper-wrapper">
    {pboot:slide num=5 gid=1}
    <div class="swiper-slide">
      <a href="[slide:link]">
        <img src="[slide:src]" class="d-block w-100" alt="slide_[slide:i]">
      </a>
      <div class="container">
        <div class="position-absolute text-light" style="top:30%;">
          <h1 class="fs-20 fs-sm-32 wow slideInUp">[slide:title]</h1>
          <h4 class="fs-14 fs-sm-20 wow slideInUp">[slide:subtitle]</h4>
        </div>
      </div>
    </div>
    {/pboot:slide}
  </div>
  <div class="swiper-button-prev d-none d-md-block"></div>
  <!--左箭头-->
  <div class="swiper-button-next d-none d-md-block"></div>
  <!--右箭头-->
  <div class="swiper-pagination"></div>
</div>
<!--设备推荐-->
<div class="bg-white py-5">
  <div class="container">
    {pboot:sort scode={pboot:scode:equips}}
    <div class="text-center fs-26 fs-sm-28 text-success wow fadeInDown">[sort:name]</div>
    <div class="text-center fs-14 fs-sm-16 mb-4 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
    {/pboot:sort}
    <div class="row">
     {pboot:list scode=12 isrecommend=1 num=8 order=date}  <!-- 8个就是2行，order=data不方便 -->
    <div class="col-12 col-sm-6 col-lg-3 wow zoomIn" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
        <div class="card">
          <div class="card-img-220">
      <div class="card_float">
      {pboot:if([list:scode]==12)}{plang2:nav_equips}{/pboot:if}
      {pboot:if([list:scode]==13)}{plang2:nav_parts}{/pboot:if}
      </div>
      <a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a>
      </div>
          <div class="card-body">
          <h5 class="card-title"><a href="[list:link]">[list:title lencn=12]</a></h5>
          <p class="card-text">
          {pboot:if([list:istop]==1)}
            <span class="badge badge-danger">{plang:id_top}</span>
          {/pboot:if}
          {pboot:if([list:isrecommend]==1)}
            <span class="badge badge-warning">{plang:id_recomend}</span>
          {/pboot:if}
          {pboot:if([list:isheadline]==1)}
            <span class="badge badge-info">{plang:id_headline}</span>
          {/pboot:if}
          [list:content drophtml=1 dropblank=1 len=50]
          </p>
          <p>
          {pboot:tags id=[list:id] scode={sort:tcode}}
            <a href="[tags:link]"><span class="badge badge-secondary">[tags:text]</span></a>
      {/pboot:tags}
      </p>
          </div>
         </div>
     </div>
    {/pboot:list}
    </div>
  {pboot:sort scode=12 isrecommend=1}
    <div class="text-center mt-4 wow fadeInDown" data-wow-delay="1s"><h4><a href="[sort:link]" class="text-secondary fs-14 fs-sm-16">{plang:id_more}</a></h4></div>
  {/pboot:sort}
  </div>
</div>

<!--配件推荐-->
<div class="bg-white py-5">
  <div class="container">
    {pboot:sort scode={pboot:scode:parts}}
    <div class="text-center fs-26 fs-sm-28 text-success wow fadeInDown">[sort:name]</div>
    <div class="text-center fs-14 fs-sm-16 mb-4 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
    {/pboot:sort}

    <div class="row">
     {pboot:list scode=13 isrecommend=1 num=12 order=date}  <!-- 12个就是3行，order=data不方便 -->
    <div class="col-12 col-sm-6 col-lg-3 wow zoomIn" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
        <div class="card">
          <div class="card-img-220">
      <div class="card_float">
      {pboot:if([list:scode]==12)}{plang2:nav_equips}{/pboot:if}
      {pboot:if([list:scode]==13)}{plang2:nav_parts}{/pboot:if}
      </div>
      <a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a>
      </div>
          <div class="card-body">
          <h5 class="card-title"><a href="[list:link]">[list:title lencn=12]</a></h5>
          <p class="card-text">
          {pboot:if([list:istop]==1)}
            <span class="badge badge-danger">{plang:id_top}</span>
          {/pboot:if}
          {pboot:if([list:isrecommend]==1)}
            <span class="badge badge-warning">{plang:id_recomend}</span>
          {/pboot:if}
          {pboot:if([list:isheadline]==1)}
            <span class="badge badge-info">{plang:id_headline}</span>
          {/pboot:if}
          [list:content drophtml=1 dropblank=1 len=50]
          </p>
          <p>
          {pboot:tags id=[list:id] scode={sort:tcode}}
            <a href="[tags:link]"><span class="badge badge-secondary">[tags:text]</span></a>
      {/pboot:tags}
      </p>
          </div>
         </div>
     </div>
    {/pboot:list}
    </div>
  {pboot:sort scode=13 isrecommend=1}
    <div class="text-center mt-4 wow fadeInDown" data-wow-delay="1s"><h4><a href="[sort:link]" class="text-secondary fs-14 fs-sm-16">{plang:id_more}</a></h4></div>
  {/pboot:sort}
  </div>
</div>
<!-- 文章 -->
<div class="bg-white py-5">
  <div class="container">
    {pboot:sort scode=2}
    <div class="text-center fs-26 fs-sm-28 text-warning wow fadeInDown">{city:name}[sort:name]</div>
    <div class="text-center fs-14 fs-sm-16 mb-5 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
    {/pboot:sort}
    <div class="row">
      {pboot:list scode=2 num=4 isrecommend=1 order=date}
      <div class="col-12 col-lg-6 mb-3 wow fadeInUp" data-wow-delay="500ms">
        <div class="media mb-3">
          <div class="media-body">
            <h5><a href="[list:link]" title="[list:title]">[list:title lencn=20]</a></h5>
            <p><a href="[list:link]" class="text-secondary lh-2">[list:content drophtml=1 dropblank=1 lencn=60] [list:date style=Y-m-d]</a></p>
          </div>
        </div>
      </div>
      {/pboot:list}
    </div>
    {pboot:sort scode=2 isrecommend=1}
    <div class="text-center wow fadeInDown" data-wow-delay="1s">
      <h4><a href="[sort:link]" class="text-secondary fs-14 fs-sm-16">{plang:id_more}</a></h4>
    </div>
    {/pboot:sort}
  </div>
</div>
<!-- 关于我们 -->
<div class="bg-light py-5">
  <div class="container">
    {pboot:sort scode={pboot:scode:aboutus}}
    <div class="text-center fs-26 fs-sm-28 text-info wow fadeInDown">{city:name}[sort:name]</div>
    <div class="text-center fs-14 fs-sm-16 mb-4 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
    {/pboot:sort}
    {pboot:content scode={pboot:scode:aboutus}}
    <div class="row text-secondary mb-5 px-3 lh-2 wow fadeInDown" data-wow-delay="500ms" style="text-indent:30px;">
      [content:content drophtml=1 dropblank=1 len=442 more='']
    </div>
    <div class="text-center wow fadeInDown" data-wow-delay="1s">
      <h4><a href="[content:link]" class="text-secondary fs-14 fs-sm-16">{plang:id_more}</a></h4>
    </div>
    {/pboot:content}
  </div>
</div>

<!--<nocompress>-->
<script src="{pboot:sitepath}/static/public/swiper-4.3.5/js/swiper.min.js"></script>
<script>
  var mySwiper = new Swiper('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    speed: 1500,
    autoplay: {
      delay: 10000,
      disableOnInteraction: false
    },
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  })
</script>
<!--</nocompress>-->
{include file=comm/foot.html}