<!doctype html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>台州东孚新能源有限公司</title>
	<meta name="keywords" content="台州东孚新能源有限公司">
	<meta name="description" content="台州东孚新能源有限公司">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
	<link rel="stylesheet" href="/template/default/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="/template/default/swiper-4.3.5/css/swiper.min.css">
	<link rel="stylesheet" href="/static/css/animate.css">
	<link rel="stylesheet" href="/static/css/fonts.css">
	<link rel="stylesheet" href="/static/css/header.min.css">
	<link rel="stylesheet" href="/static/css/footer.min.css">
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
	<script src="/template/default/js/jquery-1.12.4.min.js" ></script>
</head>
<body>
<header>
    <div class="h-top">
        <div class="main">
            <span>欢迎来到台州东孚新能源有限公司！</span>
            <div class="language">
                <a href="/?p=/Do/area&lg=cn" title="中文版"><img src="/static/images/cn.jpg"></a>
                <a href="/?p=/Do/area&lg=en" title="English"><img src="/static/images/en.jpg"></a>
            </div>
        </div>
    </div>
    <nav class="navber">
        <div class="main">
            <div class="header-left logo">
                                <a href="/" title="台州东孚新能源有限公司"><img src="/static/images/logo.png" alt="台州东孚新能源有限公司"></a>
                            </div>
            <div class="header-right">
                <ul class="navbar-nav">
                    <li class="nav-item active">
                        <a class="nav-link" href="/" title="网站首页">网站首页</a>
                    </li>
                    
                        <li class="nav-item ">
                            <a class="nav-link" href="/about/">关于我们</a>
                        </li>
                    
                        <li class="nav-item ">
                            <a class="nav-link" href="/product/">产品中心</a>
                        </li>
                    
                        <li class="nav-item ">
                            <a class="nav-link" href="/pages_20/">公司环境</a>
                        </li>
                    
                        <li class="nav-item ">
                            <a class="nav-link" href="/article/">新闻中心</a>
                        </li>
                    
                        <li class="nav-item ">
                            <a class="nav-link" href="/job/">招贤纳士</a>
                        </li>
                    
                        <li class="nav-item ">
                            <a class="nav-link" href="/contact/">联系我们</a>
                        </li>
                    
                    <div class="share">
                        <a href="#" class="fa fa-facebook"></a>
                        <a href="#" class="fa fa-twitter"></a>
                        <a href="#" class="fa fa-instagram"></a>
                    </div>
                </ul>
                <!--占位导航栏-->
                <div class="form">
                    <div class="iconfont">&#xe608;</div>
                    <form class="form-inline" action="/search/"  method="get">
                        <div class="form-close">&#xe60a;</div>
                        <div class="form-group mx-sm-3 mb-2">
                            <input type="text" name="keyword" class="form-control" placeholder="请输入产品编号">
                            <button type="submit" class="btn btn-info mb-2">&#xe608;</button>   
                        </div>
                    </form>
                </div>
                <!--头部搜索-->
                <div class="menu"><span></span></div>
            </div>
        </div>
    </nav>
</header>
<script>
    $('.form > .iconfont').click(function(){
        $('.form .form-inline').addClass('active');
    })
    $('.form .form-close').click(function(){
        $('.form .form-inline').removeClass('active');
    })
</script>
<link rel="stylesheet" href="/static/css/index.min.css">
<!-- 幻灯片 -->
<section class="banner">
    <div class="swiper-container" id="banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="img">
                    <img src="/static/images/banner01.jpg">
                </div>
                <div class="container">
                    <div class="text-light">
                        <h2 class="wow slideInUp">高效节能，力所能及</h2>
                        <h3 class="wow slideInUp">提供完善的新能源锂电池生产制作解决方案</h3>
                    </div>
                    
                    <a class="btn wow slideInUp" href="/products_6/" title="查看更多">查看更多</a>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-button-prev">
        <div class="img">Prev</div>
        <span>&#xe651;</span>
    </div>
    <div class="swiper-button-next">
        <div class="img">Next</div>
        <span>&#xe600;</span>
    </div>
