<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <title>客户 <?php echo e($data['title']); ?></title>
    <meta name="Keywords" content="友邦金融是全球最大的泛亚地区独立上市人寿保险集团，<?php echo e($data['keywords']); ?>">
    <meta name="Description"
          content="友邦金融在中国大陆的发展始于2001年，是当年第一家获准在中国经营保险业务的金融公司，并于同年在上海设立上海分公司。<?php echo e($data['description']); ?>">

    <link rel="stylesheet" type="text/css" href="Assets/css/reset.css"/>
<script type="text/javascript" src="Assets/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="Assets/js/js_z.js"></script>
<link rel="stylesheet" type="text/css" href="Assets/css/thems.css">
<link rel="stylesheet" type="text/css" href="Assets/css/responsive.css">
</head>

<body>
<!--头部-->
<div class="header">
    <div class="head clearfix">
        <div class="logo" style="color:#fff;font-size: 30px;">友邦商务</div>
        <div class="head_r clearfix">
        	<div class="search">
                <input name="" type="text">
                <input name="" type="submit" value="">
            </div>
            <div class="nav_m">
            <div class="n_icon">导航栏</div>
            <ul class="nav clearfix">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="news.html">新闻中心</a></li>
                <li class="er"><a href="service.html">核心业务</a></li>
                <li><a href="join.html">合作伙伴</a></li>
                <li class="now"><a href="customer.html">客户中心</a></li>
                <li><a href="attrct.html">招商中心</a></li>
                <li><a href="invite.html">加入我们</a></li>
                <li><a href="">论坛社区</a></li>
            </ul>
            <div class="er_m">
                <div class="hx">
                	<i>&nbsp;</i>
                	<div class="b_head">
                    	核心业务<em>Core business</em>
                    </div>
                    <div class="hx_m clearfix">
                    	<ul class="hx_ml">
                        	<li><a href="">孵化器</a></li>
                            <li><a href="">智造联盟</a></li>
                            <li><a href="">创客公寓</a></li>
                            <li><a href="">商业街</a></li>
                            <li><a href="">商务办公</a></li>
                            <li><a href="">电子商务</a></li>
                        </ul>
                        <div class="hx_mr"><img src="Assets/upload/pic3.jpg" alt=""/></div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
<!--头部-->
<div class="banner banner_s"><img src="Assets/upload/banner_a.jpg" alt=""/></div>
<div class="space_hx">&nbsp;</div>
<div class="scd clearfix">
	<div class="scd_top">
    	<div class="s_nav">
        	<a href=""><span>物业管理</span></a>
            <a href="" class="active"><span>投诉及建议</span></a>
            <a href=""><span>园区公告</span></a>
            <a href=""><span>客户会</span></a>
        </div>
        <div class="pst">
        	当前位置：<a href="">首页</a>-<a href="">加入我们</a>
        </div>
    </div>
    <div class="join clearfix">
    	<ul class="book">
        	<li class="clearfix">
            	<p>尊敬的客户，您的意见和建议是我们的宝贵财富，如果您有想对我们说的话，请在下方表格填写。</p>
            </li>
            <li class="clearfix">
            	<span class="title">所在城市：</span>
                <div class="li_r">
                	<input name="" type="text">
                </div>
            </li>
            <li class="clearfix">
            	<span class="title">您的姓名：</span>
                <div class="li_r">
                	<input name="" type="text">
                </div>
            </li>
            <li class="clearfix">
            	<span class="title">您的电话：</span>
                <div class="li_r">
                	<input name="" type="text">
                    <p>为方便我们给您回复，请正确填写您的电话。例如:020-286***0或者手机号</p>
                </div>
            </li>
            <li class="clearfix">
            	<span class="title">电子邮箱：</span>
                <div class="li_r">
                	<input name="" type="text" class="chang">
                    <p>为方便我们给您回复，请正确填写您的邮箱地址。例如：12@163.com</p>
                </div>
            </li>
            <li class="clearfix">
            	<span class="title">&nbsp;</span>
                <div class="li_r">
                	<textarea name="" cols="" rows="7" class="chang"></textarea>
                </div>
            </li>
            <li class="clearfix">
            	<span class="title">&nbsp;</span>
                <div class="li_r">
                	<input name="" type="submit" value="提交">
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="fn_bg">
	<ul class="f_nav clearfix">
    	<li>
        	<a href="">
            	<img src="Assets/images/f_1.png" alt=""/>
                <span>联系我们</span>
            </a>
        </li>
        <li>
        	<a href="">
            	<img src="Assets/images/f_2.png" alt=""/>
                <span>社区论坛</span>
            </a>
        </li>
        <li>
        	<a href="">
            	<img src="Assets/images/f_3.png" alt=""/>
                <span>在线客服</span>
            </a>
        </li>
        <li>
        	<a href="">
            	<img src="Assets/images/f_4.png" alt=""/>
                <span>关注我们</span>
            </a>
        </li>
        <li>
        	<a href="">
            	<img src="Assets/images/f_5.png" alt=""/>
                <span>一键分享</span>
            </a>
        </li>
    </ul>
</div>
<div class="bq">
    <?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: ?>
        Copyright © 1998 - 2015 友邦金融商务有限责任公司
    <?php endif; ?>
</div>
<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>
