<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>郑福馨</title>
<meta name="keywords" content="茶叶_野生红茶_优质红茶_郑福馨茶品">
<meta name="description" content="站点描述，可配置">

<link rel="stylesheet" href="/template/1/193/css/bootstrap.min.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/template/1/193/css/animate.min.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/template/1/193/css/jquery.fancybox.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/template/1/193/css/slick.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/template/1/193/css/fileupload.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/template/1/193/css/easydropdown.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/template/1/193/css/layer.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/template/1/193/css/style.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
<div class="header wow fadeInDown">
  <div class="w-100">
    <div class="w-1440"> 
      <!--logo start-->
      <div class="logo"> <a href="/html/web/index.html"><img src="/upload/1/appLogo/1703727836859.png" /></a> </div>
      <!--logo end--> 
      <!--手机导航 start-->
      <button class="nav-collapse nav-collapse-xs" id="nav-btn"> <span class="btn-line"></span> <span class="btn-line"></span> <span class="btn-line"></span> </button>
      <!--手机导航 end--> 
      <!--图标start-->
      <div class="header-right-ico"> 
        
        <!--语言-->
        <div class="langage-box fl por"> <a class="language-btn" href="javascript:;" title="">ENGLISH</a>
          <div class="lang_z fp-slide"> <i></i>
            <dl>
              <dd><a href="/html/web/index-en.html" class="zh_click" id="zh_click_t" >ENGLISH</a></dd>
              <dd><a href="/html/web/index.html" class="zh_click" id="zh_click_s" >中文</a></dd>
            </dl>
          </div>
        </div>
      </div>
      <!--图标end--> 
      <!--nav start-->
      <div class="nav nav-show">
        <div class="tbl">
          <div class="tbl-cell">
            <ul class="nav-list1">
              <li class="active"
><a href="/html/web/index.html">首页</a></li>
              <li ><a href="/html/web/zhongwen/zhengfuxin/index.html">走进郑福馨</a></li>
              <li ><a href="/html/web/zhongwen/pinpai/index.html">品牌产品</a></li>
              <li ><a href="/html/web/zhongwen/chashan/index.html">茶山</a></li>
              <li ><a href="/html/web/zhongwen/chashe/index.html">人文茶社</a></li>
              <li ><a href="/html/web/zhongwen/xianshangpingtai/index.html">线上平台</a></li>
              <li ><a href="/html/web/zhongwen/zhaoxiannashi/index.html">招贤纳士</a></li>
            </ul>
            <div class="header-right-ico-none">
              <div class="langage"> <a href="/html/web/index.html">中文</a> <span>|</span> <a href="/html/web/index-en.html">ENGLISH</a> </div>
            </div>
          </div>
        </div>
        <button class="nav-collapse nav-collapse-1" id="nav-xs-btn"> <span class="btn-line"></span> <span class="btn-line"></span> <span class="btn-line"></span> </button>
      </div>
      <!--nav end--> 
    </div>
  </div>
</div>
<div class="main">
  <div class="c-banner">
    <div class="banner">
      <ul>
        <li><img src="/upload/1/cms/content/1703325574821.png"></li>
        
        <li><img src="/upload/1/cms/content/1703325593157.png"></li>
        
        <li><img src="/upload/1/cms/content/1703325608374.png"></li>
        
      </ul>
    </div>
    <div class="nexImg"> <img src="/template/1/193/images/neximg.png" /> </div>
    <div class="preImg"> <img src="/template/1/193/images/preimg.png" /> </div>
    <div class="jumpBtn">
     <!--  <ul>
        <li jumpImg="field.index+1"></li>
        
        <li jumpImg="field.index+1"></li>
        
        <li jumpImg="field.index+1"></li>
        
