<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/www/wwwroot/zhenghe1718.com/func.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/gxchuguan.com/img/52/1298f/38e0c.css): failed to open stream: No such file or directory in <b>/www/wwwroot/zhenghe1718.com/func.php</b> on line <b>115</b><br />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>南京格林地板有限公司</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />-->
<link rel="stylesheet" href="_css/style.css" />
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="_css/swiper-bundle.min.css" />

<!-- Demo styles -->
<style>
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #000;
    margin: 0;
    padding: 0;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-v {
    background: #eee;
}
.swiper-vertical>.swiper-pagination-bullets {
    top: 60%;
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
}
.swiper-pagination2> .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 32px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    border-radius: var(--swiper-pagination-bullet-border-radius, 5px);
}
.home-banner-1, .home-banner-2, .home-banner-3, .home-banner-4 {
    background-size: cover;
    background-position: center;
}
.home-banner-1 {
    background-image: url("_images/home-banner-1.jpg");
}
.home-banner-2 {
    background-image: url("_images/home-banner-2.jpg");
}
.home-banner-3 {
    background-image: url("_images/home-banner-3.jpg");
}
.home-banner-4 {
    background-image: url("_images/home-banner-4.jpg");
}
.p-title {
    text-align: center;
    color: #afa58c;
    font-size: 32px
}
.p-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.p2-2-1 {
    width: 12vw;
    margin: 1vw;
    height: 12vw;
    transition: all 0.3s ease;
    background: #eeeeee;
    border: 1px solid #c4c4c4;
    padding: 0.3vw;
}
.p2-2-1:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* 添加阴影，这里的参数可以根据需要调整 */
    border: 1px solid #f0f0f0;
    background: #ffffff;
}
.p2-3-1 {
    width: 15vw;
    margin: 1vw;
    height: 20vw;
    transition: all 0.3s ease;
    background: #eeeeee;
    border: 1px solid #c4c4c4;
    padding: 0.3vw;
}
.p2-3-1:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* 添加阴影，这里的参数可以根据需要调整 */
    border: 1px solid #f0f0f0;
    background: #ffffff;
}
.p2-4-1 {
    width: 15vw;
    margin: 1vw;
    height: 20vw;
    transition: all 0.3s ease;
    background: #eeeeee;
    border: 1px solid #c4c4c4;
    padding: 0.3vw;
}
.p2-4-1:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* 添加阴影，这里的参数可以根据需要调整 */
    border: 1px solid #f0f0f0;
    background: #ffffff;
}
.p3-2 {
    width: 20vw;
    margin: 1vw;
    height: 34vw;
    transition: all 0.3s ease;
    background: #eeeeee;
    border: 1px solid #c4c4c4;
    padding: 0.3vw;
}
.p3-2 img {
    height: 30vw;
}
.p3-2:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* 添加阴影，这里的参数可以根据需要调整 */
    border: 1px solid #f0f0f0;
    background: #ffffff;
}
.p5-2 {
width: 35vw;
    margin: 1vw;
    transition: all 0.3s ease;
    border: 10px solid #ffffff;
    display: flex;
    color: #fff;
}
.p5-2 img {
    height: unset;
    object-fit: unset;
}
.p5-2:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    border: 1px solid #f0f0f0;
    background: #ffffff;
}

