{template 'systemwelcome/home/template11/header'}

    <div class="sliderbox">
      <div id="owl0" class="owl-carousel owl-theme">
        {loop $content['slide'] $v}
        <div class="item"><a href="{$v['url']}" title="{$v['name']}"><img
              src="{php echo $_W['attachurl'].$v['slide']}"
              alt="{$v['name']}" /></a>
          <div class="text"><a class="bnLink" href="{$v['url']}"></a>
            <h4 class="anim fadeInUp">{$v['name']}</h4>
            <p class="anim fadeInUp">{$v['profile']}</p>
            <a href="{$v['url']}"><span class="anim fadeInUp"><em>{$v['remark']}</em></span></a>
          </div>
        </div>
        {/loop}
      </div>
    </div>
  </header>
  <!-- 第七套模板 -->
  <div class="container Wauto">
    <div class="main w1200">
      <div class="article w1">
        <!--服务/优势-->
        <div class="PostBox advBg">
          <article class="post">
            <div class="postTitle anim fadeInUp">
              <h3>{$content['control']['title1']}</h3>
              <span class="title1">{$content['control']['sketch1']}</span>
            </div>
            <div class="PostBox">
              <div class="owl-carousel owl1 anim fadeInUp">
                {loop $content['advantage'] $v}
                <div class="item advIcon">
                  <div class="imgBox"> <img class="owl-lazy"
                      data-src="{php echo $_W['attachurl'].$v['img']}">
                  </div>
                  <div class="imgText">
                    <h4>{$v['title']}</h4>
                    <p>{php echo html_entity_decode($v['content'])}</p>
                  </div>
                </div>
                {/loop}
              </div>
            </div>
          </article>
        </div>
        <!--产品中心-->
        <div class="PostBox serviceBg">
          <article class="post">
            <div class="postTitle anim fadeInUp">
              <h3>{$content['control']['title14']}</h3>
              <span class="title1">{$content['control']['sketch13']}</span>
            </div>
            <div class="PostShow">
              <div id="owl1" class="owl-carousel">
                {loop $content['app'] $v}
                <div class="item">
                  <div class="post-img loading">
					<a class="pic float-left" href="{php echo $content['setup']['rewrite'] ? '/web/ot/appinfo/'.$v['type_id'].'/'.$v['id'] : url('account/welcome/display',array('ot'=>'app_detail','app_type_id'=>$v['type_id'],'app_id'=>$v['id']))}"
                      title="{$v['title']}"> 
					  <img src="{php echo $_W['attachurl'].$v['i_img']}" alt="{$v['title']}" /> 
					</a> 
				</div>
                  <h4>
					<a href="{php echo $content['setup']['rewrite'] ? '/web/ot/appinfo/'.$v['type_id'].'/'.$v['id'] : url('account/welcome/display',array('ot'=>'app_detail','app_type_id'=>$v['type_id'],'app_id'=>$v['id']))}" title="{$v['title']}">{$v['title']}</a>
                  </h4>
                  <i class="h2"> {$v['content']}</i>
                </div>
                {/loop}
                
              </div>
            </div>
            <div class="more anim fadeInUp"><a href="{php echo $content['setup']['rewrite'] ? '/web/ot/app' : url('account/welcome/display',array('ot'=>'app'))}"><span>查看更多 + </span></a></div>
          </article>
        </div>
        <!-- 案例展示 -->
        <div class="PostBox caseBg">
          <article class="post">
            <div class="postTitle anim fadeInUp">
              <h3>{$content['control']['title5']}</h3>
              <span class="title1">{$content['control']['sketch5']}</span>
            </div>
            <div class="PostMix">
              <div class="cateTab anim fadeInUp"> 
                {loop $case_type $v}
                <span class="button"> <a href="{php echo $content['setup']['rewrite'] ? '/web/ot/type/case/'.$v['id'] : url('account/welcome/display',array('ot'=>'case','case_type_id'=>$v['id']))}">{$v['name']}</a></span>
                  {/loop} </div>
              <ul class="cateConlist">
                {loop $case $v}
                <li class="mix anim fadeInUp">
                  <div class="post-img loading"><a class="pic float-left" href="{php echo $content['setup']['rewrite'] ? '/web/ot/caseinfo/'.$v['type_id'].'/'.$v['id'] : url('account/welcome/display',array('ot'=>'case_detail','case_categories_id'=>$v['categories_id'],'case_id'=>$v['id']))}"
                      title="{$v['title']}">
                      <div class="post-text">
                        <h4>{$v['title']}</h4>
                        <i>{$v['notes']}</i>
                      </div>
                      <div class="msk"></div>
                      <img class="b-lazy"
                        src="{$_W['attachurl']}{$v['img']}"
                        data-src="{$_W['attachurl']}{$v['img']}" alt="{$v['title']}" />
                    </a></div>
                </li>
                {/loop}
              </ul>
            </div>
            <div class="more anim fadeInUp"><a href="{php echo $content['setup']['rewrite'] ? '/web/ot/case' : url('account/welcome/display',array('ot'=>'case'))}"><span>查看更多 + </span></a></div>
          </article>
        </div>
        <!-- 四项数据 -->
        <div class="PostBox about aboutBg">
          <article class="post">
            <div class="postAbout">
              <div class="postLeft anim fadeInLeft" style="background-image:url({php echo $_W['attachurl'].$content['control']['case_bg']});">
                <ul class="PostSl">
                  <li>
                    <p class="slNumber"><span><i class="timer count" data-to="{$content['control']['sketch9']}">0</i><em>+</em></span></p>
                    <p class="slTitle">{$content['control']['title9']}</p>
                  </li>
                  <li>
                    <p class="slNumber"><span><i class="timer count" data-to="{$content['control']['sketch10']}">0</i><em>+</em></span></p>
                    <p class="slTitle">{$content['control']['title10']}</p>
                  </li>
                  <li>
                    <p class="slNumber"><span><i class="timer count" data-to="{$content['control']['sketch11']}">0</i><em>年</em></span></p>
                    <p class="slTitle">{$content['control']['title11']}</p>
                  </li>
                  <li>
                    <p class="slNumber"><span><i class="timer count" data-to="{$content['control']['sketch12']}">0</i><em>+</em></span></p>
                    <p class="slTitle">{$content['control']['title12']}</p>
                  </li>
                </ul>
                <div class="mask"></div>
              </div>
              <div class="postRight anim fadeInUp">
                <div class="postTitle anim fadeInUp">
                  <h3>{$content['about']['title']}</h3>
                  <span class="title1">{$content['about']['synopsis']}</span>
                </div>
                <div class="PostText anim fadeInUp">
                  {php echo html_entity_decode($content['about']['content'])}</div>
                <div class="more anim fadeInUp"><a href="{php echo $content['setup']['rewrite'] ? '/web/ot/about' : url('account/welcome/display',array('ot'=>'about'))}"><span>查看详情 + </span></a></div>
              </div>
            </div>
          </article>
        </div>
        <!-- 合作流程 -->
        <div class="PostBox process">
          <div class="container">
            <article class="post">
              <div class="postTitle anim fadeInUp">
                <h3><i class="tLeft"></i>合作流程<i class="tRight"></i></h3>
                <span class="title1">Cooperation process</span>
              </div>
              <div class="PostBox">
                <ul class="usList">
                  <div class="owl-carousel owl4 anim fadeInUp">
                    <li class="item"><i class="listId">01<em class="iBg"></em></i>
                      <h5>联系客服</h5>
                    </li>
                    <li class="item"><i class="listId">02<em class="iBg"></em></i>
                      <h5>了解需求</h5>
                    </li>
                    <li class="item"><i class="listId">03<em class="iBg"></em></i>
                      <h5>达成协议</h5>
                    </li>
                    <li class="item"><i class="listId">04<em class="iBg"></em></i>
                      <h5>支付定金</h5>
                    </li>
                    <li class="item"><i class="listId">05<em class="iBg"></em></i>
                      <h5>设计开发</h5>
                    </li>
                    <li class="item"><i class="listId">06<em class="iBg"></em></i>
                      <h5>部署测试</h5>
                    </li>
                    <li class="item"><i class="listId">07<em class="iBg"></em></i>
                      <h5>支付余款</h5>
                    </li>
                    <li class="item"><i class="listId">08<em class="iBg"></em></i>
                      <h5>售后服务</h5>
                    </li>
                  </div>
                </ul>
              </div>
            </article>
          </div>
        </div>
        <!-- 新闻动态 -->
        <div class="PostBox newsBg">
          <article class="post news n1">
            <div class="postTitle anim fadeInUp">
              <h3>{$content['control']['title7']}</h3>
              <span class="title1">{$content['control']['sketch15']}</span>
            </div>
            <div class="PostNews">
              <ul>
                <div class="owl-carousel owl3 anim fadeInUp">
                  {loop $news_center $val}
                  <div class="item">
                    <div class="imgBox loading"><a class="pic float-left" 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']))}"
                        title="{$val['title']}"><img class="owl-lazy"
                          data-src="{php echo $_W['attachurl'].$val['img']}"
                          alt="{$val['title']}" /> </a></div>
                    <div class="imgText">
                      <h4><a 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']))}" title="{$alv['title']}">{$val['title']}</a></h4>
                      <p>{$val['profile']}</p>
                      <p class="time">{$val['time']}</p>
                      <i class="iconfont"><a href="{php echo url('account/welcome/display',array('ot'=>'news_detail','news_type_id'=>$val['type_id'],'news_id'=>$val['id']))}"
                          title="{$v['title']}">&#xe727;</a></i>
                    </div>
                  </div>
                  {/loop}
                </div>
              </ul>
            </div>
            <div class="more anim fadeInUp"><a href="{php echo $content['setup']['rewrite'] ? '/web/ot/news' : url('account/welcome/display',array('ot'=>'news'))}"><span>查看更多 + </span></a></div>
          </article>
        </div>
        <div class="PostBox hbBg">
          <div class="container">
            <article class="post">
              <div class="postTitle anim fadeInUp">
                <h3><i class="tLeft"></i>{$content['control']['title6']}<i class="tRight"></i></h3>
                <span class="title1">{$content['control']['sketch6']}</span>
              </div>
              <div class="PostBox">
                <div class="hbList owl-carousel owl5 anim fadeInUp">
                  {loop $content['customer'] $v}
                  <div class="flip-container item">
                    <div class="flipper">
                      <div class="front"><img alt="img"
                          src="{php echo $_W['attachurl'].$v['img']}">
                      </div>
                      <div class="back"><img alt="img"
                          src="{php echo $_W['attachurl'].$v['img']}">
                      </div>
                    </div>
                  </div>
                  {/loop}
                </div>
              </div>
            </article>
          </div>
        </div>
        <div class="PostBox contactBg">
          <div class="post">
            <div class="contBox anim fadeInUp">
              <div class="mapBtn"><i class="iconfont">&#xe65a;</i><i class="iconfont close">&#xe605;</i></div>
              <div class="contText">
                <div class="postTitle">
                  <h3>{$content['control']['title18']}</h3>
                  <span class="title1">{$content['control']['sketch21']}</span>
                </div>
                <div class="boxText">
                  <p class="map_y tel"><span>{$content['setup']['phone']}</span></p>
                  <p><span>手机：{$content['setup']['phone']}</span></p>
                  <p><span>Q&nbsp;Q：{$content['setup']['qq']}</span></p>
                  <p><span>邮箱：{$content['setup']['email']}</span></p>
                  <p><span class="add">地址：{$content['setup']['address']}</span></p>
                  <div class="map_y social anim fadeInUp"> <a class="socialLink s-weixin" href="javascript:void(0)"><i
                        class="iconfont">&#xe715;</i></a> <a href="mailto:{$content['setup']['email']}" target="_blank"
                      class="socialLink s-email" rel="nofollow"><i class="iconfont">&#xe632;</i></a> <a
                      href="https://weibo.com/" target="_blank" class="socialLink s-tencent" rel="nofollow"
                      title="腾讯微博"><i class="iconfont">&#xe606;</i></a> <a href="http://t.qq.com/" target="_blank"
                      class="socialLink s-weibo" rel="nofollow" title="新浪微博"><i class="iconfont">&#xe67a;</i></a> </div>
                </div>
              </div>
            </div>
          </div>
          <div id="ummap"> </div>
        </div>
      </div>
    </div>
  </div>
  
  <script>
    var containerEl = document.querySelector('.cateConlist');
    var mixer = mixitup(containerEl);
  </script>
  <!-- <script type="text/javascript" src="{$_W['siteroot']}addons/duson_system/template/systemwelcome/home/{$template}/js/map.js"></script> -->
  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={$content['setup']['baidu_AK']}&s=1"></script>
  <script type="text/javascript">
    $(function () {
      var dataX = "{$content['setup']['longitude']}";
      var dataY = "{$content['setup']['latitude']}";
      var dataN = '<ul>' + $('.contText .boxText').html() + '</ul>'; 
      // 百度地图API功能
      var map = new BMap.Map("ummap");
      var point = new BMap.Point(dataX, dataY);
      var marker = new BMap.Marker(point);
      map.addOverlay(marker);
      map.centerAndZoom(point, 15);

      var opts = {
        width: 200,
        title: '',
        enableMessage: true
      }
      var infoWindow = new BMap.InfoWindow(dataN, opts);  // 创建信息窗口对象 
      map.openInfoWindow(infoWindow, point); //开启信息窗口
      marker.addEventListener("click", function () {
        map.openInfoWindow(infoWindow, point); //开启信息窗口
      });
    });
  </script>
{template 'systemwelcome/home/template11/footer'}