<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
    <title>百霖</title>
    <meta content="百霖" name="keywords" />
    <meta content="建霖集团1978年始创于台北，总部坐落于厦门。现已拥有“厨卫事业体、净水事业体、宁波事业体、客户事业体、综合事业体”五大事业体及十家全资子公司。基地分布在厦门、宁波、漳州、台北四地，涵盖制造、服务、设计、创客孵化空间等多种商业模式的多元化集团公司。" name="description"/>
    <meta name="renderer" content="webkit" />
    <link rel="Shortcut Icon" href="templates/dist/img/favicon.ico">
    <link rel="Bookmark" href="templates/dist/img/favicon.ico">

    <link rel="stylesheet" href="http://at.alicdn.com/t/font_809919_gcmmtos1pxe.css">
    <link rel="stylesheet" type="text/css" href="templates/dist/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="templates/dist/css/swiper.min.css">
    <script type="text/javascript" src='templates/dist/js/modernizr.custom.js'></script>
    <link rel="stylesheet" href="templates/dist/css/fxfullwidth.css?v=2"><!--banner样式-->
    <link rel="stylesheet" href="templates/dist/css/magic.css"><!--banner样式-->
    <link rel="stylesheet" href="templates/dist/css/dialogEffect.css"><!--弹窗样式-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=RjYjxv3Erug7vs2d0kaKeEZHvOCKNOov"></script>
    <link rel="stylesheet" type="text/css" href="templates/dist/css/style.css?v=7431206"><!--结构样式-->
    <link rel="stylesheet" href="templates/dist/css/respond.css"><!--响应式样式-->
