<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
{php}
if($page == '1'){
			if($zbp->Config('bluecms')->title){
				$topTitle = $zbp->Config('bluecms')->title;
			}else{
				$topTitle = $zbp->name.$separator.$zbp->subname;
			}
		}else{
			if($zbp->Config('bluecms')->title){
				$topTitle = $zbp->Config('bluecms')->title.$separator.'第'.$page.'页';
			}else{
				$topTitle = $zbp->name.$separator.'第'.$page.'页'.$separator.$zbp->subname;
			}			
		}
		$keywords = $zbp->Config('bluecms')->keywords;
		$description = $zbp->Config('bluecms')->description;
{/php}
<title>{$topTitle}</title>
<meta name="keywords" content="{$keywords}" />
<meta name="description" content="{$description}" />
<link rel="icon" href="{$host}zb_users/theme/{$theme}/style/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="{$host}zb_users/theme/{$theme}/style/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="{$host}zb_users/theme/{$theme}/style/css/swiper.css">
<link rel="stylesheet" type="text/css" href="{$host}zb_users/theme/{$theme}/style/css/style.css">
<link rel="stylesheet" type="text/css" href="{$host}zb_users/theme/{$theme}/style/css/iconfont.css">
<script src="{$host}zb_users/theme/{$theme}/style/js/jquery-2.js"></script>
<script type="text/javascript" src="{$host}zb_users/theme/{$theme}/style/js/ajax.js"></script>
<script src="{$host}zb_system/script/zblogphp.js" type="text/javascript"></script>
<script src="{$host}zb_system/script/c_html_js_add.php" type="text/javascript"></script>
<style id="theia-sticky-sidebar-stylesheet-TSS">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>
</head>
<body>
{template:header}<div class="home_top_new container"> 
    <div class="new_focus">
        <div class="focus_slider">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                      {if $zbp->Config('bluecms')->ban1=='1'} <div class="swiper-slide">
                        <a href="{$zbp->Config('bluecms')->link1}" target="_blank">
                            <img src="{$host}zb_users/theme/{$theme}/style/ban/b01.jpg" alt="ftp常见错误问题">
                            <p></p>
                        </a>
                    </div>{/if}
                     {if $zbp->Config('bluecms')->ban2=='1'} <div class="swiper-slide">
                        <a href="{$zbp->Config('bluecms')->link2}" target="_blank">
                            <img src="{$host}zb_users/theme/{$theme}/style/ban/b02.jpg" alt="ftp常见错误问题">
                            <p>ftp常见错误问题</p>
                        </a>
                    </div>{/if}
                    {if $zbp->Config('bluecms')->ban3=='1'} <div class="swiper-slide">
                        <a href="{$zbp->Config('bluecms')->link3}" target="_blank">
                            <img src="{$host}zb_users/theme/{$theme}/style/ban/b03.jpg" alt="ftp常见错误问题">
                            <p>ftp常见错误问题</p>
                        </a>
                    </div>{/if}
                    {if $zbp->Config('bluecms')->ban4=='1'} <div class="swiper-slide">
                        <a href="{$zbp->Config('bluecms')->link4}" target="_blank">
                            <img src="{$host}zb_users/theme/{$theme}/style/ban/b04.jpg" alt="ftp常见错误问题">
                            <p>ftp常见错误问题</p>
                        </a>
                    </div>{/if}                            
                                    </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"><i class="fa fa-angle-right"></i></div>
                <div class="swiper-button-prev"><i class="fa fa-angle-left"></i></div>
            </div>
        </div>
    </div>
    <!-- # new_focus -->
  
    <div class="new_tj">
        <h3><i class="fa fa-file-text"></i>认识我们</h3>
        <span>{$zbp->Config('bluecms')->add8}</span>
<hr>
        <ul>
        {if bluecms_is_mobile()}