/* 定义从左边渐入的动画关键帧 */
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(-40px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

/* 定义从右边渐入的动画关键帧 */
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(40px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.p5-2-1 {
    margin: 0 15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}
.p5-2-2 {
    margin: 0 15px;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}
.p5-2-3 {
}
.p2-2-1 img {
    width: 100%;
    height: unset
}
.p2-2-1 p {
    padding: 1vw 0;
}
.p4-2 {
    width: 26vw;
    margin: 1vw;
    background: #ffffff;
    transition: all 0.3s ease;
    border: 1px solid #c4c4c4;
    padding: 1vw;
    text-align: left;
}
.p4-3 {
    width: 17%;
    margin: 1vw;
}
.p4-3 img {
    width: 100%;
}
</style>
</head>

<body>
<style>
header {
    position: absolute;
    z-index: 9999;
    box-sizing: border-box;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
}
.wrap {
    width: 100vw;
    margin: 0 auto;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);/*    height: 75px;*/
}
#nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 1200px;
    margin: auto;
}
.logo {
    width: 230px;
    overflow: hidden;
}
.logo a {
    display: block;
}
.logo a img {
    max-width: 85%;
}
ul.nav {
    display: inline-flex;
    flex: 1;
    padding-left: 50px;
}
li.nav-item {
    flex: 1;
}
li.nav-item > a {
    display: block;
    text-align: center;
    line-height: 85px;
    font-size: 16px;
    position: relative;
}
/* 修改后的li.nav-item>a::before部分 */
li.nav-item > a::before {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 1.5px;
}
li.nav-item:hover > a, li.nav-item.active > a {
    color: #000000;
    font-weight: bolder;
}
li.nav-item:hover > a::before, li.nav-item.active > a::before {
    display: block;
}
/* 二级菜单 */
.subMenu {
    display: none;
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    /*    height: 95px;*/
    background-color: rgba(171, 162, 134, 0.9);/*    padding: 20px 0px;*/
}
.subMenu .wrap .line-v {
    width: 1px;
    margin: 10px;
    height: 70px;
    background: #d7cba6;
}
.subMenu > ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.subMenu > ul > li > a {
    display: block;
    padding: 0 18px;
    text-align: center;
    line-height: 50px;
    color: #fff;font-size: 18px;
}
.subMenu > ul > li > a:hover {
    color: #000000;
}
</style>
<header>
  <div class="wrap">
    <nav id="nav">
      <div class="logo"> <a href="#"><img src="_images/logo.png" alt=""></a> </div>
      <ul class="nav">
        <li class="nav-item active"><a href="index.php">首页</a></li>
        <li class="nav-item"> <a href="#">关于格林</a>
          <div class="subMenu">
            <ul class="wrap">
              <li><a href="about.php">品牌简介</a></li><li class="line-v"></li>
              <li><a href="about.php#p2">总裁致辞</a></li><li class="line-v"></li>
              <li><a href="about.php#p3">合作伙伴</a></li><li class="line-v"></li>
              <li><a href="about.php#p4">格林工程</a></li><li class="line-v"></li>
              <li><a href="about.php#p5">社会责任</a></li><li class="line-v"></li>
              <li><a href="about.php#p6">格林荣誉</a></li><li class="line-v"></li>
              <li><a href="about.php#p7">格林大事记</a></li>
            </ul>
          </div>
        </li>
        <li class="nav-item"> <a href="#">格林资讯</a>
          <div class="subMenu">
            <ul class="wrap">
              <li><a href="news.php?artid=21">品牌新闻</a></li><li class="line-v"></li>
              <li><a href="news.php?artid=22">最新活动</a></li><li class="line-v"></li>
              <li><a href="news.php?artid=23">媒体聚焦</a></li>
			  </ul>
          </div>
        </li>
        <li class="nav-item"> <a href="#">产品中心</a> 
          <!-- 二级菜单 S-->
          <div class="subMenu">
            <ul class="wrap">
              <li><a href="products.php?cid=81">地板</a></li><li class="line-v"></li>
              <li><a href="products.php?cid=82">木门</a></li><li class="line-v"></li>
              <li><a href="products.php?cid=83">楼梯</a></li><li class="line-v"></li>
              <li><a href="products.php?cid=84">格林整体家居</a></li>
            </ul>
          </div>
          <!-- 二级菜单 E--> 
        </li>
        <li class="nav-item"> <a href="#">招商加盟</a> 
           <!-- 二级菜单 S-->
          <div class="subMenu">
            <ul class="wrap">
              <li><a href="service.php#p1">品牌服务</a></li><li class="line-v"></li>
              <li><a href="service.php#p2">服务网络</a></li><li class="line-v"></li>
              <li><a href="service.php#p3">服务规范</a></li> 
            </ul>
          </div>
          <!-- 二级菜单 E--> 
        </li>
        <li class="nav-item"><a href="contact.php">联系方式</a></li>
      </ul>
    </nav>
  </div>
</header>
<script src="_js/jquery.min.3.3.1.js"></script>
<script>
    $(function () {
        $('ul.nav li.nav-item').hover(function () {
            $(this).children('div.subMenu').stop().slideToggle(200);
        })
    })
</script><!-- Swiper -->

