<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <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']); ?>"/>

    <meta name="viewport" id="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="九牧">
    <meta name="format-detection" content="telephone=no">
    <script type="text/javascript">window.bd && bd._qdc && bd._qdc.init({app_id: '471e133ea2e5cccb4405cdad'});</script>
    <link href="css/index.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/jquery.touchwipe.min.js"></script>
    <script type="text/javascript" src="js/jquery.banner.revolution.min.js"></script>
    <script type="text/javascript" src="js/banner.js"></script>
    <script type="text/javascript" src="js/swiper.scrollbar-1.2.js"></script>
    <script type="text/javascript" src="js/swiper-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.fs.boxer.min.js"></script>
    <script type="text/javascript" src="js/jquery.slides.min.js"></script>
    <script type="text/javascript" src="js/customs.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/custom.js"></script>
    <script src="js/modernizr.custom.js"></script>
</head>
<body>
<link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
<!-- 头部 -->
<header class="header">
    <div class="container ">
        <!-- 网站Logo -->
        <div class="logo-main fl">
            <a class="logo left" href="index.html" title=""><img src="images/logo.png"/></a>
        </div>
        <!-- 网站Logo end -->
        <!-- 导航菜单 -->
        <nav class="header-menu fr">
            <div>
                <ul id="" class="menu">
                    <li class="menu-item hover"><a href="#">关于九牧<span>ABOUT</span></a>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="#">九牧简介</a></li>
                            <li class="menu-item"><a href="#">发展历程</a></li>
                            <li class="menu-item"><a href="news.html">公益活动</a></li>
                        </ul>
                    </li>
                    <li class="menu-item"><a href="news.html">新闻资讯<span>NEWS</span></a>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="news.html">公司动态</a></li>
                            <li class="menu-item"><a href="news.html">行业动态</a></li>
                        </ul>
                    </li>
                    <li class="menu-item "><a href="prolist.html">九牧产品<span>PRODUCT</span></a>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="prolist.html">浴室柜</a></li>
                            <li class="menu-item"><a href="prolist.html">洗脸盆</a></li>
                            <li class="menu-item"><a href="prolist.html">淋浴房</a></li>
                            <li class="menu-item"><a href="prolist.html">浴缸</a></li>
                            <li class="menu-item"><a href="prolist.html">淋浴器</a></li>
                            <li class="menu-item"><a href="prolist.html">智能坐便器</a></li>
                            <li class="menu-item"><a href="prolist.html">储物收纳用品</a></li>
                            <li class="menu-item"><a href="prolist.html">水槽</a></li>
                            <li class="menu-item"><a href="prolist.html">厨房龙头</a></li>
                        </ul>
                    </li>
                    <li class="menu-item"><a href="join.html">加盟九牧<span>JOIN</span></a></li>
                    <li class="menu-item "><a href="media.html">媒体报道<span>MEDIA</span></a></li>
                    <li class="menu-item "><a href="contact.html">联系九牧<span>CONTACT</span></a></li>
                </ul>
            </div>
        </nav>
        <!-- 导航菜单end -->
    </div>
</header>
<div class="clearfix"></div>
<!-- 头部end -->
<script>
    $(function () {
        var swiper = new Swiper('.swiper1', {
            pagination: '.pagination1',
            loop: true,
            grabCursor: true
        });
        //Navigation arrows
        $('.arrow-left').click(function (e) {
            e.preventDefault()
            swiper.swipePrev()
        });
        $('.arrow-right').click(function (e) {
            e.preventDefault()
            swiper.swipeNext()
        });
        //Clickable pagination
        $('.pagination1 .swiper-pagination-switch').click(function () {
            swiper.swipeTo($(this).index())
        })
    });
</script>
<div class="fullwidthbanner-container">
    <div class="b_shadow"></div>
    <div class="fullwidthbanner">
        <ul>
            <li>
                <img src="images/banner.jpg" alt=""/>
            </li>
            <li>
                <img src="images/banner1.jpg" alt=""/>
            </li>
            <li>
                <img src="images/banner2.jpg" alt=""/>
            </li>
        </ul>
    </div>
</div>
<div class="home-device">
    <a class="arrow-left" href="#"></a>
    <a class="arrow-right" href="#"></a>
    <div class="swiper-main">
        <div class="swiper-container swiper1">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="" title="" target="_blank"><img src="images/sbanner.jpg" alt=""/></a>
                </div>
                <div class="swiper-slide"><a href="" title="" target="_blank"><img src="images/sbanner1.jpg"
                                                                                   alt=""/></a></div>
                <div class="swiper-slide"><a href="" title="" target="_blank"><img src="images/sbanner2.jpg"
                                                                                   alt=""/></a></div>
            </div>
        </div>
    </div>
    <div class="pagination pagination1"></div>
