{template 'systemwelcome/home/template10/header'}
<script
    src="{$_W['siteroot']}addons/duson_system/template/systemwelcome/home/{$template}/js/swiper.min.js"></script>
<link rel="stylesheet"
    href="{$_W['siteroot']}addons/duson_system/template/systemwelcome/home/{$template}/css/index.css" />
    <!-- 第十套模板 -->
      <!-- banner -->
      <div class="inner-wrapper">
        <div id="primary" class="content-area">
          <div id="banner">
            <div class="swiper-container">
              <ul class="swiper-wrapper">
                {loop $content['slide'] $v}
                <li class="swiper-slide"><a href="{$v['url']}"><img src="{php echo $_W['attachurl'].$v['slide']}" alt=""></a></li>
                {/loop}
              </ul>
            </div> 
            <div class="swiper-pagination">
            </div>
          </div>
        </div>
      </div>
    </div>
  <!-- 我们的优势 -->
  <div class="business_section">
    <div class="container">
      <div class="business_warp">
        <div class="menu_tit1 wow fadeInUp4" data-wow-duration="1.2s" data-wow-delay=".1s">{$content['control']['title1']}</div>
        <div class="menu_tit2 wow fadeInUp5" data-wow-duration="1.2s" data-wow-delay=".35s"></div>
        <div class="business_list">
          <ul class="row shadow-grid p-h-s m-v-l">
            {loop $content['advantage'] $v}
            <li class="col-lg-3 col-md-6 col-sm-6 col-xs-6 wow fadeInUp3" data-wow-duration="1.7s"
              data-wow-delay=".2s"> <a href="javascript:void(0)" class="p-s">
                <div class="business_icon">
                  <div class="red-bak"></div>
                  <span class="icon"><img src="{php echo $_W['attachurl'].$v['img']}" alt=""></span>
                </div>
                <div class="business_txt cur">
                  <h2>{$v['title']}</h2>
                  <p class="h5"></p>
                </div>
              </a> </li>
              {/loop}
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- 四项数据 -->
  <div class="counters">
    <div class="counter_con">
      <div class="con-tit con-tit2">
        <div class="tit_txt1 wow fadeInUp4" data-wow-duration="1.2s" data-wow-delay=".1s">{$content['control']['title17']}</div>
        <div class="tit_txt2 wow fadeInUp5" data-wow-duration="1.2s" data-wow-delay=".4s">{$content['control']['sketch17']}</div>
      </div>
    </div>
    <div class="full_section_inner">
      <div class="counter_list  clearfix">
        <ul class="row">
          <li class="col-md-3 col-sm-2 col-xs-6">
            <div class="q_counter_holder wow fadeIn" data-wow-duration="1s" data-wow-delay=".1s"> <span
                class="counter counter1" id="count-number" data-to="{$content['control']['sketch9']}" data-speed="1000">0</span>&nbsp;<span
                class="unit">位</span>
              <p class="counter_text">{$content['control']['title9']}</p>
            </div>
          </li>
          <li class="col-md-3 col-sm-2 col-xs-6">
            <div class="q_counter_holder wow fadeIn" data-wow-duration="1s" data-wow-delay=".5s"> <span
                class="counter counter2" id="count-number" data-to="{$content['control']['sketch10']}" data-speed="1500">0</span>&nbsp;<span
                class="unit">家</span>
              <p class="counter_text">{$content['control']['title10']}</p>
            </div>
          </li>
          <li class="col-md-3 col-sm-2 col-xs-6">
            <div class="q_counter_holder wow fadeIn" data-wow-duration="1s" data-wow-delay=".9s"> <span
                class="counter counter3" id="count-number" data-from="2000" data-to="{$content['control']['sketch11']}"
                data-speed="2000">0</span>&nbsp;<span class="unit">年</span>
              <p class="counter_text">{$content['control']['title11']}</p>
            </div>
          </li>
          <li class="col-md-3 col-sm-2 col-xs-6">
            <div class="q_counter_holder wow fadeIn" data-wow-duration="1s" data-wow-delay="1.3s"> <span
                class="counter">0</span><span class="counter counter4" id="count-number" data-to="{$content['control']['sketch12']}"
                data-speed="2500">0</span>&nbsp;<span class="unit">年</span>
              <p class="counter_text">{$content['control']['title12']}</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="box-shadow"></div>
    <!--背景-->
    <video loop poster="" id="bgvid" class="bg_video">
    </video>
  </div>
  <!-- 案例展示 -->
  <div class="product">
    <div class="product_txt container">
      <div class="product_txt1 wow fadeInUp4" data-wow-duration="1.2s" data-wow-delay=".1s">{$content['control']['title5']}<span
          class="br-m"></span></div>
      <div class="product_txt2 wow fadeInUp5" data-wow-duration="1.2s" data-wow-delay=".35s"></div>
    </div>
    <div class="case_list container">
      <ul class="row">
        {loop $case $v}
        <li class="col-xs-6 col-sm-4 col-md-4 col-lg-4"> <a href="{php echo $content['setup']['rewrite'] ? '/web/ot/caseinfo/'.$v['type_id'].'/'.$v['id'] : url('account/welcome/display',array('ot'=>'case_detail','case_type_id'=>$v['type_id'],'case_id'=>$v['id']))}">
          <div class="case_img hover-shadow"> <img src="{$_W['attachurl']}{$v['img']}" data-original="{$_W['attachurl']}{$v['img']}" class="img-responsive lazy"/>
            <div class="case_cover"></div>
          </div>
          </a>
          <div class="case_txt">
            <div class="case-left case_name">{$v['title']}</div>
            <div class="case-right category">类别：{$v['type_name']}</div>
            <div class="clearfix"></div>
          </div>
        </li>
        {/loop}
      </ul>
      <a href="{php echo $content['setup']['rewrite'] ? '/web/ot/case' : url('account/welcome/display',array('ot'=>'case'))}" class="more_button"> <i></i>
        <div class="dot1"><span>•</span><span>•</span><span>•</span></div>
        <div class="dot2"><span>•</span><span>•</span><span>•</span></div>
      </a>
    </div>
  </div>
  <div class="line"></div>
  {template 'systemwelcome/home/template10/message'}
  <!-- 新闻中心 -->
  <div class="index-news container letmove">
    <div class="index-news-list-all">
	{loop $news_type $k $l}
	<div class="index-news-list">
		<h3>{$l['name']}</h3>
		{loop $l['center'] $key $val}
		{if $key < 2}
		<div class="index-news-one">
			<a class="inews-one-l" href="{php echo $content['setup']['rewrite'] ? '/web/ot/newsinfo/'.$val['type_id'].'/'.$val['id'] : url('account/welcome/display',array('ot'=>'news_detail','news_type_id'=>$v['type_id'],'news_id'=>$val['id']))}">{$val['title']}</a> 
			<span  class="inews-one-r">[<?php echo date('Y-m-d',strtotime($val['time']))?>]</span> 
		</div>
		{/if}
		{/loop}
	</div>
     {/loop}
    </div>
    <a href="{php echo $content['setup']['rewrite'] ? '/web/ot/news/' : url('account/welcome/display',array('ot'=>'news'))}" class="more_button"> <i></i>
      <div class="dot1"><span>•</span><span>•</span><span>•</span></div>
      <div class="dot2"><span>•</span><span>•</span><span>•</span></div>
    </a>
  </div>
  <script>
    //轮播图
	let mySwiper = new Swiper('#banner .swiper-container', {
		autoplay: 3000,//可选选项，自动滑动，手指触屏滑动会停止自动轮播
		autoplayDisableOnInteraction : false,//手指触屏滑动之后，重新开启自动轮播
		initialSlide :0,//初始显示的li的索引
		speed : 500,//滑动的速度
		observer:true,//当li节点被修改的时候自动更新Swiper
		observeParents:true,//当容器container宽度改变的时候(window.onresize或者自适应)自动更新Swiper
		grabCursor : true,//鼠标抓手形状，触屏看不到
		pagination : '#banner .swiper-pagination',//下面的图标跟随切换
		loop : true,//无缝轮播 自动在li列表的前面添加最后一个，在li列表后面添加第一个
		paginationClickable: true
  });
 
  </script>
  {template 'systemwelcome/home/template10/footer'}