</head><body>
	<div id="bloc">
		<header>
    <a class="logo_n_box" href="/"><img id="logo" src="templates/dist/img/logo2021.svg" alt="百霖" class="layout-v-middle"></a>
    <nav class="pc-nav pc">
        <ul class="scroll-animate father" data-child=".li" data-effect="fadeInDownSmall" data-delay=".1">
            <li  class="on" >
                <a class="f-18" href="/">首页</a>
            </li>
            <li class="nav-down ">
                <a class="f-18" href="about.html">走进百霖</a>
            </li>
            <li class="nav-down ">
                <a class="f-18" href="service.html">百霖实力</a>
            </li>
            <li class="nav-down pro_down ">
                <a class="f-18" href="products.html">产品中心</a>
            </li>

                        <li class="nav-down ">
                <a class="f-18" href="news.html">动态资讯</a>
            </li>
                        <li class="nav-down ">
                <a class="f-18" href="contact.html">联系我们</a>
            </li>
        </ul>
    </nav>
    <div class="childNav">
        <ul class="scroll-animate hide" data-child="a" data-delay=".1" data-effect="fadeIn">
            <a href="about.html">公司概况</a><a href="history.html#myCon">发展历程</a><a href="honor.html#r1">企业荣誉</a><a href="responsibility.html#r1">社会责任</a>
        </ul>
        <ul class="scroll-animate hide" data-child="a" data-delay=".1" data-effect="fadeIn">
           <a href="service.html">服务能力</a><a href="rd.html">技研设计</a><a href="smart.html">智能制造</a><a href="quality.html">品质管控</a>
        </ul>

        
       <ul class="pro-nav hide" data-child="a" data-delay=".1" data-effect="fadeIn">
            <div class="pro-item scroll-animate" data-effect="fadeIn">

                                <div class="list">
                    <h3 class="wc f-18 f-bold" data-ahref="products_top_56.html#sort"><i class="iconfont">&#xe649;</i>预过滤（家用）</h3>
                </div>
                                <div class="list">
                    <h3 class="wc f-18 f-bold" data-ahref="products_top_57.html#sort"><i class="iconfont">&#xe64b;</i>末端净水（家用）</h3>
                </div>
                                <div class="list">
                    <h3 class="wc f-18 f-bold" data-ahref="products_top_58.html#sort"><i class="iconfont">&#xe639;</i>商用净水</h3>
                </div>
                                <div class="list">
                    <h3 class="wc f-18 f-bold" data-ahref="products_top_59.html#sort"><i class="iconfont">&#xe63c;</i>水处理配件</h3>
                </div>
                                
                
                <div class="mask">
                                        <ol  class="on">
                                                <li>
                            <a href="products_list_60.html#sort">前置过滤器类</a>
                            <div>
                                                                  <a href="products_list_4.html#sort">前置过滤器</a>

                                                             </div>
                        </li>
                                                <li>
                            <a href="products_list_13.html#sort">中央机类</a>
                            <div>
                                                                  <a href="products_list_14.html#sort">中央净水机</a>

                                                                  <a href="products_list_15.html#sort">中央软水机</a>

                                                                  <a href="products_list_68.html#sort">控制阀</a>

                                                             </div>
                        </li>
                        
                    </ol>
                                        <ol >
                                                <li>
                            <a href="products_list_7.html#sort">反渗透过滤器类</a>
                            <div>
                                                                  <a href="products_list_142.html#sort">反渗透过滤器</a>

                                                             </div>
                        </li>
                                                <li>
                            <a href="products_list_6.html#sort">超微滤过滤器类</a>
                            <div>
                                                                  <a href="products_list_16.html#sort">超微滤过滤器</a>

                                                                  <a href="products_list_25.html#sort">龙头过滤器</a>

                                                                  <a href="products_list_18.html#sort">冰箱过滤器</a>

                                                             </div>
                        </li>
                                                <li>
                            <a href="products_list_62.html#sort">饮水机类</a>
                            <div>
                                                                  <a href="products_list_21.html#sort">净饮机</a>

                                                                  <a href="products_list_20.html#sort">热饮机</a>

                                                             </div>
                        </li>
                                                <li>
                            <a href="products_list_63.html#sort">净水壶类</a>
                            <div>
                                                                  <a href="products_list_22.html#sort">净水壶</a>

                                                             </div>
                        </li>
                                                <li>
                            <a href="products_list_61.html#sort">洗浴过滤器类</a>
                            <div>
                                                                  <a href="products_list_23.html#sort">花洒过滤器</a>

                                                             </div>
                        </li>
                                                <li>
                            <a href="products_list_64.html#sort">消毒类</a>
                            <div>
                                                             </div>
                        </li>
                        
                    </ol>
                                        <ol >
                                                <li>
                            <a href="products_list_65.html#sort">商用水处理类</a>
                            <div>
                                                                  <a href="products_list_137.html#sort">商用直饮机</a>

                                                                  <a href="products_list_141.html#sort">商用饮水台</a>

                                                                  <a href="products_list_138.html#sort">商用纯水机</a>

                                                                  <a href="products_list_139.html#sort">商用净水机</a>

                                                                  <a href="products_list_140.html#sort">商用开水器</a>

                                                             </div>
                        </li>
                        
                    </ol>
                                        <ol >
                                                <li>
                            <a href="products_list_143.html#sort">饮水龙头类</a>
                            <div>
                                                             </div>
                        </li>
                                                <li>
                            <a href="products_list_67.html#sort">滤材类</a>
                            <div>
                                                                  <a href="products_list_127.html#sort">复合滤芯</a>

                                                                  <a href="products_list_128.html#sort">PP棉</a>

                                                                  <a href="products_list_129.html#sort">绕线滤芯</a>

                                                                  <a href="products_list_130.html#sort">折纸滤芯</a>

                                                                  <a href="products_list_131.html#sort">水瓶滤芯</a>

                                                                  <a href="products_list_132.html#sort">炭棒</a>

                                                                  <a href="products_list_133.html#sort">活性碳纤维</a>

                                                                  <a href="products_list_134.html#sort">陶瓷</a>

                                                                  <a href="products_list_135.html#sort">RO 膜</a>

                                                                  <a href="products_list_136.html#sort">UF 膜</a>

                                                             </div>
                        </li>
                        
                    </ol>
                                       
                </div>
            </div>
        </ul>




                <ul class="scroll-animate hide" data-child="a" data-delay=".1" data-effect="fadeIn">
                        <a href="news_list_3.html">动态公告</a>
                        <a href="news_list_12.html">下载中心</a>
                    </ul>
                <ul class="scroll-animate hide" data-child="a" data-delay=".1" data-effect="fadeIn">
            <a href="contact.html">联系方式</a><a href="recruitment.html">招贤纳士</a>
        </ul>
        <ul class="search-box">
            <form action="search.html" id="search_form" method="get" class="scroll-animate" data-effect="fadeIn">
                <div class="layout-search">
                    <input type="text" name="keywords" value="" placeholder="输入关键词搜索">
                    <a id="search_btn" class="iconfont wc">&#xe640;</a>
                    <svg class="Sline" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
                    </svg>
                </div>
            </form>
        </ul>
    </div>
    <nav class='app-nav app'>
        <a class="getAppNav"><span></span></a>
        <ul class='scroll-animate father' data-child='.alan' data-effect='fadeInDown' data-hideAni='fadeOutUp' data-delay='0.08s' data-width='1'>
            <li class="alan"><a href="/">首页</a></li>
            <li class="alan child-Down">
                <a>走进百霖</a>
                <ol class="child-nav">
                    <li><a href="about.html">公司概况</a></li>
                    <li><a href="history.html">发展历程</a></li>
                    <li><a href="honor.html">企业荣誉</a></li>
                    <li><a href="responsibility.html">社会责任</a></li>
                </ol>
            </li>
            <li class="alan child-Down">
                <a>百霖实力</a>
                <ol class="child-nav">
                    <li><a href="rd.html">科技研发</a></li>
                    <li><a href="quality.html">品质管控</a></li>
                    <li><a href="smart.html">智能制造</a></li>
                    <li><a href="service.html">服务能力</a></li>
                </ol>
            </li>
            <li class="alan child-Down">
                <a>产品中心</a>
                <ol class="child-nav">
                               <li> <a href="products_top_56.html#sort">预过滤（家用）</a></li>
                       <li> <a href="products_top_57.html#sort">末端净水（家用）</a></li>
                       <li> <a href="products_top_58.html#sort">商用净水</a></li>
                       <li> <a href="products_top_59.html#sort">水处理配件</a></li>
                            </ol>
            </li>

                        <li class="alan child-Down">
                <a>动态资讯</a>
                <ol class="child-nav">
                                            <li><a href="news_list_3.html">动态公告</a></li>
                                            <li><a href="news_list_12.html">下载中心</a></li>
                                    </ol>
            </li>
                        <li class="alan child-Down">
                <a>联系我们</a>
                <ol class="child-nav">
                    <li><a href="contact.html">联系方式</a></li>
                    <li><a href="recruitment.html">招贤纳士</a></li>
                </ol>
            </li>
        </ul>
    </nav>
    <ol id="icon-item">
        <a class="iconfont d-gc search">&#xe640;</a>
        <span class="iconfont d-gc language" style="width: 1rem;font-size: 14px;white-space: nowrap;">
            中/EN
            <dl class="sub scroll-animate" data-effect="fadeInDownSmall">
                <dd><a href="/">中文简体</a></dd>
                <dd><a href="/en/">EN</a></dd>
            </dl>
        </span>
        <span class="iconfont d-gc net" style="width: 1rem;font-size: 14px;white-space: nowrap;">
            百霖网群
            <dl class="sub scroll-animate" data-effect="fadeInDownSmall">
                                    <dd><a href="http://www.runnergrp.com/" target="_blank">建霖集团</a></dd>
                            </dl>
        </span>
    </ol>