<div class="swiper mySwiper swiper-h">
  <div class="swiper-wrapper">
    <div class="swiper-slide" styel="">
      <div class="swiper mySwiper2 swiper-v">
        <div class="swiper-wrapper">
          <div class="swiper-slide home-banner-1"></div>
          <div class="swiper-slide home-banner-2"></div>
          <div class="swiper-slide home-banner-3"></div>
          <div class="swiper-slide home-banner-4"></div>
        </div>
        <div class="swiper-pagination swiper-pagination2"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </div>
    <div class="swiper-slide" style="background: #eeeeee;">
      <div class="p2">
        <div class="p-title">
          <p>PRODUCTS</p>
          <p>产品展示</p>
        </div>
        <br>
        <div class="p-flex">
          <a href="products.php?cid=91" class="p2-2-1"><img src="_images/P2-1.jpg">
            <p>原木（纯实木）地热地板</p>
          </a>
          <a href="products.php?cid=92" class="p2-2-1"><img src="_images/P2-2.jpg">
            <p>实木地板</p>
          </a>
          <a href="products.php?cid=93" class="p2-2-1"><img src="_images/P2-3.jpg">
            <p>实木多层地板</p>
          </a>
          <a href="products.php?cid=94" class="p2-2-1"><img src="_images/P2-4.jpg">
            <p>强化复合地板</p>
          </a>
          <a href="products.php?cid=95" class="p2-2-1"><img src="_images/P2-5.jpg">
            <p>原装进口地板</p>
          </a>
        </div>
        <div class="p-flex">
          <a href="products.php?cid=84" class="p2-3-1"><img src="_images/P2-B1.png"></a>
          <a href="products.php?cid=82" class="p2-3-1"><img src="_images/P2-B2.png"></a>
          <a href="products.php?cid=83" class="p2-3-1"><img src="_images/P2-B3.jpg"></a>
        </div>
      </div>
    </div>
    <div class="swiper-slide" style="background: #aea4894d;">
      <div class="p3">
        <div class="p-title">
          <p>NEWS CENTER</p>
          <p>格林资讯</p>
        </div>
        <br>
        <div class="p-flex">
 <a class='p3-2' href='new.php?artid=51'><img src='' ><br><p>4442</p> </a>  			
        </div>
      </div>
    </div>
    <div class="swiper-slide" style="background: #f4f4f4;">
      <div class="p4">
        <div class="p-title">
          <p>ABOUT US</p>
          <p>关于我们</p>
        </div>
        <br>
        <div class="p-flex">
          <div class="p4-2">
            <p>格林，源自欧洲时尚，1999年5月成立于独具先锋气魄的六朝古都南京，专业从事格林品牌系列艺术家居产品的研发、生产和连锁网络建设，并致力于绿色人居环境文化的推广。公司占地38000平方，拥有员工二百余人。格林作为“中国林产工业协会常务理事单位”，已先后通过ISO9001、ISO14001、中国环境标志产品认证、欧盟CE产品安全认证，并同时参与国家《浸渍纸层压木质地板》(GB/T18102-2007)、《木质地板铺装、验收和使用规范》、《地采暖用木质地板》、《木质复合门》等行业四个标准的起草与制定。</p>
          </div>
          <div class="p4-2">
            <p> 2024年获  “中国地板健康十大品牌”<br>
              2024年获  “全国产品和服务质量诚信品牌”<br>
              2024年获  “全国木门行业质量领先企业”<br>
              2024年获  “全国质量检验稳定合格产品”<br>
              2023年获  “中国地板影响力十大品牌”<br>
              2023年获  “全国产品和服务质量诚信领先品牌”<br>
              2023年获  “全国产品和服务质量信诚示范企业”<br>
              2023年获  “全国木门行业质量领先企业”<br>
              2023年获  “全国质量检验稳定合格产品”<br>
              2022年获  “全国产品和服务质量诚信领先品牌”<br>
              2022年获  “全国产品和服务质量诚信示范企业”<br>
              2022年获  “全国质量检验稳定合格产品”<br>
              2022年获  “全国木门行业质量领先企业”<br>
            </p>
          </div>
        </div>
        <div class="p4">
          <div class="p-title">
            <p>STRATEGIC PARTNER</p>
            <p>格林全球战略合作伙伴</p>
          </div>
          <br>
          <div class="p-flex">
            <div class="p4-3"><img src="_images/p4-1.png"></div>
            <div class="p4-3"><img src="_images/p4-2.png"></div>
            <div class="p4-3"><img src="_images/p4-3.png"></div>
            <div class="p4-3"><img src="_images/p4-4.png"></div>
            <div class="p4-3"><img src="_images/p4-5.png"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="swiper-slide" style="background: #d1cbbf">
      <div class="p5">
        <div class="p-title">
          <p>LEARN MORE</p>
          <p>了解更多.</p>
        </div>
        <br>
        <div class="p-flex">
          <div class="p5-2" style="background: #676767;"><img src="_images/p51.png" style="width: 50%;" id="myImage">
            <div class="p5-2-1">格林<br>
              有身份证的地板<br>
              格林地板产品管理服务系统再次升级，让您购买的每一片板都可验明正身哦！<br>
              自2015年1月1日起，格林地板“数码防伪管理服务系统”全面启动，消费者均可通过电话、短信、互联网查询所购商品的真伪。 </div>
          </div>
          <a class="p5-2" href="service.php#p1"><img src="_images/p5-2.jpg" style="width: 100%;"></a>
          <div class="p5-2" style="background: #adadad;">
            <div class="p5-2-2">扫一扫关注格林官方微信<br>
              了解更多格林资讯<br>
              <br>
              <br>
              格林地板<br>
              让生活更加美好</div>
            <img src="_images/p53.png" style="width: 50%;"> </div>
          <a class="p5-2" style="background: #676767; font-size: 14px;color: #ffffff"  href="contact.php"><img src="_images/p54.png" style="width: 50%;">
            <div class="p5-2-1">联系我们<br>
              地址：南京市江宁区秣陵街道苏源大道106号<br>
              电    话：孙13401722300 吴17714536209<br>
              免费服务电话：400-025-0688<br>
              传    真：025-84988966</div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="swiper-pagination"></div>
