<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Document Title -->
    <title>{$seo.title}</title>
    <meta name="keywords" content="{$seo.keywords}" />
    <meta name="description" content="{$seo.description}" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="{$lang.icon}" />
    <link href="{YUNYECMS_PUBLIC}plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" />
    <!-- CSS Files -->
    <link rel="stylesheet" href="{TPL}static/css/font-awesome.min.css">
    <!--==== Bootstrap css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/bootstrap.min.css">

    <!--==== Swiper css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/swiper.min.css">
    <!--==== Style css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/style.css?201901">
    <!--==== Responsive css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/responsive.css?201901">
    <!--==== Theme Color 1 css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/theme-color-1.css">
    <!--==== Custom css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/custom.css">
</head>

<body>

    <!-- Main header -->
    <!-- End of Main header -->
    {tpl "head"}
    <!-- Page title -->
    <php>
        if($rootcat["pic"]) :
    </php>
    <section class="page-title-wrap" data-bg-img="{$rootcat.pic}" data-rjs="2">
        <div class="container">
            <div class="row align-items-center">
                <div class="col">
                    <div class="page-title" data-animate="fadeInUp" data-delay="1.05">
                        <h1>{$rootcat.title}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <php>
        endif;
    </php>
    <!-- End of Page title -->
    <div class="breadcumb-wrapper">
        <div class="container">
            <div class="pull-left">
                <ul class="list-inline link-list">
                    <li><a href="/">首页</a></li>
                    </li>
                    {yy:breadcumb catid=$catid}
                    {loop}
                    {if $v['id']!=$catid }
                    <li><a href="{$v.url}">{$v.title}</a></li>
                    {else}
                    <li><span>{$v.title}</span></li>
                    {/if}
                    {/loop}
                    {/yy}
                </ul>
            </div>
            <div class="float-right">
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <!-- Gallery isotope Section -->
    <section class="pt-50 pb-90 default-bg">
        <div class="container">
            <div class="row">
                <!-- Start Side bar widget -->
                <div class="col-lg-3">
                    <aside>
                        <!-- start single sidebar widget -->
                        <div class="catebox  mb-30" data-animate="fadeInUp">
                            <h3 class="category-title">{$rootcat.title} <br /><span></span></h3>
                            <ul class="navMenu">
                                {yy:cat level="3" pid=$rootcatid }
                                {loop item="vo"}
                                <?php if($vo['child']){
																	  $onearrowcss='<span class="arrow"></span>';
																	  $onetitleurl="javascript:;";
																		  if($catid==$vo['id']||$parentid==$vo['id']||$ppid==$vo['id']){ 
																		   $onecurcss=' class="active"';
																		   $onearrowcss='<span class="arrow open"></span>';
																		   $onesubcss='style="display: block;"';
																		   }else{ $onecurcss=''; $onesubcss='';}

																   } else{ $onearrowcss='';
																	   $onetitleurl=$vo["url"];
																	   if($catid==$vo['id']||$parentid==$vo['id']||$ppid==$vo['id']){ 
																	   $onecurcss=' class="active"';
																	   }else{ $onecurcss='';}
																   }
																   ?>
                                <li> <a href="{$onetitleurl}" {$onecurcss}> <span class="nav-text">
                                            <php>echo getsubstr($vo["title"],0,50);</php>
                                        </span>
                                        {$onearrowcss}
                                    </a>
                                    <?php if($vo['child']): ?>
                                    <ul class="sub-menu" {$onesubcss}>
                                        {loop name="vo['child']" index="k2" item="vo_cat2" }
                                        <?php if($vo_cat2['child']){
																			 $twoarrowcss='<span class="arrow"></span>';
																			 $twotitleurl="javascript:;"; 
																		   } else{ $twoarrowcss='';
																			 $twotitleurl=$vo_cat2["url"];
																			 }
																			  if($catid==$vo_cat2['id']||$parentid==$vo_cat2['id']){ 
																			  $onecurcss=' class="active"';
																			  $twocurcss=' class="active"';
																			  }else{  $onecurcss='';$twocurcss='';}
																		   ?>
                                        <li> <a href="{$twotitleurl}" {$twocurcss}><span>
                                                    {php echo getsubstr($vo_cat2["title"],0,50);}
                                                </span>
                                                {$twoarrowcss}
                                            </a>
                                            <?php if($vo_cat2['child']): ?>
                                            <ul {if $parentid==$vo_cat2['id']} class="sub-menu open"
                                                style="display: block;" {else} class="sub-menu" {/if}>
                                                {loop name="vo_cat2['child']" index="k3"}
                                                <li><a href="{$v.url}" {if $catid==$v['id']} class="active"
                                                        {/if}><span>{$v.title}</span></a></li>
                                                {/loop}
                                            </ul>
                                            <?php endif; ?>
                                        </li>
                                        {/loop}
                                    </ul>
                                    <?php endif; ?>
                                </li>
                                {/loop}
                                {/yy}
                            </ul>
                        </div>
                        <!-- End of single sidebar widget -->

                        <!-- start single sidebar widget -->
                        <div class="single-sidebar-widget mb-30" data-animate="fadeInUp">
                            <h3 class="h4 font-weight-bold">产品搜索</h3>
                            <div class="search-form parsley-validate">
                                <form action="{php echo url('content/index/lists');}" method="POST">
                                    <input type="hidden" name="catid" value="6">
                                    <input type="text" name="searchkey" placeholder="关键词 ..." required
                                        class="theme-input-style">
                                    <button type="submit" class="btn btn-flat btn-primary"><i
                                            class="fa fa-search mr-0"></i></button>
                                </form>
                            </div>
                        </div>
                        <!-- End of single sidebar widget -->
                    </aside>
                </div>
                <!-- End of Side bar widget -->
                <div class="col-lg-9">
                    <div class="gallery--item-inner" data-animate="fadeInUp" data-delay=".2">
                        <div class="row"><a href="#" class="link-procat">{$cat.title} </a></div>
                        <div class="grid gallery-item row">
                            <!-- start single gallery item -->
                            {loop name="list"}
                            <div class="grid-item col-md-6 col-sm-6 col-lg-4 design">
                                <div class="gallery--single-item mb-20">
                                    <img src="{$v.pic}" alt="Gallery image" data-rjs="2" class="img-height2">
                                    <div class="gallery--hover-item">
                                        <div class="gallery-icon">
                                            <a href="{$v.url}" class="btn btn-transparent"><i
                                                    class="fa fa-external-link" style="color:#fff;"
                                                    aria-hidden="true"></i></a>
                                        </div>
                                        <div class="gallery-text">
                                            <p>型号：{$v.xinghao}<br />
                                                功能：{$v.gongneng}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-center mb-20"> <a href="{$v.url}" style="font-size: 18px;">
                                        <php>echo getsubstr($v["title"],0,10); </php>
                                    </a> </div>
                            </div>
                            {/loop}
                            <!-- End of single gallery item -->
                            <!-- start single gallery item -->
                        </div>
                        <!-- End of single gallery item -->
                        <!-- Start theme pagination -->
                        <ul class="pagination float-right">
                            {$page}
                        </ul>


                        <!-- End of theme pagination -->
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!-- End Of GAllery Isotope Section -->
    {tpl 'foot'}
    <!-- JS Files -->
    <!-- ==== JQuery 3.3.1 js file==== -->
    <script src="{TPL}static/js/jquery-3.3.1.min.js"></script>

    <!-- ==== Bootstrap js file==== -->
    <script src="{TPL}static/js/bootstrap.bundle.min.js"></script>

    <!-- ==== JQuery Waypoint js file==== -->
    <script src="{TPL}static/js/jquery.waypoints.min.js"></script>

    <!-- ==== Sticky js file==== -->
    <script src="{TPL}static/js/sticky.min.js"></script>
    <!-- ==== Swiper js file==== -->
    <script src="{TPL}static/js/swiper.min.js"></script>
    <!-- ==== Parsley js file==== -->
    <script src="{TPL}static/js/parsley.min.js"></script>

    <!-- ==== Menu  js file==== -->
    <script src="{TPL}static/js/menu.min.js"></script>

    <!-- ==== Scrippt js file==== -->
    <script src="{TPL}static/js/scripts.js?20190123"></script>

    <!-- ==== Custom js file==== -->
    <script src="{TPL}static/js/custom.js"></script>

    <script>
        $(function () {
            // nav收缩展开
            $('.navMenu li a').on('click', function () {
                var parent = $(this).parent().parent();//获取当前页签的父级的父级
                var labeul = $(this).parent("li").find(">ul")
                if ($(this).parent().hasClass('open') == false) {
                    //展开未展开
                    parent.find('ul').slideUp(300);
                    parent.find("li").removeClass("open")
                    parent.find('li a').removeClass("active").find(".arrow").removeClass("open")
                    $(this).parent("li").addClass("open").find(labeul).slideDown(300);
                    $(this).addClass("active").find(".arrow").addClass("open")
                } else {
                    $(this).parent("li").removeClass("open").find(labeul).slideUp(300);
                    if ($(this).parent().find("ul").length > 0) {
                        $(this).removeClass("active").find(".arrow").removeClass("open")
                    } else {
                        $(this).addClass("active")
                    }
                }

            });
        });
    </script>

</body>

</html>