</header>        <article class='wrapper' id="index">
            <section id='top' class="row part on">
                <div class="indexBanner">
                    <div id="component" data-loop="true" data-loopTime="7000" class="component component-fullwidth fxPressAway">
                        <ul class="itemwrap">
                                                        <li  class="current"  style="background-image: url(/upfiles/onepage/202008/1597215399862.png)"><img src="/upfiles/onepage/202008/1597215399862.png"/></li>
                                                        <li  style="background-image: url(/upfiles/onepage/202008/1597215444390.png)"><img src="/upfiles/onepage/202008/1597215444390.png"/></li>
                                                        <li  style="background-image: url(/upfiles/onepage/202112/1639445587618.jpg)"><img src="/upfiles/onepage/202112/1639445587618.jpg"/></li>
                                                       

                        </ul>
                        <div class="Tcon">
                            <small class="v-hide">
                                <div class="process on"></div>
                                <span class="f-16 word_b op-8">03&nbsp;/&nbsp;</span><b class="Tpage word_b f-28" data-num='0'>01</b>
                            </small>
                            <ul class="txtChange">
                                                                <li  class="on"  data-txt="0">
                                    <small class="word_b f-14 wc up-word"></small>
                                    <h1 class="f-60 wc f-bold mt-12"></h1>
                                </li>
                                                                <li  data-txt="1">
                                    <small class="word_b f-14 wc up-word"></small>
                                    <h1 class="f-60 wc f-bold mt-12"></h1>
                                </li>
                                                                <li  data-txt="2">
                                    <small class="word_b f-14 wc up-word"></small>
                                    <h1 class="f-60 wc f-bold mt-12"></h1>
                                </li>
                                                               
                            </ul>
                            <ol class="pageChange">
                                                                <li  class="on"  data-change="0"></li>
                                                                <li  data-change="1"></li>
                                                                <li  data-change="2"></li>
                                                                
                            </ol>
                        </div>
                        <nav>
                            <a class="movePrev iconfont">&#xe63e;</a>
                            <a class="moveNext iconfont">&#xe63d;</a>
                        </nav>
                    </div>
                </div>
            </section>
            <section id="r1" class="row part">
                <div class="fl">
                    <div class="con">
                        <div class="title">
                            <small class="d-gc f-20 word"></small>
                            <h1 class="fc f-50 f-bold mb-10">安全健康护航 <font class="mc">百霖净始于心</font></h1>
                        </div>
                        <div class="line"></div>
                        <p class="d-gc f-left">
                            百霖构建严谨的品质管理体系，创新的商业模式和技术，以及良好的顾客服务方式等，为满足顾客对产品的不断需求，用心提供安全的全屋净水产品和丰富的健康体验，致力于让您喝到更健康的好水, 用上更安全的好水，缔造更美好的生活。

                        </p>
                        <div class="f-center mt-24">
                            <a class="layout-more" href="rd.html">
                                <span>查看更多</span>
                                <i class="iconfont">&#xe67b;</i>
                                <svg class="Sline" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
                                    <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="fr" style="background-image: url(/upfiles/onepage/201905/1558598774519.jpg);">
                    <ul id="i-item">
                                                <li>
                            <i class="iconfont">&#xe699;</i>
                            <span class="f-16 wc">一体式水路</span>
                        </li>
                                                <li>
                            <i class="iconfont">&#xe692;</i>
                            <span class="f-16 wc">漏断保护</span>
                        </li>
                                                <li>
                            <i class="iconfont">&#xe694;</i>
                            <span class="f-16 wc">无忧换芯</span>
                        </li>
                                                <li>
                            <i class="iconfont">&#xe693;</i>
                            <span class="f-16 wc">智能控制</span>
                        </li>
                                                <li>
                            <i class="iconfont">&#xe690;</i>
                            <span class="f-16 wc">VC缓释</span>
                        </li>
                                                <li>
                            <i class="iconfont">&#xe691;</i>
                            <span class="f-16 wc">水效节能</span>
                        </li>
                                            </ul>
                </div>
            </section>
            <section id="r2" class="row part">
                <div class="rowMain">
                    <div class="con tab-box">
                        <div class="fl wid-50">
                            <h2 class="wc f-42 f-bold mb-10">以顾客为导向 坚持舒心服务</h2>
                            <small class="word_b f-42 wc"></small>
                            <ul class="mt-48 fn-tab" data-tab="tab1">

                                                                <li  class="on" >
                                    <i class="iconfont wc f-26">&#xe6d1;</i>
                                    <div class="note">
                                        <h3 class="wc f-20">多元化</h3>
                                        <small class="word wc f-16"></small>
                                    </div>
                                </li>
                                                                <li >
                                    <i class="iconfont wc f-26">&#xe6d1;</i>
                                    <div class="note">
                                        <h3 class="wc f-20">高效研发</h3>
                                        <small class="word wc f-16"></small>
                                    </div>
                                </li>
                                                                <li >
                                    <i class="iconfont wc f-26">&#xe6d1;</i>
                                    <div class="note">
                                        <h3 class="wc f-20">价值供应链</h3>
                                        <small class="word wc f-16"></small>
                                    </div>
                                </li>
                                                                <li >
                                    <i class="iconfont wc f-26">&#xe6d1;</i>
                                    <div class="note">
                                        <h3 class="wc f-20">精益生产管理</h3>
                                        <small class="word wc f-16"></small>
                                    </div>
                                </li>
                                                                

                            </ul>
                        </div>
                        <div id="tab1" class="fr wid-50">

                                                        <div  class="cir-box on" data-hei="1">
                                <div class="mid-box f-center">
                                    <i class="iconfont mb-24">&#xe695;</i>
                                    <h1 class="f-30 f-bold wc f-right">多元化市场服务</h1>
                                    <h5 class="word wc f-18"></h5>
                                </div>
                            </div>
                                                        <div  class="cir-box " data-hei="1">
                                <div class="mid-box f-center">
                                    <i class="iconfont mb-24">&#xe69d;</i>
                                    <h1 class="f-30 f-bold wc f-right">以市场为导向的高效研发</h1>
                                    <h5 class="word wc f-18"></h5>
                                </div>
                            </div>
                                                        <div  class="cir-box " data-hei="1">
                                <div class="mid-box f-center">
                                    <i class="iconfont mb-24">&#xe69a;</i>
                                    <h1 class="f-30 f-bold wc f-right">价值供应链整合</h1>
                                    <h5 class="word wc f-18"></h5>
                                </div>
                            </div>
                                                        <div  class="cir-box " data-hei="1">
                                <div class="mid-box f-center">
                                    <i class="iconfont mb-24">&#xe69c;</i>
                                    <h1 class="f-30 f-bold wc f-right">精益生产管理</h1>
                                    <h5 class="word wc f-18"></h5>
                                </div>
                            </div>
                                                        
                            
                            
                        </div>
                    </div>
                </div>
                                <div class="bg r-bg2 pic on" style="background-image: url(/upfiles/onepage/201811/1541485733345.jpg);"></div>
                                <div class="bg r-bg2 pic " style="background-image: url(/upfiles/onepage/201811/1541658387262.jpg);"></div>
                                <div class="bg r-bg2 pic " style="background-image: url(/upfiles/onepage/201811/1541659432626.jpg);"></div>
                                <div class="bg r-bg2 pic " style="background-image: url(/upfiles/onepage/201811/1541659441664.jpg);"></div>
                                
            </section>
            <section id="r3" class="row part">
                <div class="rowMain">
                    <div class="title">
                        <small class="d-gc f-20 word"></small>
                        <h1 class="fc f-50 f-bold mb-10">缔造卓越品质  <font class="mc"></font></h1>
                    </div>
                    <div class="con">
                        <div class="box">
                            <p class="d-gc">
                                百霖以ISO9000质量管理体系为主轴，运用APQP、FEMA、MSA、PPAP、SPC五大工具，参照NSF等标准投资建设"净水科技实验中心"，努力为顾客提供快速的产品开发和稳定可靠的品质保障。
                            </p>
                            <div class="mt-24">
                                <a class="layout-more" href="quality.html#r1">
                                    <span>查看更多</span>
                                    <i class="iconfont">&#xe67b;</i>
                                    <svg class="Sline" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
                                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
                                    </svg>
                                </a>
                            </div>
                            <span class="note mc word_b f-22">responsibility</span>
                            <div class="pic" style="background-image: url(/upfiles/onepage/202006/1592557749413.png);">
                                <img src="/upfiles/onepage/202006/1592557749413.png">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bg"></div>
            </section>
            <section id='btm'></section>
        </article>
		<footer>
    <div class="f-con">
        <div class="list left">
            <img src="templates/dist/img/logo2023.png" class="mb-24">
            <ol><a class="iconfont wc">&#xe602;</a><a class="iconfont wc">&#xe7aa;</a></ol>
            <div class="layout-down mt-30">
                <span class="downTxt"><span>网群入口</span></span>
                <span class="downIcon iconfont">&#xe600;</span>
                <ul class="down scroll-animate father" data-child='li' data-effect='fadeInRight' data-hideAni='fadeOutDown' data-delay='0.05s'>
                                        <li><a href="http://www.runnergrp.com/" target="_blank"><span>建霖集团</span></a></li>
                                    </ul>
            </div>
        </div>
        <div class="list mid">
            <ul>
                <a href="/">首页</a>
            </ul>
            <ul class="scroll-animate father" data-delay=".1" data-child=".a" data-effect="fadeInRightSmall">
                <a href="about.html">走进百霖</a>
                <a class="alan" href="about.html">公司概况</a>
                <a class="alan" href="history.html">发展历程</a>
                <a class="alan" href="honor.html">企业荣誉</a>
                <a class="alan" href="responsibility.html">社会责任</a>
            </ul>
            <ul class="scroll-animate father" data-delay=".1" data-child=".a" data-effect="fadeInRightSmall">
                <a href="rd.html">百霖实力</a>
                <a class="alan" href="service.html">服务能力</a>
                <a class="alan" href="rd.html">技研设计</a>
                <a class="alan" href="smart.html">智能制造</a>
                <a class="alan" href="quality.html">品质管控</a>
            </ul>
            <ul class="scroll-animate father" data-delay=".1" data-child=".a" data-effect="fadeInRightSmall">
                <a href="products.html">产品中心</a>
                             <a class="alan" href="products_top_56.html">预过滤（家用）</a>
                        <a class="alan" href="products_top_57.html">末端净水（家用）</a>
                        <a class="alan" href="products_top_58.html">商用净水</a>
                        <a class="alan" href="products_top_59.html">水处理配件</a>
                        </ul>

                        <ul class="scroll-animate father" data-delay=".1" data-child=".a" data-effect="fadeInRightSmall">
                <a href="news.html">动态资讯</a>
                            <a class="alan" href="news_list_3.html">动态公告</a>
                        <a class="alan" href="news_list_12.html">下载中心</a>
                        </ul>
                        <ul class="scroll-animate father" data-delay=".1" data-child=".a" data-effect="fadeInRightSmall">
                <a href="contact.html">联系我们</a>
                <a class="alan" href="contact.html">联系方式</a>
                <a class="alan" href="recruitment.html">招贤纳士</a>
            </ul>
        </div>
        <div class="list right f-center">
            <img src="templates/dist/img/ma.png">
            <h3 class="wc op-8 mt-12">关注百霖微信公众号</h3>
        </div>
    </div>
    <div class="f-btm wc op-4">
        Copyright © 2024 厦门百霖净水科技有限公司 <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">闽ICP备19011408号</a><a class="ml-10" href="legal_notices.html">法律声明</a>
    </div>