</div>

<!-- Swiper JS --> 
<script src="_js/swiper-bundle.min.js"></script> 

<!-- Initialize Swiper --> 
<script>
document.addEventListener('DOMContentLoaded', function () {
    // 将P5对应的swiper-slide索引改为8
    var p5SlideIndex = 4;
    // 初始化swiper实例
    var swiper = new Swiper(".mySwiper", {
        direction: "vertical",
        mousewheel: true,
        spaceBetween: 50,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },

    });
    var swiper2 = new Swiper(".mySwiper2", {
        spaceBetween: 50,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        autoplay: {
            delay: 5000,
            disableOnInteraction: false
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

    });

    // P5的监听动画
    // 获取包含动画元素的父容器，这里是.p5元素
    const p5Element = document.querySelector('.p5');
    // 获取所有要执行动画的.p5-2元素
    const p5_2Elements = document.querySelectorAll('.p5-2');

    // 监听swiper的slideChange事件
swiper.on('slideChange', function () {
    const currentSlideIndex = this.activeIndex;
    console.log("当前切换到的slide索引:", currentSlideIndex);
    console.log("P5对应的slide索引:", p5SlideIndex);
    if (currentSlideIndex === p5SlideIndex) {
        console.log("已切换到P5对应的slide，添加滚动监听");
        // 获取所有要执行动画的.p5-2元素
        const p5_2Elements = document.querySelectorAll('.p5-2');
        // 遍历.p5-2元素，根据元素顺序添加对应的动画类名触发动画执行
        p5_2Elements.forEach((element, index) => {
            if (index % 2 === 0) {
                // 偶数索引（第1、3等元素）应用fadeInLeft动画
                element.style.animation = "fadeInLeft 2s ease forwards";
            } else {
                // 奇数索引（第2、4等元素）应用fadeInRight动画
                element.style.animation = "fadeInRight 2s ease forwards";
            }
        });
    } else {
        console.log("切换到其他slide，移除滚动监听并恢复.p5-2元素初始状态");
        // 获取所有.p5-2元素
        const p5_2Elements = document.querySelectorAll('.p5-2');
        // 遍历.p5-2元素，移除动画相关样式属性恢复初始状态
        p5_2Elements.forEach(element => {
            element.style.animation = "";
        });
    }
});
	
});

	$(document).ready(function() {
  $('#myImage').click(function() {
    window.location.href = 'https://www.12365114.cn/';
  });
});
</script>
</body>
</html>
