{T "content","head",TPLID}
<nav class="navbar1 navbar-default">
    <!-- Note that the .navbar-collapse and .collapse classes have been removed from the #navbar -->
    <div id="navbar1" class="container">
        <ul class="nav navbar-nav" style="padding-left: 86px">
            <li class="active"><a href="{$category['url']}">{$category['name']}首页</a></li>
            {loop $sub_categorys $cats}
            <li><a href="{$cats['url']}">{$cats['name']}</a></li>
            {/loop}
        </ul>
    </div><!--/.nav-collapse -->
</nav>

<!---------------------以上是头部-------------------------------------------------------------------------------->
<div class="news-one-screen">
    <div class="container">
        <div class="row">
            <div class="col-xs-8">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                            {block=33}
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
<!--------------------------以上是动画 幻灯片----------------------------------------------------------------->

            <div class="col-xs-4 ">
                <div class="right-bg-box xielinebg">
                    <div class="lm-title margin_bottom15">
                        <h3 class="lm-title-left">热点专题 </h3>
                        <!--<a href="" class="lm-title-right"><small>+更多</small> </a>-->
                    </div>
                    <div class="headline-news-list right-bg-media">
                        {wz:content action="listing" pagesize="3" order="sort DESC,id DESC" cid="$cid" urlrule="$urlrule"}
                        {loop $rs $r}
                        <div class="media">
                                {if $r['thumb']}
                            <div class="media-left ">
                                <a href="{$r['url']}">
                                    <img class="media-object" src="{$r['thumb']}" alt="..." width="105px" >
                                </a>
                            </div>
                                {/if}
                            <div class="media-body">
                                <h5 class="media-heading manhangyichu"><a href="{$r['url']}">{$r['title']}</a></h5>
                                <div class="media-content" >{strcut($r['remark'],100,'...')}</div>
                            </div>
                        </div>
                        {/loop}
                        {/wz}
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-------------------以上是右边上方的热点专题------------------------------------------------------------------->

<div class="news-second-screen">
    <div class="container">
        <div class="row">
            <div class="col-xs-8">
                <!--news-tabs-box-->
                <div class="news-tabs-box">

                    <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">

                        <div id="sidebar">
                            <ul id="myTabs" class="nav nav nav-tabs" role="tablist" style="width: 755px;"><!--<ul id="myTabs" class="nav nav-pills nav-stacked" role="tablist">-->  <!--胶囊标签  /  竖向标签 -->

                                <li role="presentation" class="active"><a href="#news" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">最新</a></li>

                                {loop $sub_categorys $newcid $cats}
                                <li role="presentation" class=""><a href="#cat_{$newcid}" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">{$cats['name']}</a></li>
                                {/loop}
                            </ul>
                        </div>


                        <div id="myTabContent" class="tab-content ">
                            <div role="tabpanel" class="tab-pane fade active in" id="news" aria-labelledby="home-tab">
                                <div class="headline-news-list">

                                    {wz:content action="listing" pagesize="20" order="sort DESC,id DESC" cid="$cid" urlrule="$urlrule"}
                                    {loop $rs $r}
                                    <div class="media">
                                        {if $r['thumb']}
                                        <div class="media-left ">
                                            <a href="{$r['url']}">
                                                <img class="media-object" src="{$r['thumb']}" alt="..." width="165px" height="110px">
                                            </a>
                                        </div>
                                        {/if}
                                        <div class="media-body">
                                            <h4 class="media-heading manhangyichu"><a href="{$r['url']}">{$r['title']}</a></h4>
                                            <div class="media-content" >{strcut($r['remark'],200,'...')}</div>
                                        </div>
                                    </div>
                                    {/loop}
                                    {/wz}
                                </div>
                            </div>

                            {loop $sub_categorys $newcid $cats}
                            <div role="tabpanel" class="tab-pane fade" id="cat_{$newcid}" aria-labelledby="profile-tab">
                                <div class="headline-news-list">
                                    {wz:content action="listing" pagesize="20" order="sort DESC,id DESC" cid="$newcid" urlrule="$urlrule"}
                                    {loop $rs $r}
                                    <div class="media">
                                        {if $r['thumb']}
                                        <div class="media-left ">
                                            <a href="{$r['url']}">
                                                <img class="media-object" src="{$r['thumb']}" alt="..." width="165px" height="110px">
                                            </a>
                                        </div>
                                        {/if}
                                        <div class="media-body">
                                            <h4 class="media-heading manhangyichu"><a href="{$r['url']}">{$r['title']}</a></h4>
                                            <div class="media-content" >{trim(strcut($r['remark'],200,'...'))}</div>
                                        </div>
                                    </div>
                                    {/loop}
                                    {/wz}

                                </div>
                            </div>
                            {/loop}
                        </div>
                    </div>
                </div>
            </div><!-- col-xs-8  -->
            <div class="col-xs-4 ">
                <div class="right-bg-box" style="padding-bottom: 20px;">
                    <div class="lm-title margin_bottom15">
                        <h3 class="lm-title-left">浏览排行 </h3>
                    </div>
                    <div class="list-ol-box-2">
                        <ol class="rectangle-list-2">
                            {wz:content action="rank" pagesize="15" order="monthviews DESC" cid="$cid" urlrule="$urlrule"}
                            {loop $rs $r}
                            <li ><a href="{$r[url]}">{$r['title']}</a></li>
                            {/loop}
                            {/wz}
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</div>
{T "content","foot",TPLID}

<!-- start  滚动定位 -->
<script   src="{R}t3/js/portamento.js"></script>
<script>
    $('#sidebar').portamento({
        gap: 0,
        disableWorkaround: true
    });
</script>