</footer>
<div id="ce-btn">
     <ul>
        <li class="go-msg">
            <a rel="nofollow"><i class="iconfont">&#xe636;</i></a>
            <small>在线留言</small>
        </li>
        <li>
            <a class="T-phone" href="tel:0592-6299047"><i class="iconfont">&#xe635;</i></a>
            <small>0592-6299047</small>
        </li>
        <li>
            <a class="T-msg" href="mailto:business@filtertech-water.com"><i class="iconfont">&#xe6be;</i></a>
            <small>business@filtertech-water.com</small>
        </li>
        <li class="to-up"><a><i class="iconfont">&#xe633;</i></a></li>
    </ul>
</div>
<div class="msg-pop">
    <div class="popMask"></div>
    <div class="wrap scroll-animate" data-effect="fadeInRightSmall">
        <div class="top">
            <img src="templates/dist/img/z-bg9.png" class="wid-100">
            <h3>
                在线留言
                <small>Online message</small>
            </h3>
        </div>
        <div class="mid">
            <div class="node f-12">请填写以下信息告诉我们(信息保密，不对外公开)<br>
                官方服务顾问将尽快联系您</div>
            <form onsubmit="return false;" id="feedback_form">
                <div class="in-box">
                    <span class="in-1 f-16"><sup>*</sup>姓名:</span>
                    <div class="in-2">
                        <input id="f_name" name="name" placeholder="请输入您的称呼" type="text">
                    </div>
                </div>
                <div class="in-box">
                    <span class="in-1 f-16"><sup>*</sup>电话:</span>
                    <div class="in-2">
                        <input id="f_phone" name="phone" placeholder="请输入您的手机号码" type="text">
                    </div>
                </div>
                <div class="in-box">
                    <span class="in-1 f-16"><sup></sup>邮箱:</span>
                    <div class="in-2">
                        <input type="text" name="email" placeholder="请输入您的邮箱地址">
                    </div>
                </div>
                <div class="in-box">
                    <span class="in-1 f-16"><sup>*</sup>留言:</span>
                    <div class="in-2">
                        <textarea name="message" placeholder="请将您的问题写下来，我们尽快为您解答" name="" id="" cols="30" rows="10"></textarea>
                        <span class="ad">(300字以内)</span>
                    </div>
                </div>
                <div class="sub-in">
                    <a class="sub on f-16" id="feedback_btn">立即咨询</a><br><p id="respond"></p>
                </div>
            </form>
        </div>
        <div class="btm"></div>
    </div>
</div>	</div>
</body>

<script type="text/javascript" src="templates/dist/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src='templates/dist/js/classie.js'></script>
<script type="text/javascript" src='templates/dist/js/jquery.waypoints.min.js'></script>
<script type="text/javascript" src='templates/dist/js/jquery.countup.min.js'></script>
<script type="text/javascript" src='templates/dist/js/mo.min.js'></script>
<script src='templates/dist/js/imagesloaded.pkgd.min.js'></script>
<script type="text/javascript" src='templates/dist/js/jquery.mousewheel.min.js'></script>
<script type="text/javascript" src='templates/dist/js/jquery.parallax.js'></script>
<script type="text/javascript" src='templates/dist/js/ripple.js?v=1'></script>
<script type="text/javascript" src="templates/dist/js/jquery.roundabout.min.js"></script>
<script type="text/javascript" src="templates/dist/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="templates/dist/js/swiper.min.js"></script>
<script type="text/javascript" src="templates/dist/js/main.js"></script>
<script type='text/javascript' src='templates/dist/js/base.js?v=4'></script>
<script type="text/javascript" src='templates/dist/js/app.js?v=3'></script>
</html>