</section>
<section class="i-products">
    <div class="main">
        <div class="tit">
            <h3>产品中心</h3>
            <span>Products</span>
            <div class="line"></div>
        </div>
        <ul class="nav-list-p">
            
            <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                <a href="/products_6/" title="电动工具">电动工具</a>
            </li>
            
            <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                <a href="/products_7/" title="水枪/清洗机">水枪/清洗机</a>
            </li>
            
            <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                <a href="/products_8/" title="园林工具">园林工具</a>
            </li>
            
            <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                <a href="/products_9/" title="小家电/智能家电">小家电/智能家电</a>
            </li>
            
            <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                <a href="/products_10/" title="低速车类">低速车类</a>
            </li>
            
            <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                <a href="/products_11/" title="医疗设备">医疗设备</a>
            </li>
            
            <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                <a href="/products_12/" title="便携式数码产品">便携式数码产品</a>
            </li>
            
        </ul>
        <div class="list">
            <div class="swiper-container show" id="products">
                <ul class="swiper-wrapper">
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-MAK-18A">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-01.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-MAK-18A</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-MAK-18B">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-02.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-MAK-18B</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-BOS-18A">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-03.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-BOS-18A</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-EK-18">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-04.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-EK-18</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-BOS-18B">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-05.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-BOS-18B</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-BOS-10.8">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-06.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-BOS-10.8</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-DE-18">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-07.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-DE-18</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-DE-20">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-08.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-DE-20</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-HIT-18">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-09.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-HIT-18</h3>
                                </div>
                            </a>
                        </li>
                    
                        
                        <li class="swiper-slide wow fadeInUp" data-wow-delay="500ms">
                            <a href="/product/" title="DF-RYO-18">
                                <div class="pic">
                                    <img src="/static/images/pr/pr-1-10.jpg">
                                </div>
                                <div class="text">
                                    <h3>DF-RYO-18</h3>
                                </div>
                            </a>
                        </li>
                    
    
                </ul>
            </div>
            <div class="swiper-button-prev time02"><i class="iconfont">&#xe651;</i></div>
            <div class="swiper-button-next time02"><i class="iconfont">&#xe600;</i></div>
        </div>
    </div>
</section>
<section class="i-about">
    <div class="main">
        <div class="l wow fadeInRight" data-wow-delay="500ms">
            <div class="tit">
                <h3>关于我们</h3>
                <span>About Us</span>
                <div class="line"></div>
            </div>
            <div class="text">
                <b>台州东孚新能源有限公司</b>
                <p class="text-indent-none">成立于2008年,原工厂位置广东深圳,于2021年迁址浙江台州,是一家专业从事锂电池研发、生产、销售的高科技技术企业。</p>
                <p>公司专业生产三元、磷酸铁锂、锂铔、锂锰等各种锂电池组,广泛用于冲击钻、角磨机、液压机、空压机、喷雾机等各种电动工具电池组二轮三轮叉车、观光车等各种低速车锂电池。随着新能源的崛起,人们环境保护意识增强,动力锂电池新能源的设备也会应用在更多的领域。</p>
                
                <a class="btn" href="/about/" title="查看更多">查看更多</a>
                
            </div>
        </div>
        <div class="r">
            
            <a href="/about/"><img src="/static/images/i-about-02.jpg"></a>
            <a href="/about/"><img src="/static/images/i-about-03.jpg"></a>
            <a href="/about/"><img src="/static/images/i-about-04.jpg"></a>
            
        </div>
        <ul class="list digital">
            <li>
                <h4 class="timer" data-to="2008" data-speed="2000">2008</h4>
                <span>始于</span>
            </li>
            <li>
                <h4 class="timer" data-to="10" data-speed="2000" data-bz="+">10</h4>
                <span>进军行业十余年</span>
            </li>
            <li>
                <h4 class="timer" data-to="700" data-speed="2000">700</h4>
                <span>员工</span>
            </li>
            <li>
                <h4 class="timer" data-to="4000" data-speed="2000" data-bz="+">4000</h4>
                <span>占地面积</span>
            </li>
        </ul>
    </div>
</section>