-->
      </ul>
    </div>
  </div>
  <link rel="stylesheet" href="/template/1/193/css/style_1.css" />
  <script type="text/javascript" src="/template/1/193/js/jquery.min.js"></script>
  <div class="wrap wrap-service">
    <div class="w-100">
      <div class="w-1440">
        <div class="index-title wow fadeInUp">  </div>
        

    <div class="news-list-1">
      <ul class="news-auto">
        <li class=" wow fadeInUp animated animated" style="visibility: visible;">
          <div class="case-img-1"> <a href="/html/web/zhongwen/chashan/baichachashan/1738482745998729217.html"><img src="/upload/1/cms/content/1703321557263.png" title="白茶茶山" alt="白茶茶山"></a> </div>
          <div class="case-txt">
            <div class="case-txt-title"><a href="/html/web/zhongwen/chashan/baichachashan/1738482745998729217.html">白茶茶山</a></div>
            <div class="case-txt-time">2023-12-23</div>
            <div class="case-txt-p">除了武夷⼭茶⼚，郑福馨在福建福鼎亦有资质优秀的好茶⽣产加⼯基地。</div>
          </div>
        </li>
        <li class=" wow fadeInUp animated animated" style="visibility: visible;">
          <div class="case-img-1"> <a href="/html/web/zhongwen/chashan/hongchachashan/1738481773360603137.html"><img src="/upload/1/cms/content/1703321267100.png" title="红茶茶山" alt="红茶茶山"></a> </div>
          <div class="case-txt">
            <div class="case-txt-title"><a href="/html/web/zhongwen/chashan/hongchachashan/1738481773360603137.html">红茶茶山</a></div>
            <div class="case-txt-time">2023-12-23</div>
            <div class="case-txt-p">郑福馨也因⾃⽣茶树“野⽣”的特点和优势，⾃成“野”字系列品牌，在武夷⼭桐⽊关诸多品牌中占有⼀席之地。</div>
          </div>
        </li>
      </ul>
    </div>

       <!-- <div class="index-video">
          <div class="video wow fadeInLeft"> <a class="img-box"><img class="lazy" data-src="/template/1/193/images/index-video.jpg" width="" height="270" title="" alt=""></a>
            <div class="video-box"> 
              <div class="video-txt">视频</div>
            </div>
          </div>
          <div class="index-video-right wow fadeInRight">
            <div class="index-top-img">
              <div class="index-top-left-img">  </div>
              <div class="index-top-left-img">  </div>
        </div> -->
      </div>
    </div>
  </div>
  <div class="w-100 bg-029c6a wow fadeInUp">
    <div class="w-1440">
      <div class="index-connected">
        <div class="index-connected-p-a">  </div>
      </div>
    </div>
  </div>
</div>
<div class="footer foot-bg-1 wow fadeInUp">
    <div class="w-100 foot-bg-border">
        <div class="w-1440">
            <div class="foot-contect">
              <div class="font-ico-txt foot-ico-phone"><img src="/template/1/193/images/foot-ico-3.png" alt="" />13321178359</div>

              <div class="font-ico-txt foot-ico-email"><img src="/template/1/193/images/foot-ico-2.png" alt="" />zhengfuxin2021@126.com</div>
              <div class="font-ico-txt foot-ico-wechat">
                <div><img src="/template/1/193/images/ico-3.png" alt="auto" /></div>
                <div class="font-ico-address">                <p>北京市朝阳区安立路第五大道二层216-2;</p>
                <p>北京市西城区真武庙路1号中国职工之家A座一层0113室</p></div>
			  </div>
              
              <div class="font-ico-txt foot-ico-whatsapp foot-ico-imgs"><img class="qrimg" src="/template/1/193/images/ewm.png" alt="" /></div>
              
              
 <!--                <div class="font-ico-txt foot-ico-email"><img src="/template/1/193/images/foot-ico-2.png" alt="" />123456789@qq.com</div>
                <div class="font-ico-txt foot-ico-phone"><img src="/template/1/193/images/foot-ico-3.png" alt="" />488-888-8888</div>
                <div class="font-ico-txt foot-ico-wechat"><img src="/template/1/193/images/foot-ico-5.png" alt="" /></div>
                <div class="font-ico-txt foot-ico-whatsapp"><img src="/template/1/193/images/foot-ico-6.png" alt="" />18888888888</div>
 -->

            </div>
        </div>
    </div>
    <div class="w-100">
        <div class="w-1440">
            <div class="foot-copy">
                <div class="foot-copy-left">CopyRight©2003-2023	京ICP备2021024932号-1 </div>
                 <!--<div class="foot-copy-right"> 技术支持:  </div> -->
            </div>
        </div>
    </div>
