<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="author" content="农夫山泉" />
<meta name="google-site-verification" content="fzraj7HdqquLrYECVYg_yA1q5xuMKq_6KFB4DLgIqus" />
<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon" />
<link rel="alternate" href="https://www.nongfuspring.com/" hrefLang="x-default" />
<link rel="alternate" href="https://en.nongfuspring.com/" hrefLang="en" />
<link rel="alternate" href="https://hk.nongfuspring.com/" hrefLang="zh-Hant" />
<script>
function GetUrlRelativePath()
{
var url = document.location.toString();
var arrUrl = url.split("//");
var start = arrUrl[1].indexOf("/");
var relUrl = arrUrl[1].substring(start);
if(relUrl.indexOf("?") != -1){
relUrl = '?'+relUrl.split("?")[1];
}else{
relUrl='';
}
return relUrl;
}
if (
/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(
navigator.userAgent
)
) {
if (window.location.href.indexOf('?mobile') < 0) {
try {
if (
/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(
navigator.userAgent
)
) {
window.location.href = '/mobile/'+GetUrlRelativePath()
}
} catch (e) {}
}
}
</script>
<link rel="canonical" href="https://www.nongfuspring.com"/>
<meta http-equiv="mobile-agent" content="format=html5; url=https://www.nongfuspring.com/mobile/" />
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.nongfuspring.com/mobile/">
<title>农夫山泉|Nongfu Spring|農夫山泉</title>
<meta name="keywords" content="农夫山泉,Nongfu Spring,農夫山泉">
<meta name="description" content="农夫山泉股份有限公司是中国饮料20强之一，专注于研发、推广饮用天然水、果蔬汁饮料、特殊用途饮料和茶饮料等各类软饮料。农夫山泉取自优质天然水源，坚持水源地建厂、水源地灌装，水中存在人体所需的天然矿物元素。">
<link href="/assets/dist/app.8a857a7a.css" rel="preload" as="style" />
<link href="/assets/dist/chunk-vendors.cc605bd9.css" rel="preload" as="style" />
<link href="/assets/dist/chunk-vendors.cc605bd9.css" rel="stylesheet" />
<link href="/assets/dist/app.8a857a7a.css" rel="stylesheet" />
<link type="text/css" rel="stylesheet" href="https://media-cache.huaweicloud.com/video/hwplayer/1.0.0/lib/video-js-7.2.3/video-js.css" />
<link type="text/css" rel="stylesheet" href="https://media-cache.huaweicloud.com/video/hwplayer/1.0.0/lib/plugins/css/videojs-allPlugins.css" />
<link href="/assets/dist/sy.css" type="text/css" rel="stylesheet">
<link href="/assets/dist/custom.css" type="text/css" rel="stylesheet">
</head>
<body>
<noscript><strong>很抱歉，如果没有启用JavaScript，此项目将无法正常运行。请启用它。</strong></noscript>
<!--[if lt IE 9]>
<script src="https://media-cache.huaweicloud.com/video/hwplayer/0.0.6/lib/video-js-5.20.5/ie8/videojs-ie8.min.js"></script>
<![endif]-->
<script src="https://media-cache.huaweicloud.com/video/hwplayer/1.0.0/dist/hwplayer.js"></script>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vue-i18n/8.15.4/vue-i18n.min.js"></script>
<script src="https://cdn.bootcss.com/video.js/7.6.6/video.min.js" charset="utf-8"></script>
<script src="https://cdn.bootcss.com/axios/0.19.2/axios.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>
<div id="app">
<div>
<nav>
<div class="nav-bar clearfix">
<div class="img-box fl">
<a href="/" title="农夫山泉" ><img src="/assets/img/logo.ae828a1b.png" alt="logo" /></a>
</div>
<ul class="fl category clearfix language">
<li ><a href="javascript:void(0)" class="no-ref">关于我们 </a>
<dl>
<dd>
<a href="/aboutus/introduce.html" >公司介绍</a>
</dd>
<dd>
<a href="/aboutus/management.html" >公司管理层</a>
</dd>
<dd>
<a href="/aboutus/develophistory.html" >企业大事记</a>
</dd>
<dd>
<a href="/aboutus/culture.html" >人和文化</a>
</dd>
<dd>
<a href="/aboutus/videolist.html" >宣传片</a>
</dd>
</dl></li>
<li ><a href="/goods/logos.html" >旗下产品</a></li>
<li class="origin-li "><a href="/originplace/default.html" >水源地与产地</a>
<dl>
<dd>
<a href="/originplace/water-origin.html" >水源介绍</a>
</dd>
<dd>
<a href="/originplace/production-origin.html" >种植基地介绍</a>
</dd>
<dd>
<a href="/originplace/factory.html" >工厂介绍</a>
</dd>
</dl></li>
<li ><a href="/water-health.html" >水健康知识</a></li>
<li ><a href="javascript:void(0)" class="no-ref"> 新闻公告 </a>
<dl>
<dd>
<a href="/bid-announcement.html" >招标公告</a>
</dd>
<dd>
<a href="/media-centre.html" >媒体报道</a>
</dd>
</dl></li>
<li ><a href="javascript:void(0)" class="no-ref"> 投资者关系 </a>
<dl>
<dd>
<a href="/announcement.html" >公告及通函</a>
</dd>
<dd>
<a href="/financialinfo.html" >财务信息</a>
</dd>
<dd>
<a href="/governance.html" >公司治理</a>
</dd>
</dl></li>
<li ><a href="javascript:void(0)" class="no-ref"> 联系我们 </a>
<dl>
<dd>
<a href="http://hr.yst.com.cn/" target="_blank">招聘</a>
</dd>
<dd>
<a href="/contact.html" >地址/电话</a>
</dd>
</dl></li>
</ul>
<ul class="fr tool-box">
<li class="search"></li>
<li class="lang"><span> 简体中文 <img src="/assets/img/arrow-down.png" /></span>
<dl>
<dd>
<a href="/" title="农夫山泉">简体中文</a>
</dd>
<dd>
<a href="//hk.nongfuspring.com" title="農夫山泉">繁體中文</a>
</dd>
<dd>
<a href="//en.nongfuspring.com" title="Nongfu Spring">English</a>
</dd>
</dl>
</li>
</ul>
</div>
</nav>
</div>
<div class="video-sy-w">
<div class="bg-mask ieobj" style="display: none;height:auto;"><img style="height:auto;" /></div>
<div class="bg-mask noieobj" style="display: none"><img /></div>
<div class="video-i-w video-mask">
<video
id="ievideo"
class="ieobj video-js vjs-default-skin vjs-big-play-centered"
style="display:none;width: 100%;height:auto;background:transparent"
muted
autoplay
loop
preload
poster=""
src=""
type=""
>
</video>
<video
class="noieobj video-js vjs-default-skin vjs-big-play-centered"
id="video"
style="display:none;width:100%;height:100%;object-fit:cover;background:transparent"
muted
preload="auto"
>
</video>
</div>
<div class="index-video-info video-mask">
<div class="videoTxtSy"></div>
<img id="videoPlay" class="videoPlayImg"
src="/assets/img/pc/indexVideo.png"
/>
</div>
<div class="change-box">
<ul class="clearfix">
</ul>
</div>
</div>
<div
id="fixedPlay"
class="fixed-video-box full"
>
<video
id="fullIEVideo"
class="ieobj video-js vjs-default-skin vjs-big-play-centered"
style="width: 100%;height:100%;"
autoplay
src=""
type=""
>
</video>
<video
id="fullVideo"
class="noieobj video-js vjs-default-skin vjs-big-play-centered"
style="width: 100%;height:100%;"
></video>
<div
class="close-box"
id="videoPause"
></div>
</div>
<div>
<div class="water-health">
<div class="container-fluid">
<div class="row">
<div class="employee-content col-lg-6 col-12">
<div class="water-knowledge employee">
<span>我们的员工</span>
<p class="font20"> 农夫山泉一直以来都以卓越的品质和大胆开创性的尝试，成为业界的标杆式企业。每一个员工的坚守成就了农夫山泉几十年的品质。 </p>
<a href="/aboutus/culture.html" rel="nofollow"><div class="linkMore">
<span>阅读更多</span>
</div></a>
</div>
</div>
<div class="col-lg-6 col-12" style="background-image: url("/assets/img/pc/home/f1-1.jpg"); width: 100%; background-position-x: 100%; background-size: cover; background-repeat: no-repeat;"></div>
</div>
</div>
</div>
<div class="goods clearfix">
<div style="width: 100%; display: inline-flex;">
<div class="title-box">
<div class="title">
我们的产品
</div>
<div class="font20">
我们坚持产品的高品质，全力打造天然、健康产品。
</div>
</div>
</div>
<div class="fl clearfix" style="width: 100%;">
<ul class="category fl product-category">
</ul>
<div class="child-category fl">
<div class="swiper-container clearfix swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper">
</div>
</div>
</div>
</div>
</div><div>
<div class="swiper-container mySwiper2">
<div class="swiper-wrapper" id="water-origin">
<div class="swiper-slide">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/aboutus/culture.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner7.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner7.jpg" alt=""></div>
<div class="current-water-name font20">长白山</div>
<div slot="button-next" attr-name="丹江口" class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>1</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner3.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner3.jpg" alt=""></div>
<div class="current-water-name font20">丹江口</div>
<div slot="button-prev" attr-name="长白山" class="swiper-button-prev ig">
<div class="ig"></div>
</div>
<div slot="button-next" attr-name="峨眉山" class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>2</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner5.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner5.jpg" alt=""></div>
<div class="current-water-name font20">峨眉山</div>
<div slot="button-prev" attr-name="丹江口" class="swiper-button-prev ig">
<div class="ig"></div>
</div>
<div slot="button-next" attr-name="大兴安岭 " class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>3</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner9-1.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner9-1.jpg" alt=""></div>
<div class="current-water-name font20">大兴安岭 </div>
<div slot="button-prev" attr-name="峨眉山" class="swiper-button-prev ig">
<div class="ig"></div>
</div>
<div slot="button-next" attr-name="千岛湖" class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>4</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner1.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner1.jpg" alt=""></div>
<div class="current-water-name font20">千岛湖</div>
<div slot="button-prev" attr-name="大兴安岭 " class="swiper-button-prev ig">
<div class="ig"></div>
</div>
<div slot="button-next" attr-name="太白山" class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>5</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner6.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner6.jpg" alt=""></div>
<div class="current-water-name font20">太白山</div>
<div slot="button-prev" attr-name="千岛湖" class="swiper-button-prev ig">
<div class="ig"></div>
</div>
<div slot="button-next" attr-name="玛纳斯" class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>6</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner4.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner4.jpg" alt=""></div>
<div class="current-water-name font20">玛纳斯</div>
<div slot="button-prev" attr-name="太白山" class="swiper-button-prev ig">
<div class="ig"></div>
</div>
<div slot="button-next" attr-name="万绿湖" class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>7</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide swiper-slide-prev">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner2.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner2.jpg" alt=""></div>
<div class="current-water-name font20">万绿湖</div>
<div slot="button-prev" attr-name="玛纳斯" class="swiper-button-prev ig">
<div class="ig"></div>
</div>
<div slot="button-next" attr-name="武陵山" class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>8</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide swiper-slide-active">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner8.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner8.jpg" alt=""></div>
<div class="current-water-name font20">武陵山</div>
<div slot="button-prev" attr-name="万绿湖" class="swiper-button-prev ig">
<div class="ig"></div>
</div>
<div slot="button-next" attr-name="雾灵山" class="swiper-button-next ig ">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span>0</span>9</span>/<span class="w-totle">10</span></div>
</div>
<div class="swiper-slide swiper-slide-next">
<div class="water-intro clearfix">
<div class="fl">
<div class="title"> 优质水源
是我们的根本 </div>
<a href="/originplace/water-origin.html" rel="nofollow"> <div class="linkMore LinkMoreBtn"><span>查看我们的水源地</span></div></a>
</div>
<div class="fr ">
<div class="content font20"> 多年来，农夫山泉坚持“健康、天然”的品牌理念，从不使用城市自来水生产瓶装饮用水，也从不在饮用水中添加任何人工矿物质。 </div>
</div>
</div><img src="/assets/img/pc/water-source/waterBanner10.jpg" height="100%" class="mySwiper2-img">
<div class="waterCurve">
<div class="current-water"><img src="/assets/img/pc/water-source/waterBanner10.jpg" alt=""></div>
<div class="current-water-name font20">雾灵山</div>
<div slot="button-prev" attr-name="武陵山" class="swiper-button-prev ig">
<div class="ig"></div>
</div>
</div>
<div class="w-index-total"><span class="w-index"><span style="display: none;">0</span>10</span>/<span class="w-totle">10</span></div>
</div>
</div>
</div>
</div>
<div class="agriculture clearfix">
<div style="display: inline-flex; width: 100%;">
<div class="title-box">
<div class="title">
农业现代化的探索
</div>
<a href="/originplace/production-origin.html" > <div class="linkMore">
<span>查看我们的种植基地</span>
</div></a>
</div>
<div class="content-box font20">
农夫山泉一直与果园和种植者合作。在新疆伊犁、江西赣州等优质原产地建设了苹果、胡萝卜、脐橙等原料种植基地。通过持续不断的技术革新和严格的质量把控，探索农业现代化的前沿。
</div>
</div>
<div class="img-box">
<img alt="" width="100%" height="100%" src="/assets/img/pc/home/f4-1.png" />
</div>
</div>
<div class="water-health">
<div class="img-box container-fluid">
<div class="row">
<div class="col-lg-6 order-lg-11 col-12">
<div class="water-knowledge small">
<span class="block">水健康知识</span>
<p class="font20"> 人体中大部分是水。世界卫生组织《水中的营养素》，指出人体必须从饮用水中摄取一定量的矿物质和微量元素。水中的矿物元素可以部分补充人群膳食矿物元素的摄入，尤其是钙和镁，并且可能在心血管疾病方面对人体健康存在一定保护。 </p>
<a href="/water-health.html" > <div class="linkMore">
<span>阅读更多</span>
</div></a>
</div>
</div>
<div class="col-lg-6 col-12">
<img alt="" width="100%" height="100%" src="/assets/img/pc/home/f5-1.png" />
</div>
</div>
</div>
</div>
<div class="news-box">
<div class="clearfix title-box">
<span class="news-title">新闻动态</span>
<span class="fr">
<a href="/media-centre.html" rel="nofollow"><div class="linkMore">
<span>全部新闻</span>
</div></a></span>
</div>
<div class="clearfix news-list">
</div>
<div class="link-btn">
<a href="/media-centre.html" > <div class="linkMore">
<span>全部新闻</span>
</div></a>
</div>
</div>
</div>
<div class="foot">
<div class="footer">
<div class="top clearfix">
<div class="left-box clearfix fl font20">
<dl>
<dt class="font22">
关于我们
</dt>
<dd>
<a href="/aboutus/introduce.html" rel="nofollow">公司介绍</a>
</dd>
<dd>
<a href="/aboutus/management.html" rel="nofollow">公司管理层</a>
</dd>
<dd>
<a href="/aboutus/develophistory.html" rel="nofollow">企业大事记</a>
</dd>
<dd>
<a href="/aboutus/culture.html" rel="nofollow">人和文化</a>
</dd>
<dd>
<a href="/aboutus/videolist.html" rel="nofollow">宣传片</a>
</dd>
</dl>
<dl>
<dt class="font22">
旗下产品
</dt>
<dd>
<a href="/goods/detail-6.html">水类</a>
</dd>
<dd>
<a href="/goods/detail-1.html">茶类</a>
</dd>
<dd>
<a href="/goods/detail-4.html">咖啡类</a>
</dd>
<dd>
<a href="/goods/detail-5.html">功能饮料类</a>
</dd>
<dd>
<a href="/goods/detail-2.html">果汁类</a>
</dd>
<dd>
<a href="/goods/detail-7.html">植物蛋白类</a>
</dd>
<dd>
<a href="/goods/detail-8.html">农产品</a>
</dd>
</dl>
<dl>
<dt class="font22">
水源地与产地
</dt>
<dd>
<a href="/originplace/water-origin.html" rel="nofollow">水源介绍</a>
</dd>
<dd>
<a href="/originplace/production-origin.html" rel="nofollow">种植基地介绍</a>
</dd>
<dd>
<a href="/originplace/factory.html" rel="nofollow">工厂介绍</a>
</dd>
</dl>
</div>
<div class="right-box fl">
<div class="category-title font22">
关于我们
</div>
<div class="tel">
95077
</div>
<div class="tel-txt font20">
全国订水服务热线
</div>
<div class="address font20">
地址：杭州市西湖区葛衙庄181号（310024）
</div>
<div class="code-box clearfix ">
<div class="qr fl">
<div></div>
</div>
<span class="subscribe-txt">关注微信公众号</span>
</div>
</div>
</div>
<div class="bottom clearfix">
<div class="fl rights">
© 2020 Nongfu Spring. All rights reserved.
<a href="https://beian.miit.gov.cn/#/Integrated/index" style="font-size: 1.042vw; color: rgb(173, 173, 173);" rel="nofollow" >浙ICP备10201315号-3</a>
</div>
<div class="fr bg">
<img src="/assets/img/footLogo.bbcb013a.jpg" alt="" width="100%" height="100%" />
</div>
</div>
</div>
</div>
</div>
<script>
var videoList='';
$.ajax({
async:false,
url:"/cms-api-web/video-homes?lang_code=zh-CN&status=published",
type:"get",
dataType:"json",
success: function(data) {
videoList=data.data;
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
// // alert(XMLHttpRequest.status);
// // alert(XMLHttpRequest.readyState);
// // alert(textStatus);
},
})
$(".change-box").children('ul').html("");//清空内容
videoCount=videoList.length;
$(".change-box").children('ul').html("");//清空内容
$.each(videoList, function(i, item) {
$(".change-box").children('ul').append(
'<li> <div> <div class="num" > <span>0'+(i+1)+' </span>/0'+videoCount+'</div> <div class="hover-title"> <span>'+item.title+'</span> </div> <div class="img-box"> <video class="ieobj video-js vjs-default-skin vjs-big-play-centered" preload="auto" id="videoIE'+(i+1)+'" style="display:none;height: 100%;" src="'+item.video_short_resources[0].original_url+'" type="'+item.video_short_resources[0].original_type+'" autoplay loop muted > </video> <video class="noieobj video-js vjs-default-skin vjs-big-play-centered" preload="auto" id="video'+(i+1)+'" style="display:none;width:100%;height:100%" muted > <source src="'+item.video_short_resources[0].src+'" type="'+item.video_short_resources[0].type+'" > </video> </div> <div class="progress" style="height: 2px;"><div class="progress-bar bg-danger" style="width: 0%;"></div></div> </div> </li>');
});
</script>
<script>
var currentVideoData = {};
var currentVideoDataIndex = 0;
var fixedVideo = null;
var fullVideo = null;
var firstVideo = null;
var secondVideo = null;
var thirdVideo = null;
var ieSrc = '';
var ieVideoType = '';
var ieFullSrc = '';
var ieFullType = '';
var timeInterval = null;
var liObjs = $('.change-box>ul>li');
var progressBar = null;
function isIE() {
var ieVersion = IEVersion()
return ieVersion > -1 || ieVersion === 'edge'
}
function setIESrc() {
currentVideoData.show = true
currentVideoData.progress = 0
liObjs.find('.num').hide();
liObjs.eq(currentVideoDataIndex).find('.num').show();
progressBar = liObjs.eq(currentVideoDataIndex).find('.progress-bar');
var original_url = this.currentVideoData.video_short_resources[0].original_url;
var original_type = this.currentVideoData.video_short_resources[0].original_type;
ieVideoType = original_type
ieSrc = original_url
$('#ievideo').attr({
src: ieSrc,
type: ieVideoType
});
ieFullSrc = currentVideoData.video_resources[0].original_url
ieFullType = currentVideoData.video_resources[0].original_type
/* $('#fullIEVideo').attr({
src: ieFullSrc,
type: ieFullType
}) */
updateTimeLine()
}
function updateTimeLine() {
timeInterval = setInterval(function() {
var v = document.getElementById('ievideo')
if (currentVideoData.progress >= 90) {
currentVideoData.progress = 100;
progressBar.css('width', '100%');
} else if (v && v.duration) {
currentVideoData.progress = (v.currentTime * 100) / v.duration;
progressBar.css('width', currentVideoData.progress + '%');
}
}, 1000)
}
function timeupdate() {
if (!fixedVideo.duration()) {
return;
}
if (
currentVideoData.progress === undefined ||
isNaN(currentVideoData.progress)
) {
currentVideoData.progress = 0;
}
if (currentVideoData.progress <= 98) {
currentVideoData.progress =
(fixedVideo.currentTime() * 100) / fixedVideo.duration();
progressBar.css('width', currentVideoData.progress + '%');
} else {
currentVideoData.progress = 100
progressBar.css('width', '100%');
}
}
function setSrc() {
// currentVideoData.show = true;
currentVideoData.progress = 0;
liObjs.eq(currentVideoDataIndex).find('.num').show();
progressBar = liObjs.eq(currentVideoDataIndex).find('.progress-bar');
fixedVideo.pause();
var src = currentVideoData.video_short_resources[0].src;
var type = currentVideoData.video_short_resources[0].type;
fixedVideo.src({ src: src, type: type });
fixedVideo.load();
fixedVideo.play();
fixedVideo.on('timeupdate', timeupdate);
fixedVideo.on('error', function(error) {
// console.log(error, 'error')
})
}
// 设置主视频
function setMainVideoInfo() {
$('.bg-mask img').attr('src', currentVideoData.poster_pc.url);
$('.index-video-info .videoTxtSy').html(currentVideoData.title);
if (isIE()) {
$('#ievideo').attr('poster', currentVideoData.poster_pc.url);
}
}
// 初始化观看
function initWatch() {
$('#videoPlay').click(function(){
$('#fixedPlay').show();
if (isIE()) {
$('#fullIEVideo').attr({
src: ieFullSrc,
type: ieFullType
});
return
}
fullVideo.src({
src: currentVideoData.video_resources[0].src,
type: 'application/x-mpegURL'
});
fullVideo.play();
});
$('#videoPause').click(function() {
$('#fixedPlay').hide();
if (isIE()) {
$('#fullIEVideo').attr({
src: '',
type: ''
})
} else {
fullVideo.pause();
}
});
}
// 选择视频小图
function selectedVideo(index) {
$('.progress-bar').width(0);
currentVideoDataIndex = index;
currentVideoData = videoList[currentVideoDataIndex];
// $('.videoTxtSy').html(currentVideoData.title);
setMainVideoInfo();
if (isIE()) {
setIESrc()
return
}
var src = currentVideoData.video_short_resources[0].src;
var type = currentVideoData.video_short_resources[0].type;
fixedVideo.pause()
fixedVideo.src({
src: src,
type: type
})
fixedVideo.load()
fixedVideo.play()
/* currentVideoData.show = true*/
currentVideoData.progress = 0
liObjs.find('.num').hide();
liObjs.eq(currentVideoDataIndex).find('.num').show();
progressBar = liObjs.eq(currentVideoDataIndex).find('.progress-bar');
}
function videoChange(id) {
if (isIE()) {
return
}
if (id === 1) {
firstVideo.play()
if (secondVideo) {
secondVideo.pause()
}
if (thirdVideo) {
thirdVideo.pause()
}
} else if (id === 2) {
secondVideo.play()
if (firstVideo) {
firstVideo.pause()
}
if (thirdVideo) {
thirdVideo.pause()
}
} else {
thirdVideo.play()
if (firstVideo) {
firstVideo.pause()
}
if (secondVideo) {
secondVideo.pause()
}
}
}
function videoLeave(id) {
if (isIE()) {
return
}
if (id === 1) {
firstVideo.pause()
} else if (id === 2) {
secondVideo.pause()
} else {
thirdVideo.pause()
}
}
// 初始化选项对象
function initSmallVideo() {
var hoverOptions = {
bigPlayButton: false,
muted: true,
autoplay: true,
preload: 'auto',
controls: false,
fluid: true,
hls: {
withCredentials: true
}
};
firstVideo = HWPlayer('video1', hoverOptions);
secondVideo = HWPlayer('video2', hoverOptions);
thirdVideo = HWPlayer('video3', hoverOptions);
}
function getVideo() {
if (isIE()) {
setIESrc()
return
}
hwplayerloaded(function() {
if (fixedVideo) {
fixedVideo.dispose();
}
fixedVideo = HWPlayer(
'video',
{
controls: false,
preload: 'auto',
fluid: true,
autoplay: false,
loop: true,
muted: true,
width: '100%',
hls: {
withCredentials: true
}
},
function() {
// this.setSrc()
setSrc();
}
);
initSmallVideo();
fullVideo = HWPlayer('fullVideo', {
bigPlayButton: false,
fluid: true
});
})
}
//初始化change-box点击事件
function initChangeBox() {
$('.change-box>ul>li').each(function(index) {
$(this).mouseenter(function(){
videoChange(index + 1)
}).mouseleave(function(){
videoLeave(index + 1)
})
});
$('.change-box .img-box').each(function(index) {
$(this).click(function(){
selectedVideo(index);
});
});
}
function init() {
// ie兼容
if (isIE()) {
$('.noieobj').remove();
$('.ieobj').show();
} else {
$('.noieobj').show();
$('.ieobj').remove();
}
currentVideoDataIndex = 0;
currentVideoData = videoList[currentVideoDataIndex];
setMainVideoInfo();
getVideo();
initChangeBox();
initWatch();
}
$(function(){
init()
});
</script>
<script>
var swiper2 = new Swiper('.mySwiper2');
$('.swiper-button-next').click(function(){
swiper2.slideNext()
});
$('.swiper-button-prev').click(function(){
swiper2.slidePrev()
});
</script>
<script>
var swiper3 = null;
var categoryList = [];
// 设置swiper内容
function setProductSwiper(products) {
swiper3 && swiper3.destroy();
let htmlStr = '';
products.map(function(item, index){
htmlStr += '<div class="swiper-slide" data-categoryid="'+item.category_id+'" data-secondaryid="'+item.secondary_id+'" data-productid="'+item.product_id+'">\
<a href="/goods/detail-'+item.category_id+'.html?pid='+item.secondary_id+'"> <div data-v-63af6f90="" class="slide-box-item">\
<div data-v-63af6f90="" class="goods-img">\
<img data-v-63af6f90="" src="'+item.img_url.url+'" alt="">\
</div>\
<div data-v-63af6f90="" class="">'+item.secondary_name+'</div>\
</div></a>\
</div>';
});
$('.child-category .swiper-container .swiper-wrapper').html(htmlStr).siblings().remove();
if (products.length > 3) {
$('.child-category .swiper-container').append('<div class="swiper-button-next swiper-button-disabled" style="" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div><div class="swiper-button-prev" style="" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>');
}
swiper3 = new Swiper('.child-category .swiper-container', {
scrollbarHide: true,
loop: false, //自动轮播
navigation: {
nextEl: '.child-category .swiper-container .swiper-button-prev',
prevEl: '.child-category .swiper-container .swiper-button-next'
},
slidesPerView: '3'
})
}
// 初始化分类点击导航目录
function setCategoryNav(categoryList) {
let htmlStr = '';
categoryList.map(function(item, index){
const curClass = (index === 0) ? 'current' : '';
const displayStyle = (index === 0) ? '' : 'display: none;';
htmlStr += '<li data-index="'+index+'" class="'+curClass+'"><span class="num" style="'+displayStyle+'">' + (index + 1 < 10 ? '0'+(index+1):index+1) + '</span> '+item.category_name+' </li>';
});
$('.product-category').html(htmlStr);
}
// 初始化分类
function initCategoryList() {
const url = '/cms-api-web/product-homes/categoryList?lang_code=zh-CN&page_size=100';
$.getJSON(url, function(res) {
categoryList = res.data;
setCategoryNav(categoryList);
setProductSwiper(categoryList[0].products);
});
}
$(function(){
initCategoryList();
$(document).on('click', '.product-category li', function(){
const obj = $(this);
const index = parseInt(obj.data('index'));
obj.siblings().removeClass('current').find('span').hide();
obj.addClass('current').find('span').show();
setProductSwiper(categoryList[index].products);
});
});
</script>
<script>
//加载新闻列表
function loadNewsList() {
$.getJSON("/cms-api-web/reports/list?lang_code=zh-CN&status=published&is_sticky=true", function(newslist) {
$(".news-list").html("");//清空内容
$.each(newslist.data, function(i, item) {
$(".news-list").append(
"<div class='news'> <a href='/media-detail.html?nid="+ item.id +"' class='' rel='nofollow'> <div class='media-img'> <img src='"+ item.list_img_url.url +"' alt=''> </div></a> <div> <div class='time-box'>"+ item.reported_at_string +"</div> <a href='/media-detail.html?nid="+ item.id +"' class=''> <div title='"+ item.title +"' class='title ell-rows-2'> "+ item.title +" </div></a> <div class='content ell-rows-3 font20'> "+ item.subtitle +"</div> <div class='bt-box clearfix'> <span class='time fl font20'>"+ item.reported_at_string +"</span> <a href='/media-detail.html?nid="+ item.id +"' class='' rel='nofollow'><span class='more fr font20'>阅读详情</span></a> </div> </div> </div>");
});
});
}
$(function () {
loadNewsList();
})
</script>
<script>
var _mtac = {}
;(function() {
var mta = document.createElement('script')
mta.src = 'https://pingjs.qq.com/h5/stats.js?v2.0.4'
mta.setAttribute('name', 'MTAH5')
mta.setAttribute('sid', '500718142')
var s = document.getElementsByTagName('script')[0]
s.parentNode.insertBefore(mta, s)
})()
</script>
<script src="/assets/dist/IEVersion.js"></script>
</body>
</html>