<section class="i-news">
    <div class="main">
        <ul>
            
            <li class="wow fadeInUp" data-wow-delay="500ms">
                <a href="/industry/490.html" title="磷酸铁锂电池和锂电池区别">
                    <div class="img">
                        <img src="/static/upload/image/20210906/1630888737200994.jpg" alt="磷酸铁锂电池和锂电池区别">
                    </div>
                    <div class="text">
                        <h3>磷酸铁锂电池和锂电池区别</h3>
                        <div class="des">1、磷酸铁锂电池是用来做锂离子二次电池的， 现在主要方向是动力电池，相对Ni-H，Ni-Cd电池有很大优势。2、锂电池是一类由锂金属或锂合金为正极材料，使用非水电解质溶液的电池。锂金属的化学特性非常活泼，使得锂金属的加工、保存、使用、环境要求非常高。3、磷酸铁锂电池不会发生起火爆炸，锂电池会。4、磷酸铁锂耐过充，</div>
                    </div>
                </a>
            </li>
            
            <li class="wow fadeInUp" data-wow-delay="500ms">
                <a href="/industry/492.html" title="磷酸铁锂电池重获车企青睐">
                    <div class="img">
                        <img src="/static/upload/image/20210903/1630654950786870.png" alt="磷酸铁锂电池重获车企青睐">
                    </div>
                    <div class="text">
                        <h3>磷酸铁锂电池重获车企青睐</h3>
                        <div class="des">随着特斯拉、小鹏汽车等越来越多的车企推出磷酸铁锂电池车型，磷酸铁锂电池的装车量显著攀升，大有与三元电池“平分天下”之势。目前除了特斯拉、小鹏等，蔚来汽车、理想汽车也在考虑推出磷酸铁锂电池车型。川财证券预测，到2025年，全球5G基站、新能源汽车以及可再生能源并网为磷酸铁锂提供的空间将超1万亿元，国内市场空间</div>
                    </div>
                </a>
            </li>
            
            <li class="wow fadeInUp" data-wow-delay="500ms">
                <a href="/industry/494.html" title="什么是锂锰电池？">
                    <div class="img">
                        <img src="/static/upload/image/20210906/1630888953173122.jpg" alt="什么是锂锰电池？">
                    </div>
                    <div class="text">
                        <h3>什么是锂锰电池？</h3>
                        <div class="des">锂锰电池：全称锂-二氧化锰电池（Lithium-manganese dioxide、Li-MnO2)。在原电池中，以金属锂作为阳极二氧化锰作为阴极，在原电池中，阳极是负极，电子由负极流向正极，电流由正极流向负极； 在电解池中阳极与正极相连，在阳极上发生氧化反应的是溶液中的阴离子。 与阴极（ cathode ）相对应。工作原理编辑锂-二氧化锰电池</div>
                    </div>
                </a>
            </li>
            
        </ul>
    </div>
</section>
<!-- 新闻动态 -->
<footer>
    <div class="main">
        <div class="f-top">
            <div class="f-left">
                <img src="/static/images/logo-w.jpg">
                <ul>
                    <li>
                        <i>&#xe680;</i>
                        <span>浙江省台州市温岭市滨海镇利欧创业园</span>
                    </li>
                    <li>
                        <i>&#xe66c;</i>
                        <span>0576-86333586</span>
                    </li>
                    <li>
                        <i>&#xe609;</i>
                        <span>taizhoudongfu@126.com</span>
                    </li>
                </ul>
            </div>
            <div class="f-center">
                <div class="f-nav">
                    <h2>关于东孚</h2>
                    <ul>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/about/" title="企业简介">企业简介</a></li>
                        
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/pages_20/" title="公司环境">公司环境</a></li>
                        
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/contact/" title="联系我们">联系我们</a></li>
                        
                    </ul>
                </div>
                <div class="f-nav">
                    <h2>产品中心</h2>
                    <ul>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/products_6/" target="电动工具">电动工具</a></li>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/products_7/" target="水枪/清洗机">水枪/清洗机</a></li>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/products_8/" target="园林工具">园林工具</a></li>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/products_9/" target="小家电/智能家电">小家电/智能家电</a></li>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/products_10/" target="低速车类">低速车类</a></li>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/products_11/" target="医疗设备">医疗设备</a></li>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/products_12/" target="便携式数码产品">便携式数码产品</a></li>
                        
                    </ul>
                </div>
                <div class="f-nav">
                    <h2>新闻中心</h2>
                    <ul>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/company/">公司新闻</a></li>
                        
                        <li class="wow fadeInUp" data-wow-delay="500ms"><a href= "/industry/">行业新闻</a></li>
                        
                    </ul>
                </div>
            </div>
            <div class="f-right">
                <img style="max-width:200px" src="/static/images/ewm.jpg">
            </div>
        </div>
        <div class="bottom">
            Copyright © 2021 台州东孚新能源有限公司 <a href="http://beian.miit.gov.cn" target="_blank">浙ICP备2021025585号-1</a> <span class="b-r"> 技术支持：<a href="https://www.censt.cc" target="_blank" title="世纪星网络">世纪星网络</a></span>
        </div>
    </div>
</footer>

<!-- 占位 -->