<li><a href="mqqwpa://im/chat?chat_type=wpa&uin={$zbp->Config('bluecms')->add1}&version=1&src_type=web&web_src=oicqzone.com" target="_blank"><img src="{$host}zb_users/theme/{$theme}/style/images/leftqq.png" border="0" ></a>&nbsp;
<a href="mqqwpa://im/chat?chat_type=wpa&uin={$zbp->Config('bluecms')->add2}&version=1&src_type=web&web_src=oicqzone.com" target="_blank"><img src="{$host}zb_users/theme/{$theme}/style/images/leftqq.png" border="0" ></a></li>
{else}
<li><a href="http://wpa.qq.com/msgrd?v=3&uin={$zbp->Config('bluecms')->add1}&site=qq&menu=yes" target="_blank"><img src="{$host}zb_users/theme/{$theme}/style/images/leftqq.png" border="0" ></a>&nbsp;
<a href="http://wpa.qq.com/msgrd?v=3&uin={$zbp->Config('bluecms')->add2}&site=qq&menu=yes" target="_blank"><img src="{$host}zb_users/theme/{$theme}/style/images/leftqq.png" border="0" ></a></li>
{/if}
                        
                        <li><a>服务热线：{$zbp->Config('bluecms')->add4}</a></li> 
                        <li><a>E-MAIL：{$zbp->Config('bluecms')->add6}</a></li> 
                        <li><a>地址：{$zbp->Config('bluecms')->add7}</a></li>                                   
                 
        </ul>
    </div>
    <!-- # new_tj --> 
</div>

<div class="pcd_ad" id='ad1'></div>
<div class="mbd_ad" id='ad1'></div>
{php}
$lchanpin = $zbp->Config('bluecms')->chanpin;
$lnews = $zbp->Config('bluecms')->news;
$lnews1 = $zbp->Config('bluecms')->news1;
$lnews2 = $zbp->Config('bluecms')->news2;
{/php} 
<div class="home_pic container">
    <div class="pic_tit">
        <h3> <i class="fa fa-file-text"></i> <span><a href="{$zbp->Config('bluecms')->chanpinurl}" target="_blank">{$zbp->categorys[$lchanpin]->Name}</a></span> <a href="{$zbp->Config('bluecms')->newsurl}" target="_blank">{$zbp->categorys[$lnews]->Name}</a> <a href="{$zbp->Config('bluecms')->news1url}" target="_blank">{$zbp->categorys[$lnews1]->Name}</a> <a href="{$zbp->Config('bluecms')->news2url}" target="_blank">{$zbp->categorys[$lnews2]->Name}</a></h3>
    </div>
    <div class="pic_list">
        <ul>{foreach $array=bluecms_GetArticleCategorys(10,$lchanpin,true)  as $list}
                        <li>
                <div class="img"><a href="{$list.Url}" title="{$list.Title}" target="_blank"><img src="{bluecms_thumbnail($list)}" alt="{$list.Title}"></a></div>
                <p class="tit"><a href="{$list.Url}" title="{$list.Title}" arget="_blank">{$list.Title}</a></p>
                <p class="info"><span></span><i>人气:{$list.ViewNums}</i></p>
            </li>{/foreach}                   
                    </ul>
    </div>