</div>
<div class="in_pro">
    <div class="container">
        <div class="tt_top">
            <h1>PRODUCTS SERIES</h1>
            <div class="line"></div>
            <p>跨越，尊享非凡生活</p>
        </div>
    </div>
    <div class="pro_class">

        <div id="cbp-so-scroller" class="cbp-so-scroller">
            <div id="portfolio" class="clearfix">
                <div class="portfolio-bg"></div>
                <div class="container typo1 in_prolist">
                    <div class="wrapper clearfix">
                        <div id="options" class="clearfix">
                            <ul id="filters" class="option-set clearfix" data-option-key="filter">
                                <li><a href="#filter" data-option-value=".web-design" style="border:none;">浴室柜</a></li>
                                <li><a href="#filter" data-option-value=".photo">洗脸盆</a></li>
                                <li><a href="#filter" data-option-value=".ios-app">淋浴房</a></li>
                                <li><a href="#filter" data-option-value=".graphic">浴缸</a></li>
                                <li><a href="#filter" data-option-value=".showers">淋浴器</a></li>
                                <li><a href="#filter" data-option-value=".intelligent">智能坐便器</a></li>
                                <li><a href="#filter" data-option-value=".storage">储物收纳用品</a></li>
                                <li><a href="#filter" data-option-value=".sink">水槽</a></li>
                                <li><a href="#filter" data-option-value=".kitchen">厨房龙头</a></li>
                            </ul><!--end:filters-->
                        </div>
                    </div><!--end:wrapper-->
                    <ul id="container" class=" clickable cs-style-5 grid clearfix isotope"
                        style="position: relative; overflow: hidden; width: 1475px;">
                        <li class="element kitchen isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/cf03.jpg" alt="">
                                    <figcaption>
                                        <h3>厨房龙头</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">精铜阀体，结构严密;陶瓷阀芯，经久耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>

                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element kitchen isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/cf2.jpg" alt="">
                                    <figcaption>
                                        <h3><a href="proview.html">厨房龙头</a></h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">精铜阀体，结构严密;陶瓷阀芯，经久耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element kitchen isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(295px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/cf03.jpg" alt="">
                                    <figcaption>
                                        <h3>厨房龙头</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">精铜阀体，结构严密;陶瓷阀芯，经久耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>

                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element photo isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/xl02.jpg" alt="">
                                    <figcaption>
                                        <h3>洗脸盆</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">自洁釉，易清洁;优质粘土，健康环保;高温煅烧</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element photo isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/0502001787.jpg" alt="">
                                    <figcaption>
                                        <h3>洗脸盆</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">自洁釉，易清洁;优质粘土，健康环保;高温煅烧</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element web-design isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(295px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/xy01.jpg" alt="">
                                    <figcaption>
                                        <h3>浴室柜</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">多功能收纳，置物有序;PVC双面结皮板，防水性能好</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element web-design isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(295px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/xy02.jpg" alt="">
                                    <figcaption>
                                        <h3>浴室柜</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">多功能收纳，置物有序;PVC双面结皮板，防水性能好</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element ios-app isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(590px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/pro.jpg" alt="">
                                    <figcaption>
                                        <h3>淋浴房</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">奢华古典原创设计;坚固铝材，厚实耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element ios-app isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(590px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/ly1.jpg" alt="">
                                    <figcaption>
                                        <h3>淋浴房</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">奢华古典原创设计;坚固铝材，厚实耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element ios-app isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(590px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/ly2.jpg" alt="">
                                    <figcaption>
                                        <h3>淋浴房</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">奢华古典原创设计;坚固铝材，厚实耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element ios-app isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(590px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/ly3.jpg" alt="">
                                    <figcaption>
                                        <h3>淋浴房</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">奢华古典原创设计;坚固铝材，厚实耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element graphic isotope-item"
                            style="position: absolute;left: 0px; top: 0px; -webkit-transform: translate3d(885px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/yg01.jpg" alt="">
                                    <figcaption>
                                        <h3>浴缸</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">进口板材 健康环保;稳固支撑，厚实耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element graphic isotope-item"
                            style="position: absolute;left: 0px; top: 0px; -webkit-transform: translate3d(885px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/yg05.jpg" alt="">
                                    <figcaption>
                                        <h3>浴缸</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">进口板材 健康环保;稳固支撑，厚实耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element graphic isotope-item"
                            style="position: absolute;left: 0px; top: 0px; -webkit-transform: translate3d(885px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/yg04.jpg" alt="">
                                    <figcaption>
                                        <h3>浴缸</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">进口板材 健康环保;稳固支撑，厚实耐用</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element showers isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(1180px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/lyq04.jpg" alt="">
                                    <figcaption>
                                        <h3>淋浴器</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">简易安装、免钉免钻;巧用空间、随心移动;优质材质、简约设计</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element showers isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(1180px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/lyq03.jpg" alt="">
                                    <figcaption>
                                        <h3>淋浴器</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">简易安装、免钉免钻;巧用空间、随心移动;优质材质、简约设计</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo">View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element showers isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(1180px, 0px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/lyq02.jpg" alt="">
                                    <figcaption>
                                        <h3>淋浴器</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">简易安装、免钉免钻;巧用空间、随心移动;优质材质、简约设计</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element intelligent isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/z01.jpg" alt="">
                                    <figcaption>
                                        <h3>智能坐便器</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">国际专利双涡轮冲刷系统;超净水技术，净享健康</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element intelligent isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/z02.jpg" alt="">
                                    <figcaption>
                                        <h3>智能坐便器</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">国际专利双涡轮冲刷系统;超净水技术，净享健康</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element storage isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(295px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/cw2.jpg" alt="">
                                    <figcaption>
                                        <h3>储物收纳用品</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">简易安装、免钉免钻;巧用空间、随心移动;优质材质、简约设计</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element storage isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(295px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/cw1.jpg" alt="">
                                    <figcaption>
                                        <h3>储物收纳用品</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">简易安装、免钉免钻;巧用空间、随心移动;优质材质、简约设计</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element sink isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(590px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/sc.jpg" alt="">
                                    <figcaption>
                                        <h3>水槽</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">不易挂污，一冲即净;快速排污，防堵防臭</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element sink isotope-item"
                            style="position:absolute; left:0px; top:0px; -webkit-transform: translate3d(590px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/sc3.jpg" alt="">
                                    <figcaption>
                                        <h3>水槽</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">不易挂污，一冲即净;快速排污，防堵防臭</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element sink isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(590px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/sc1.jpg" alt="">
                                    <figcaption>
                                        <h3>水槽</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">不易挂污，一冲即净;快速排污，防堵防臭</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element photo isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(885px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/xl02.jpg" alt="">
                                    <figcaption>
                                        <h3>洗脸盆</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">自洁釉，易清洁;优质粘土，健康环保;高温煅烧</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                        </footer>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element web-design isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(1180px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/xy01.jpg" alt="">
                                    <figcaption>
                                        <h3>浴室柜</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">多功能收纳，置物有序;PVC双面结皮板，防水性能好</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <li class="element web-design isotope-item"
                            style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(1180px, 267px, 0px);">
                            <a href="proview.html">
                                <figure>
                                    <img src="images/xy01.jpg" alt="">
                                    <figcaption>
                                        <h3>浴室柜</h3>
                                        <div class="meta-box clearfix">
                                            <span class="entry-categories">多功能收纳，置物有序;PVC双面结皮板，防水性能好</span>
                                        </div>
                                        <footer>
                                            <div id="nivo-lightbox-demo"><p><span data-lightbox-gallery="gallery1"
                                                                                  id="nivo-lightbox-demo"> View</span>
                                                </p></div>
                                    </figcaption>
                                </figure>
                            </a>
                        </li>
                        <div class="clear"></div>
                    </ul>
                </div><!--end:typo1-->
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/home.js"></script>
<!--news-->
<div class="in_news">
    <div class="container">
        <div class="in_toptt">
            <h1>NEWS</h1>
            <h4>最新鲜视角，最专业的理论看待资讯的变迁</h4>
            <small>Most fresh perspective, look at changes in the most professional information theory</small>
        </div>
        <section class="in_newslist clearfix col-md-3">
            <div class="box box-l" init="false">
                <a class="shadow" href="newsview.html" target="_blank">
                    <div class="ibox clearfix">
                        <div class="img">
                            <img src="images/xw1.jpg" alt=""/>
                            <h3>九牧关爱老人健康，走进临澧县……</h3>
                            <p> &nbsp;&nbsp;1月15日下午，九牧携手湖南临澧县慈善总会捐献价值近30万的卫浴产品，用于改善老人如厕环境，将关爱…… </p>
                            <div class="new_detial"><span>[2014-12-02]</span><a href="newsview.html">详细</a></div>
                        </div>

                    </div>
                    <div class='shadow-line'></div>
                </a>
            </div>
        </section>
        <section class="in_newslist clearfix col-md-3">
            <div class="box box-l" init="false">
                <a class='shadow' href='newsview.html' target='_blank'>
                    <div class="ibox clearfix">
                        <div class="img">
                            <img src="images/xw2.jpg" alt=""/>
                            <h3>九牧高端智能晾衣架全球盛……</h3>
                            <p> &nbsp;&nbsp;12月11日下午，九牧高端智能晾衣架全球盛典暨产品全球发布会在安徽滁州盛大召开。九牧董事长林孝发…</p>
                            <div class="new_detial"><span>[2014-12-02]</span><A href="newsview.html">详细</a></div>
                        </div>
                    </div>
                    <div class='shadow-line'></div>
                </a>
            </div>
        </section>
        <section class="in_newslist clearfix col-md-3">
            <div class="box box-l " init="false">
                <a class='shadow' href='newsview.html' target='_blank'>
                    <div class="ibox clearfix">
                        <div class="img">
                            <img src="images/xw3.gif" alt=""/>
                            <h3>创新共赢 九牧再获“最具影响力……</h3>
                            <p> &nbsp;&nbsp;近来，我国加强了国家房地产调控，这样虽然降低了国民经济压力，但也直接导致了建材行业…… </p>
                            <div class="new_detial"><span>[2014-12-02]</span><A href="newsview.html">详细</a></div>
                        </div>

                    </div>
                    <div class='shadow-line'></div>
                </a>
            </div>
        </section>
        <section class="in_newslist clearfix col-md-3">
            <div class="box box-l " init="false">
                <a class='shadow' href='newsview.html' target='_blank'>
                    <div class="ibox clearfix">
                        <div class="img">
                            <img src="images/xw4.jpg" alt=""/>
                            <h3>第二季再创造表彰大会隆重召开</h3>
                            <p> &nbsp;&nbsp;近来，我国加强了国家房地产调控，这样虽然降低了国民经济压力，但也直接导致了建材行业…… </p>
                            <div class="new_detial"><span>[2014-12-02]</span><A href="newsview.html">详细</a></div>
                        </div>

                    </div>
                    <div class='shadow-line'></div>
                </a>
            </div>
        </section>
    </div>
</div>
<!--news-->
<!--about us-->
<div class="in_about">
    <div class="container">
        <div class="in_toptt">
            <h1>ABOUT US</h1>
            <h4>开创独特的厨卫文化，成就人类美好健康厨卫生活</h4>
            <small>Create a unique kitchen culture, achievements of mankind for a better life healthy kitchen</small>
        </div>
        <div class="in_aboutcon clearfix">
            <img src="images/about_pic.jpg"/> <br/>&nbsp;&nbsp;&nbsp;&nbsp;九牧厨卫股份有限公司于1990年成立，
            长期专注于厨卫及配套产品的研发和生产，是一家以卫生陶瓷
            智能厨卫整体卫浴、厨卫家具、五金龙头、厨卫五金为主体业务的大型厨卫企业，被认定为“国家高新技术
            型企业九牧厨卫用地2000余亩,下辖7家子公司、4大事业部，员工8500余人。<br/>
            &nbsp;&nbsp;&nbsp;&nbsp; 强有力的研发系统，保障九牧厨卫团体连续创新。九牧厨卫团体检测中心，是行业内首家通过中国及格
            评定国度认可委员会（CNAS）资质认可并通过加拿大CSA试验室资质认可的检测中心， 为国度最威望的试
            验检测机构之一截止2010年，团体拥有技巧专利近400项。在推进自身品牌建设的同时，九牧厨卫团体也积
            极参与《温控水嘴》、《环境标记产品技巧请求-水嘴》等行业尺度、国度尺度的起草和制订工作，助推我公
            民族卫浴产业发展 。
            九牧厨卫旗下品牌“JOMOO”，是消费者最为熟悉的厨卫品牌之一……

        </div>
    </div>
</div>
<!--about us-->
<footer>
    <div class="container ">
        <div class="footer_l fl">
            <div class="clearfix links">
                <a href="#">关于九牧</a>|<a href="news.html">新闻资讯</a>|<a href="prolist.html">九牧产品</a>|<a href="join.html">加盟九牧</a>|<a
                        href="media.html">媒体报道</a>|<a href="contact.html">联系九牧</a>
            </div>
            <div class="copy">
                <?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;marhin-rignt:10px;"
                               href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                        <?php endforeach; ?>
                </span>
                <?php else: ?>
                    版权所有：九牧厨卫股份有限公司所有 @2015  闽ICP备11009004号-1 <br/>
                    电话：400-000-0000
                <?php endif; ?>
            </div>
        </div>
        <div class="footer_r fr"><img src="images/f_logo.png"/></div>
    </div>
</footer>
<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>