<!-- 手机底部导航 -->
<!-- <div class="container-fluid bg-info fixed-bottom d-block d-sm-none">
    <div class="row">
        <div class="col-4 p-0 text-center border-right">
            <a href="tel:" class="text-light d-block pt-3 pb-3"><i class="fa fa-phone" aria-hidden="true"></i> 电话咨询</a>
        </div>
        <div class="col-4 p-0 text-center border-right">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes" class="text-light d-block pt-3 pb-3"><i class="fa fa-qq" aria-hidden="true"></i> 在线咨询</a>
        </div>
        <div class="col-4 p-0 text-center">
			
            <a href="/about/" class="text-light d-block pt-3 pb-3"><i class="fa fa-location-arrow" aria-hidden="true"></i> 关于我们</a>
			
        </div>
    </div>
</div> -->

<!-- 在线客服 -->
<div class="online d-none d-md-block">
	<!-- <dl>
		<dt style="width:150px;">
        	<h3><i class="fa fa-commenting-o"></i>在线咨询<span class="remove"><i class="fa fa-remove"></i></span></h3>
            <p>
            	<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
                	<img border="0" src="/template/default/images/qq.jpg" alt="点击这里给我发消息" title="点击这里给我发消息"/>
               		 售前咨询专员
                </a>
            </p>
             <p>
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
                	<img border="0" src="/template/default/images/qq.jpg" alt="点击这里给我发消息" title="点击这里给我发消息"/>
               		 售后服务专员
                </a>
            </p>
        </dt>
		<dd><i class="fa fa-commenting-o"></i></dd>
		<dd>在线咨询</dd>
	</dl>
    
	<dl>
		<dt style="width:300px;">
        	<h3><i class="fa fa-volume-control-phone"></i>免费通话<span class="remove"><i class="fa fa-remove"></i></span></h3>
            <p>24小时免费咨询</p>
            <p>请输入您的联系电话，座机请加区号</p>
            <form  onsubmit="return subform(this);">
            	<p><input type="text" name="tel" id="tel" autocomplete="off"  placeholder="请输入您的电话号码" required maxlength="30"></p>
                <p><button type="submit">免费通话</button></p>
            </form>
        </dt>
		<dd><i class="fa fa-volume-control-phone" aria-hidden="true"></i></dd>
		<dd>免费通话</dd>
	</dl>
    
    <dl>
		<dt style="width:200px;">
        	<h3><i class="fa fa-weixin" aria-hidden="true"></i>微信扫一扫<span class="remove"><i class="fa fa-remove"></i></span></h3>
           	<p><img src=" " width="100%"></p>
        </dt>
		<dd><i class="fa fa-weixin" aria-hidden="true"></i></dd>
		<dd>微信联系</dd>
	</dl> -->
    
	<dl class="scroll-top">
		<dd><i class="fa fa-angle-up"></i></dd>
		<!-- <dd>返回顶部</dd> -->
	</dl>
</div>

<script src="/template/default/js/popper.min.js"></script>
<script src="/template/default/bootstrap/js/bootstrap.min.js"></script>
<script src="/template/default/js/wow.min.js"></script>
<script src="/template/default/js/aoyun.js?v=v1.2.2"></script>
<script>
//ajax提交表单
function subform(obj){
  var url='/form/2/';
  var tel=$(obj).find("#tel").val();
  
  var reg = /^(1|0)[\d\-]+$/;   
  if (!reg.test(tel)) {
	  alert('电话号码错误！');
	  return false;
  }
  
  $.ajax({
    type: 'POST',
    url: url,
    dataType: 'json',
    data: {
    	tel: tel
    },
    success: function (response, status) {
      if(response.code){
		 alert("您的来电已收到，我们会尽快联系您！");
		 $(obj)[0].reset(); 
      }else{
    	 alert(response.data);
      }
    },
    error:function(xhr,status,error){
      alert('返回数据异常！');
    }
  });
  return false;
}
(function (doc, win) {
    var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',recalc = function (){
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return;
            if(clientWidth > 414){
                docEl.style.fontSize = '100px';
            }else{
                docEl.style.fontSize = 100 * (clientWidth / 414) + 'px';
            }
        };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);