</div>
<script src="/template/1/193/js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/jquery.lazyload.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/jquery.carousel.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/jquery.fancybox.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/wow.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/slick1.9.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/html5shiv.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/respond.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/jquery.easydropdown.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/fileupload.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/jquery.countup.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/mp.mansory.js" type="text/javascript" charset="utf-8"></script>
<script src="/template/1/193/js/main.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">	
//捕获页
$(".bottom-ico-3").on('click',function(){
	layer.open({
	  type: 1,
	  shade: false,
	  title: false, //不显示标题
	  content: $('.weixin-sh'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相
	});
 })
//捕获页
$(".header-ico-3").on('click',function(){
	layer.open({
	  type: 1,
	  shade: false,
	  title: false, //不显示标题
	  content: $('.weixin-sh'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相
	});
 }) 
</script>

<style>
.foot-ico-wechat{
        display: flex;
  }
@media only screen and (min-width: 250px) and (max-width: 768px) {
   .foot-contect{
      flex-direction: column !important;
  }
  .qrimg{
  	width:28% !important;
    height:28% !important;
  }
}
   .foot-contect{
      display: flex;
  }
    .news-auto{
    display: flex;
    align-content: center;
    justify-content: center;
  }
.font-ico-address{
  display:flex;
  flex-direction: column;
  }
.foot-ico-imgs{
      margin-left: 30px;
  }

</style></body>
</html>
<script>
    if ($win.width() < 768) {
        $(document).on('ready', function() {
            $(".lazy1").slick({
                dots: true,
                lazyLoad: 'ondemand', // ondemand progressive anticipated
                infinite: true,
            });
        });
    }
    if ($win.width() < 768) {
        $(document).on('ready', function() {
            $(".lazy").slick({
                dots: true,
                lazyLoad: 'ondemand', // ondemand progressive anticipated
                infinite: true,
            });
        });
    }
</script>
<!-- 轮播图 -->
<script type="text/javascript">
//定时器返回值
var time=null;
//记录当前位子
var nexImg = 0;
//用于获取轮播图图片个数
var imgLength = $(".c-banner .banner ul li").length;
//当时动态数据的时候使用,上面那个删除
// var imgLength =0;
//设置底部第一个按钮样式
$(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#029c6a");

//页面加载
$(document).ready(function(){
    // dynamicData();
    //启动定时器,设置时间为3秒一次
    time =setInterval(intervalImg,3000);
});

//点击上一张
$(".preImg").click(function(){
    //清楚定时器
    clearInterval(time);
    var nowImg = nexImg;
    nexImg = nexImg-1;
    console.log(nexImg);
    if(nexImg<0){
        nexImg=imgLength-1;
    }
    //底部按钮样式设置
    $(".c-banner .jumpBtn ul li").css("background-color","white");
    $(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#029c6a");
    
    //将当前图片试用绝对定位,下一张图片试用相对定位
    $(".c-banner .banner ul img").eq(nowImg).css("position","absolute");
    $(".c-banner .banner ul img").eq(nexImg).css("position","relative");
    
    //轮播淡入淡出
    $(".c-banner .banner ul li").eq(nexImg).css("display","block");
    $(".c-banner .banner ul li").eq(nexImg).stop().animate({"opacity":1},1000);
    $(".c-banner .banner ul li").eq(nowImg).stop().animate({"opacity":0},1000,function(){
        $(".c-banner ul li").eq(nowImg).css("display","none");
    });
    
    //启动定时器,设置时间为3秒一次
    time =setInterval(intervalImg,3000);
})

//点击下一张
$(".nexImg").click(function(){
    clearInterval(time);
    intervalImg();
    time =setInterval(intervalImg,3000);
})

//轮播图
function intervalImg(){
    if(nexImg<imgLength-1){
        nexImg++;
    }else{
        nexImg=0;
    }
    
    //将当前图片试用绝对定位,下一张图片试用相对定位
    $(".c-banner .banner ul img").eq(nexImg-1).css("position","absolute");
    $(".c-banner .banner ul img").eq(nexImg).css("position","relative");
    
    $(".c-banner .banner ul li").eq(nexImg).css("display","block");
    $(".c-banner .banner ul li").eq(nexImg).stop().animate({"opacity":1},1000);
    $(".c-banner .banner ul li").eq(nexImg-1).stop().animate({"opacity":0},1000,function(){
        $(".c-banner .banner ul li").eq(nexImg-1).css("display","none");
    });
    $(".c-banner .jumpBtn ul li").css("background-color","white");
    $(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#029c6a");
}

//轮播图底下按钮
//动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用
$(".c-banner .jumpBtn ul li").each(function(){
    //为每个按钮定义点击事件
    $(this).click(function(){
        clearInterval(time);
        $(".c-banner .jumpBtn ul li").css("background-color","white");
        jumpImg = $(this).attr("jumpImg");
        if(jumpImg!=nexImg){
            var after =$(".c-banner .banner ul li").eq(jumpImg);
            var befor =$(".c-banner .banner ul li").eq(nexImg);
            
            //将当前图片试用绝对定位,下一张图片试用相对定位
            $(".c-banner .banner ul img").eq(nexImg).css("position","absolute");
            $(".c-banner .banner ul img").eq(jumpImg).css("position","relative");
            
            after.css("display","block");
            after.stop().animate({"opacity":1},1000);
            befor.stop().animate({"opacity":0},1000,function(){
                befor.css("display","none");
            });
            nexImg=jumpImg;
        }
        $(this).css("background-color","#029c6a");
        time =setInterval(intervalImg,3000);
    });
});
</script>
<style>
  .news-auto{
    display: flex;
    align-content: center;
    justify-content: center;
  }
  .wrap{
    background-image: url("http://121.229.145.52:6098/template/1//193/images/b.png");
  }
  </style>