<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<!--忽略页面中的数字识别为电话，忽略email识别-->
		<meta name="format-detection" content="telphone=no, email=no" />
		<title>多肉植物 <?php echo e($data['title']); ?></title>
		<meta name="Keywords" content="想把多肉植物养的漂亮，其实真的很简单，那就是养护条件,多肉,<?php echo e($data['keywords']); ?>">
		<meta name="Description"
			  content="多肉植物作为盆栽在世界各地广受欢迎，目前常见的种类大多属于景天科和仙人掌科，南非和墨西哥是世界上多肉植物最多的国家 <?php echo e($data['description']); ?>">

		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5shiv.min.js"></script>
			<script type="text/javascript" src="js/respond.min.js"></script>
	    <![endif]-->
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default navbar-fixed-top top-box" style="background: #fff;">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<a class="navbar-brand" href="#"><img src="img/logo.png" class="img-responsive" /></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right top-nav" >
						<li>
							<a href="index.html">
								首页
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li  class="active">
							<a href="about.html">关于多肉</a>
						</li>
					    <li><a href="pro.html">多肉展示</a></li>
						<li>
							<a href="news.html">多肉资讯</a>
						</li>
						<li>
							<a href="customer.html">多肉联盟</a>
						</li>	
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!--/ 导航-->

		<!--广告图-->
		<div class="container-fluid page-banner">
			<div class="row">
				<img src="img/pagebanner1.jpg" alt="" class="img-responsive" />
			</div>
		</div>

		<!--关于我们 正文-->
		<div class="about">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 hidden-xs sidebar">
						<!--电脑端页面导航-->
						<ul>
							<li class="sidebar-title">
								<h3>关于多肉</h3>
								<p>About Us</p>
							</li>
							<li class="sidebar-item">
								<a href="about.html"><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;多肉简介</a>
							</li>
							<li class="sidebar-item">
								<a href="about1.html"><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;种植养护</a>
							</li>
						</ul>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 right-content">
						<!--手机端页面导航-->
						<div class="mobile-nav hidden-md hidden-sm hidden-lg">
							<div class="mobile-nav-title">
								<h3>关于多肉</h3>
								<p>About Us</p>
							</div>
							<div class="mobile-nav-item clearfix">
								<a href="about.html">
									<span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;多肉简介
								</a>
								<a href="about1.html">
									<span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;种植养护
								</a>
							</div>
						</div>
						<!--面包屑导航-->
						<ol class="breadcrumb bread">
							<li>
								<a href="index.html">首页</a>
							</li>
							<li class="active">关于多肉</li>
						</ol>
						<div class="about-content">
							
							
								<h4>种植养护 / <small>ENTERPRISE CULTURE</small></h4>
								<div class="honor-pic">
									<div class="row">
										<div>
<img src="img/21.png" />
										</div>
									</div>
								</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>

		<footer class="background-two">
        <div class="container">
            <div class="row">
                <div class="clean-footer-content">

					<?php if($data['open_foot'] == 1): ?>
						<span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
						<span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
						<span style="display: inline !important">友情链接:
							<?php foreach($data['lianjie_name'] as $key => $vo): ?>
								<a style="display: inline !important; color:#000;marhin-rignt:10px;"
								   href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
							<?php endforeach; ?>
                </span>
					<?php else: ?>
						<div class="clean-footer-logo wow bounceIn animated" data-wow-offset="0" style="visibility: visible; animation-name: bounceIn;">
							<a href="index.html">
								<img id="logo-footer" src="img/logo.png" alt="clean">
							</a>
						</div>

						<p class="copy">Copyright © 2017-2027多肉植物| 多肉植物</p>
						<p class="copy">苏ICP备12345678号-9
						</p>
					<?php endif; ?>

                </div>
            </div>
        </div>
    </footer>

		<script src="js/jquery-1.11.0.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="/static/plugins/jquery/jquery.js"></script>
		<?php if($data['open_bd'] == 1): ?>
			<script>
                let bd_image = "<?php echo e($data['bd_image']); ?>",
                    bd_link = "<?php echo e($data['bd_link']); ?>";
			</script>
			<script src="/static/js/bd.js"></script>
		<?php endif; ?>
		<style>
			.nico {
				position: fixed;
				top: 10px;
				right: 0;
				bottom: 0;
				z-index: 10000;
				width: 400px;
				height: 500px;
				border: 0;
				background-color: #fff;
				box-shadow: 0 0 0 4px lightseagreen
			}

			.nico * {
				padding: 0;
				margin: 0;
			}

			.news_wrap {
				position: relative;
				height: 500px;
			}

			.news_wrap li {
				position: relative;
				padding-left: 10px;
				list-style-type: none;
				display: block;
				width: 380px;
				height: 40px;
				line-height: 40px;
				border-bottom: 1px solid grey
			}

			.news_wrap li > span {
				display: block;
				width: 300px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				height: 100%;
				line-height: 40px;
			}

			.news_wrap li > i {
				position: absolute;
				width: 80px;
				font-size: .5rem;
				top: 0;
				right: 0;
			}

			.page-btn {
				position: absolute;
				width: 100%;
				height: 70px;
				bottom: 0;
			}

			.page-btn li {
				font-size: .8rem;
				padding: 0 !important;
				margin-left: 2px;
				list-style-type: none;
				display: inline-block;
				width: 15px;
				height: 15px;
				line-height: 15px;
				text-align: center;
				border: 1px solid grey;
				cursor: pointer;
			}

			.clicked {
				background-color: #0c5460;
				color: #fff;
			}
		</style>
		<div class="nico">
			<div class="news_wrap">
				<ul>
					<?php foreach($data['list'][0] as $vo): ?>
						<li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
						 target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
							<i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
						</li>
					<?php endforeach; ?>
				</ul>
				<div class="page-btn">
					<ul>
						<?php foreach($data['list'] as $key => $vo): ?>
							<li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
						<?php endforeach; ?>
					</ul>
				</div>
			</div>
		</div>
		<script>
            let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
                titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
                times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
            $('.pg-li').click(function () {
                $(this).addClass('clicked').siblings().removeClass('clicked');
                let p = ($(this).text() - 1) | 0,
                    data = list[p];
                $('.news_wrap > ul').html(function () {
                    let html = '';
                    $(data).each(function (x, y) {
                        let id = y.match(/(\d+)\.html/)[1],
                            time = times[id].split(' ')[0].replace('-', '/');
                        html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
                    });
                    return html;
                });
            });
		</script>
	</body>

</html>