$(function(){
    let flag=true;
    $(".menu").click(function(){
        if(flag){
            $(".navber").addClass("open");
            flag=false;
        }else{
            $(".navber").removeClass("open");
            flag=true;
        }
    })
    // var bodyWidth = $('body').width();
    // var headerHeight = $(".banner").height();

    // if ( bodyWidth < 1024){
    //     $(window).scroll(function() {
    //         if ( $(window).scrollTop() >= headerHeight){
    //             $(".header").addClass("active");
    //         } else {
    //             $(".header").removeClass("active");
    //         }

    //     })
    // }
  
})
</script>
</body>
</html>
<script src="/template/default/swiper-4.3.5/js/swiper.min.js"></script>
<script>
$(window).load(function(){
    var mySwiper = new Swiper ('#banner', {
        direction: 'horizontal',
        loop: true,
        speed: 2500,
        // autoplay : {
        //     delay: 5000,
        //     disableOnInteraction: false
        // },
        on: {
            slideChangeTransitionStart:function(){

            },
            slideChangeTransitionEnd: function(){
                banner_img();
                
            },
        },
        
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable :true,
        },
        
        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.banner .swiper-button-next',
            prevEl: '.banner .swiper-button-prev',
        },
    
    })
    var prlist = new Swiper ('#products', {
        speed: 1500,
        slidesPerView :4,
        spaceBetween: 26,
        breakpoints: {
            768: {
                slidesPerView :1,
                //spaceBetween: 60,
            },
        },
        navigation: {
            nextEl: '.i-products .swiper-button-next',
            prevEl: '.i-products .swiper-button-prev',
        },
    
    })

    function banner_img(){
        var b_p = $('#banner .swiper-slide-prev img').attr("src")
        var b_n = $('#banner .swiper-slide-next img').attr("src")
        console.log(b_p)
        console.log(b_n)
        $('.banner .swiper-button-prev .img').css({
            "background-image":'url('+b_p+')'
        })
        $('.banner .swiper-button-next .img').css({
            "background-image":'url('+b_n+')'
            //"display":"none"
        })
    }

})
var wrapTop = $(".digital").offset().top;
    var istrue = true;
  //设置计数
  $.fn.countTo = function (options) {
      options = options || {};
      return $(this).each(function () {
      //当前元素的选项
      var settings = $.extend({}, $.fn.countTo.defaults, {
          from:            $(this).data('from'),
          to:              $(this).data('to'),
          speed:           $(this).data('speed'),
          nub:              $(this).data('nub'),
          refreshInterval: $(this).data('refresh-interval'),
          decimals:        $(this).data('decimals'),
          bz:              $(this).data('bz')
      }, options);
      //更新值
      var loops = Math.ceil(settings.speed / settings.refreshInterval),
          increment = (settings.to - settings.from) / loops;
      //更改应用和变量
      var self = this,
      $self = $(this),
      loopCount = 0,
      value = settings.from,
      beizhu = settings.bz,
      data = $self.data('countTo') || {};
      $self.data('countTo', data);
      //如果有间断，找到并清除
      if (data.interval) {
          clearInterval(data.interval);
      };
      data.interval = setInterval(updateTimer, settings.refreshInterval);
      //初始化起始值
      render(value);
      function updateTimer() {
          value += increment;
          loopCount++;
          render(value);
          if (typeof(settings.onUpdate) == 'function') {
          settings.onUpdate.call(self, value);
          }
          if (loopCount >= loops) {
          //移出间隔
          $self.removeData('countTo');
          clearInterval(data.interval);
          value = settings.to;
          beizhu = settings.bz;
          if (typeof(settings.onComplete) == 'function') {
              settings.onComplete.call(self, value, beizhu);
          }
          }
      }
      function render(value) {
          var formattedValue = settings.formatter.call(self, value, settings);
          $self.html("<h4>" + formattedValue + settings.bz + "</h4>");
      }
      });
      };
      $.fn.countTo.defaults={
      from:0,               //数字开始的值
      to:0,                 //数字结束的值
      speed:500,           //设置步长的时间
      refreshInterval:30,  //隔间值
      decimals:0,           //显示小位数
      nub:0,               //百分比
      bz:'',                //备注
      formatter: formatter, //渲染之前格式化
      onUpdate:null,        //每次更新前的回调方法
      onComplete:null       //完成更新的回调方法
      };
      function formatter(value, settings){
      return value.toFixed(settings.decimals);
      }
      //自定义格式
      $('.count-number').data('countToOptions',{
      formatter:function(value, options){ //  数字是否加逗号
          return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
      }
      });

$(window).on("scroll",function() {
    var s = $(window).scrollTop();
    if (s > wrapTop-1000 && istrue) {
        $(".timer").each(count);
        function count(options){
            var $this=$(this);
            options=$.extend({}, options||{}, $this.data('countToOptions')||{}, $this.data('nub')||{});
            $this.css({"width":$this.data('nub')||{}})
            $this.countTo(options);
        }
        istrue = false;
    };

  })

</script>