</div>
<div class="pcd_ad" id='ad2'></div>
<div class="mbd_ad" id='ad2'></div>
<div class="main container" style="transform: none;">
    <div class="main_l left"> 
        <div class="home_article">
            <ul class="tit">
                <li class="active"><a href="#tab_0">最新资讯</a></li>
            </ul>
            <div class="article_list article_list_cms" id="tab_0" style="display: block;">
                <ul id="infinitescroll">
                {foreach GetList(16) as $newlist}
                                        <li class="infinitescroll_li">
                        <div class="article_img"> <a href="{$newlist.Url}" title="{$newlist.Title}"><img src="{bluecms_thumbnail($newlist)}" alt="{$newlist.Title}"></a> </div>
                        <div class="article_text">
                            <dl>
                                <dt><a href="{$newlist.Url}" title="{$newlist.Title}" target="_blank">{$newlist.Title}</a></dt>
                                <dd>{if strlen($newlist.Intro)>0}
				{php}$intro= trim(SubStrUTF8(TransferHTML($newlist->Intro,'[nohtml]'),100)).'...';{/php}
				{else}
				{php}$intro= trim(SubStrUTF8(TransferHTML($newlist->Content,'[nohtml]'),90)).'...';{/php}
			{/if}
			{$intro}</dd>
                            </dl>
                            <div class="info"> <span><i class="fa fa-clock-o"></i>{$newlist.Time('Y-m-d')}</span> <span>{if Count($newlist.Tags)>0}{foreach $newlist.Tags as $tag}<a href="{$tag.Url}" target="_blank" rel="tag">{$tag.Name}</a> {/foreach}{/if}</span> </div>
                        </div>
                    </li>{/foreach}                   
                                 
                                    </ul>
            </div>
        </div>
        <!-- # home_article --> 
    </div>
    <!-- # main_l -->
        <div class="main_r right" style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">   
        <div class="theiaStickySidebar" style="padding-top: 0px; padding-bottom: 1px; position: static; transform: none; top: 0px; left: 934.5px;">
            <div class="widget widget_ad" id="ad3"></div>
            <div class="widget widget_tuijian">
                <h5>推荐文章</h5>
                {$topArray = GetList(10, null, null, null, null, null, array("only_ontop"  => true));}
{foreach $topArray as $top}
                                <div class="tj_box">
                    <div class="img">
                        <a  href="{$top.Url}" title="{$top.Title}" target="_blank">
                            <img src="{bluecms_thumbnail($top)}" alt="{$top.Title}">
                        </a>
                    </div>
                    <div class="info">
                        <p>
                            <a href="{$top.Url}" title="{$top.Title}" target="_blank">{$top.Title}</a>
                        </p>
                    </div>
                </div>{/foreach}                               
        
            </div>

            <div class="widget widget_previous">
                <h5>热门浏览</h5>
                <ul>
                {php}
$order = array('log_ViewNums'=>'DESC');
$where = array(array('=','log_Status','0'));
$array = $zbp->GetArticleList(array('*'),$where,$order,array(8),'');
{/php}
{foreach $array as $hotlist}
 <li><a href="{$hotlist.Url}" title="{$hotlist.Title}" target="_blank">{$hotlist.Title}</a></li>
{/foreach}    
                </ul>
            </div>            
            <div class="widget widget_ad" id='ad4'></div>
            <div class="widget widget_tags">
                <h5>标签列表</h5>
                <ul>
                {module:tags}
                                    </ul>
            </div>
            <div class="widget widget_link">
                <h5>友情链接</h5>
                <ul>
                {module:link}                                            
                </ul>
            </div>
            <div class="resize-sensor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; z-index: -1; visibility: hidden;">
                <div class="resize-sensor-expand" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
                    <div style="position: absolute; left: 0px; top: 0px; transition: all 0s ease 0s; width: 350px; height: 2061px;"> 
                    </div>
                </div>
                <div class="resize-sensor-shrink" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
                    <div style="position: absolute; left: 0; top: 0; transition: 0s; width: 200%; height: 200%"> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{template:footer}
<div id="goTop" class="goTop" style="display: none;"><i class="fa fa-angle-up"></i></div>
<script src="{$host}zb_users/theme/{$theme}/style/js/jquery.js"></script> 
<script src="{$host}zb_users/theme/{$theme}/style/js/common.js" type="text/javascript"></script> 
<script src="{$host}zb_users/theme/{$theme}/style/js/ResizeSensor.js" type="text/javascript"></script> 
<script src="{$host}zb_users/theme/{$theme}/style/js/theia-sticky-sidebar.js" type="text/javascript"></script> 
<script>jQuery(document).ready(function($) {jQuery('.main_r').theiaStickySidebar({ additionalMarginTop: 10,});});</script> 
<script type="text/javascript" src="{$host}zb_users/theme/{$theme}/style/js/infinitescroll.js"></script> 
<script src="{$host}zb_users/theme/{$theme}/style/js/swiper.js" type="text/javascript"></script> 
<script>
    var swiper = new Swiper('.swiper-container', {
      slidesPerView: 1, //只显示1图
      loop: true, //无限循环
      // autoHeight: true, //自由高度
      // spaceBetween: 20, //切换间距
      centeredSlides: false, // true时候活动块居中 false 居左
      lazy: true, //延迟加载
      autoplay: {
        delay: 5000,
        disableOnInteraction: false,
      },  //自动切换
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },  //圆标点
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },  //上下翻页
    });
</script>
</body>
</html>
