<extend name="Public/base" />
<block name="body">

  <!-- slider -->
  <div class="container w-480 p-n">

    <div class="swiper-container index-slider" id="index-slider">

        <div class="swiper-wrapper">
            <!-- list -->
			<cms:banner result="data">
            <div class="swiper-slide list-item">
              <a target="_target" href="{$data.url}">
              <img src="{$data.img}">
              </a>
            </div>
            </cms:banner>
   
     
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

  </div>
  
  <!-- end slide -->
  <!-- 主体 -->
  <div class="container w-480 p-n">
  <div class="container-fluid p-n">
    <!-- 产品分类 -->
    <div class="list-group-imgtext i-t-s-7 p-t-20">
        <div class="row">
		   <cms:cate id="1">
            <div class="col-xs-3 col-md-3 list-item">
              <div>
                  <a href="{$data.href}" class="thumbnail">
                  <i class="icon iconfont">&#xe613;</i>
                  </a>
                  <div class="list-item-title">
                    <a href="{$data.href}" class="box-ellipsis">{$data.title}</a>
                  </div>
              </div>
            </div>
			</cms:cate>
			
			<cms:cate id="2">
            <div class="col-xs-3 col-md-3 list-item">
              <div>
                  <a href="{$data.href}" class="thumbnail">
                  <i class="icon iconfont">&#xe60b;</i>
                  </a>
                  <div class="list-item-title">
                    <a href="{$data.href}" class="box-ellipsis">{$data.title}</a>
                  </div>
              </div>
            </div>
			</cms:cate>
			
			<cms:cate id="3">
            <div class="col-xs-3 col-md-3 list-item">
              <div>
                  <a href="{$data.href}" class="thumbnail">
                  <i class="icon iconfont">&#xe608;</i>
                  </a>
                  <div class="list-item-title">
                    <a href="{$data.href}" class="box-ellipsis">{$data.title}</a>
                  </div>
              </div>
            </div>
			</cms:cate>
			
			<cms:cate id="4">
            <div class="col-xs-3 col-md-3 list-item">
              <div>
                  <a href="{$data.href}" class="thumbnail">
                  <i class="icon iconfont">&#xe610;</i>
                  </a>
                  <div class="list-item-title">
                    <a href="{$data.href}" class="box-ellipsis">{$data.title}</a>
                  </div>
              </div>
            </div>
            </cms:cate>
        </div>
      </div>
      <!-- 推荐产品 -->
      <div class="module-group-column">
        <!-- 通栏 -->
        <div class="item item-fluid brn">
         <cms:cate id="17">
          <div class="item-title clearfix">
              <span class="ch pull-left">{$data.title}</span>  
              <span class="en pull-left m-l-10">{$data.title_en}</span>
              <a href="{$data.href}" class="link-more fr"><i class="fa fa-angle-right"></i></a>
          </div>
		  </cms:cate>
          <div class="item-content p-t-20 p-b-20">
            <!-- slider -->
            <div class="swiper-container" id="course-container">
                <div class="swiper-wrapper list-group-imgtext i-t-s-1">
                    <!-- list -->
					<cms:arc cate="17"   limit="10" >
                    <div class="swiper-slide list-item">
                      <div>
                          <a href="{$data.href}" class="thumbnail">
                            <img src="{$data.cover}" alt="" title="" data-background="rgba(120,100,240,0.85)">
                            <div class="hover-box">
                              <div>
                                <span>{$data.title}</span> 
                              </div>
                            </div>
                          </a>
                      </div>
                    </div>
                    </cms:arc>
               

                </div>
                <!-- Add Scrollbar -->
                <div class="swiper-scrollbar"><div class="swiper-scrollbar-drag"></div></div>
            </div>
          </div>

        </div>
        
		<!-- 通栏孕中心动态 -->
        <div class="item item-fluid brn pull-left">
		 <cms:cate id="2">
          <div class="item-title clearfix">
              <span class="ch pull-left">{$data.title}</span>  
              <span class="en pull-left m-l-10">{$data.title_en}</span>
              <a href="{$data.href}" class="link-more fr"><i class="fa fa-angle-right"></i></a>
          </div>
		 </cms:cate>
          <div class="item-content p-t-10 p-b-20">
            <!-- 新闻 -->
            <div class="list-group-text t-s-1">
              <ul>
			  <cms:arc cate="2"  limit="5"  son="true">
                <li class="clearfix">
                  <a href="{$data.href}"><i class="list-type fl"></i>{$data.title|_substr=13}<i class="fa fa-angle-right fr"></i></a>
                </li>
              </cms:arc>    
              </ul>
            </div>
          </div>
        </div>
      </div>
  

    
  </div>
  </div>
  <!-- //主体 -->
</block>