{include file="en@layout/header" /}

<!-- index page swiper -->
<link rel="stylesheet" href="__PUBLIC__/projects/index/css/swiper-bundle.min.css"/>
<!-- index page swiper -->
<div class="layout-container">
    <div class="swiper main-banner-swiper" id="mainBannerSwiper">
        <div class="swiper-wrapper">
            {volist name="adimg" id="vo"}
            <div class="swiper-slide">
                <img src="__PUBLIC__/uploadfile/{$vo.images}"
                     class="b-img pure-img">
            </div>
            {/volist}

        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
    </div>

    <!-- <div class="product-category-wrap">
        <div class="product-category-container">
            {volist name="producttype" id="vo"}
                <div class="cate-item"><i class="iconfont bn-arrow-right"></i> <a href="__APP__/index/index/product?type={$vo.id}">{$vo.name}</a></div>
            {/volist}
        </div>
    </div> -->
    <div class="product-category-wrap">
        <ul class="category-banner-list">
            {volist name="producttype" id="vo"}
            <li style="background-image: url('__PUBLIC__/uploadfile/{$vo.pictrue}');">
                <a href="__APP__/en/index/product?type={$vo.id}">
                    <div class="subhead">{$vo.name}</div>
                    <div class="link">more</div>
                </a>
            </li>
            {/volist}

        </ul>

    </div>

    <div class="page-content">
        <div class="sub-banner-wrap"
             style="height: 200px; background-image: url('__PUBLIC__/uploadfile/{$lgimg.images}');">
        </div>
        <div class="cart-list-page">
            <div class="grid-image-layout grid-col-4" id="masonryWrap">
                {volist name="inspiration" id="vo" key="k"}
                {if condition="$k elt 4"}
                <div class="grid-item cart-wrap masonry-cart">
                    <a data-fancybox="gallery" data-src="__PUBLIC__/uploadfile/{$vo.image}" href="__APP__/en/index/inspiration?id={$vo.id}"
                       class="cart-mid">
                        <div class="image-box">
                            <img src="__PUBLIC__/uploadfile/{$vo.image}" alt="">
                        </div>
                        <ul class="masonry-desc">
                            <li>name: {$vo.name}</li>
                            <li>product: {$vo.product}</li>
                            <li>photographer: {$vo.photographer}</li>
                            <li>country: {$vo.country}</li>
                        </ul>
                    </a>
                </div>
                {/if}
                {/volist}

            </div>
            <!-- <div class="load-more-wrap center-wrap">
              <span class="btn load-btn">点击加载更多</span>
            </div> -->
        </div>
    </div>

    <div class="product-application-wrap"
         style="background-image: url('__PUBLIC__/uploadfile/{$applicationImg.images}');">
        <div class="part-title">Applications</div>
        <div class="page-content cart-list-page">
            <div class="grid-image-layout grid-col-4">
                {volist name="application" id="vo" key="k"}
                {if condition="$k elt 4"}
                <div class="grid-item cart-wrap masonry-cart">
                    <a href="__APP__/en/index/application_detail?id={$vo.id}" class="cart-mid">
                        <div class="image-box">
                            <img src="__PUBLIC__/uploadfile/{$vo.image}" alt="">
                        </div>
                        <div class="article-desc">
                            <h4 class="title">{$vo.name}</h4>
                            <div class="article-txt">
<!--                                {$vo.content|substr=0,40}...-->
                            </div>
                            <div class="article-link">
                                <i class="iconfont bn-arrow-right"></i>

                            </div>
                        </div>
                    </a>
                </div>
                {/if}
                {/volist}
            </div>
            <div class="load-more-wrap center-wrap">
                <span class="btn load-btn">more</span>
            </div>
        </div>
    </div>


    </div>
    <!-- 新闻列表 -->
    <div class="news-scroll-wrap page-content pc-page-header">
      <ul class="grid-image-layout">
          {volist name="news" id="vo"}
          <li class="cart-wrap big-cart-item">
              <a href="__APP__/en/index/news_detail?id={$vo.id}" class="cart-mid">
                  <div class="image-box">
                      <img src="__PUBLIC__/uploadfile/{$vo.image}" alt="">
                  </div>
                  <div class="article-desc">
                      <h4 class="title">{$vo.title}</h4>
                      <div class="article-txt">
                          {$vo.content|substr=0,180}...
                      </div>
                      <div class="center-wrap bot-nav">
                          <div class="article-link">
                              <i class="iconfont bn-arrow-right"></i>
                          </div>
                          <div class="time">
                              {$vo.times}
                          </div>
                      </div>
                  </div>
              </a>
          </li>
          {/volist}
      </ul>

      <div class="load-more-wrap center-wrap">
          <a class="btn load-btn" href="__APP__/en/index/news">more news</a>
      </div>
    </div>


    <section class="bn-worldWide-wrap center-wrap">
        <div class="page-content worldwide-container">
            <h2 class="worldwide-title">{$content.title}</h2>
            <a href="__APP__/{$content.url}" class="worldwide-link">
                <img src="__PUBLIC__/uploadfile/{$newsmenu.column_img}" class="worldwide-img"/>
            </a>
        </div>
    </section>
</div>
<script src="__PUBLIC__/projects/index/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/projects/index/js/jquery.SuperSlide.2.1.1.js"></script>
<script>
    var swiper = new Swiper(".main-banner-swiper", {
        loop: true,
        autoplay: true,
        effect: 'fade',
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        pagination: {
            el: ".swiper-pagination",
        },
    });

    jQuery(".slide-item-box").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        autoPage: true,
        effect: "leftLoop",
        autoPlay: false,
        scroll: 3,
        vis: 3,
        delayTime: 700,
        trigger: "click"
    })
</script>
{include file="en@layout/footer" /}