﻿
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>南京网站建设_南京网站制作_南京网页设计_南京逗点科技有限公司</title>
    <meta name="keywords" content="南京网站建设,南京网站制作,南京网页设计,网站设计,南京网站设计"/>
    <meta name="description" content="逗点科技面向南京市各类企业提供网站制作、网页设计、网站建设服务，我们的网页设计符合最新SEO优化标准，从网站制作到搜索引擎优化一站式服务。南京网站设计服务电话:025-83640010"/>
    <!-- resize -->
    <link href="style/css/normalize.css" rel="stylesheet">
    <!-- zui -->
    <link href="dist/css/zui.min.css" rel="stylesheet">
    <!-- my DIY css -->
    <link href="style/css/css.css" rel="stylesheet">
    <link href="style/css/animate.css" rel="stylesheet">
    <!-- jQuery -->
    <script src="style/js/jquery-1.11.0.min.js"></script>
	
 


</head>

<body style="background-color: #fff;">
    <link rel="stylesheet" type="text/css" href="style/css/animate.css">

    <header>
        <div id="headerbar" class="navbar no-margin hidden-xs hidden-sm">
            <div id="headertitle" class="clearfix" >
                <div class="container">
                    <div class="group-left clearfix">
                        <div class="logo">
                            <a id="headerhd" href="/"> <img src="images/logo.png" class="img-responsive"> </a>
                            <div>
                                <h3>南京逗点科技</h3>
                                <p>www.nanjingweb.com</p>
                            </div>
                        </div>
                        <div id="headernav">
                            <div class="container" style="position: relative;">
                                <ul>
                                    <li ><a href="/">首页</a></li>
                                                                        <li ><a href="about_1.html">关于我们</a></li>
                                                                        <li ><a href="products_2.html">产品服务</a></li>
                                                                        <li ><a href="case_3.html">案例展示</a></li>
                                                                        <li ><a href="news_4.html">新闻动态</a></li>
                                                                        <li ><a href="contact_5.html">联系我们</a></li>
                                                                    </ul>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="top-contact hidden-md">
                            <span>
                                <img src="images/icon/topcontact1_03.png" alt="">
                                <div>
                                    <img src="images/wechat.png" alt="">
                                </div>
                            </span>
                            <span> <a href="http://wpa.qq.com/msgrd?v=3&uin=44728164&site=qq&menu=yes" target="_blank"><img src="images/icon/topcontact1_05.png" alt=""></a> </span>
                            <span> <a href="tel:400-881-0901" ><img src="images/icon/topcontact1_07.png" alt=""> </a></span>
                            <a href="tel:400-881-0901" >400-881-0901</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function(){

                var pathname = window.location.pathname;
                var arr = pathname.split('/');
                // 头部滚动动画控制
                var flag = true;// flag控制只执行一次
                if (arr[1]!='') {
                    $("#headertitle").addClass('fixed');
                    $("#headertitle .group-left .logo p").fadeOut();
                    flag = false;
                } else {
                    $(window).scroll(function () {
                        // console.log("$('#headertitle').offset().top:"+$('#headertitle').offset().top);
                        // console.log("$('#headertitle').outerHeight():"+$('#headertitle').outerHeight());

                        if (parseInt($('#headertitle').offset().top) > $('#headertitle').outerHeight()) {
                            if (flag) {
                                $("#headertitle").addClass('fixed');
                                $("#headertitle .group-left .logo p").fadeOut();
                                flag = false;
                            }
                        }else{
                            $("#headertitle").removeClass('fixed');
                            $("#headertitle .group-left .logo p").fadeIn();
                            flag = true;
                        }
                    });
                }
            });
        </script>
        <div id="m-headerbar" class="navbar no-margin navbar-fixed-top visible-xs visible-sm">
            <div class="container">
                <div class="row relative">
                    <a id="m-headerhd" class="inline-block c-14c39a col" href="/">
                        <div class="hdtitle-img pull-left inline-block"><img src="images/logo.png" class="img-responsive">
                        </div>
                        <span>南京网站建设_南京网站制作_南京网页设计_南京逗点科技有限公司</span>
                    </a>
                    <i class="icon icon-phone-sign icon-2x blue"></i>
                    <span style="font-size: 2rem"><a href="tel:400-881-0901" class="headertel"></a></span>
                    <button id="m-headerbtn" class="btn" type="button" data-display="" data-backdrop="true" data-target="#leftmenu" data-trigger-method="toggle" data-placement="left"><i class="icon icon-bars"></i></button>
                </div>
            </div>
        </div>
    </header>
    <div id="leftmenulayout"></div>
    <div id="leftmenu">
        <div class="items">
            <a href="/">网站首页</a>
        </div>

        
        <div class="items">
            <a href="about_1.html" title="关于我们">关于我们</a>
                    </div>
        
        <div class="items">
            <a href="products_2.html" title="产品服务">产品服务</a>
                        <i class="icon icon-plus"></i>
            <div class="listplus">
                                <a href="products_6.html" title="手机网站">手机网站</a>
                                <a href="products_7.html" title="小程序">小程序</a>
                            </div>
                    </div>
        
        <div class="items">
            <a href="case_3.html" title="案例展示">案例展示</a>
                        <i class="icon icon-plus"></i>
            <div class="listplus">
                                <a href="case_8.html" title="响应式网站">响应式网站</a>
                                <a href="case_9.html" title="微信小程序/APP">微信小程序/APP</a>
                                <a href="case_13.html" title="普通网站">普通网站</a>
                            </div>
                    </div>
        
        <div class="items">
            <a href="news_4.html" title="新闻动态">新闻动态</a>
                        <i class="icon icon-plus"></i>
            <div class="listplus">
                                <a href="news_10.html" title="建站常识">建站常识</a>
                                <a href="news_11.html" title="行业资讯">行业资讯</a>
                                <a href="news_12.html" title="常见问题">常见问题</a>
                            </div>
                    </div>
        
        <div class="items">
            <a href="contact_5.html" title="联系我们">联系我们</a>
                    </div>
            </div>
    <div style="width: 100%;padding-top: 52px;" class="hidden-md hidden-lg"></div>    <div class="mainbanner">
        <div class="slider">
            <ul class="slides">
                                <li class="slide">
                    <a href="">
                        <img src="/uploadfile/image/20250315/20250315001854_30670.jpg" alt="" style="width: 100%;">
                        <div class="animated bounceInUp">
                            <h4></h4>
                            <p></p>
                        </div>
                    </a>
                </li>
                                <li class="slide">
                    <a href="/">
                        <img src="/uploadfile/image/20190920/20190920023324_10233.jpg" alt="品牌网站建设 定制服务机构" style="width: 100%;">
                        <div class="animated bounceInUp">
                            <h4>品牌网站建设 定制服务机构</h4>
                            <p>我们不止建设网站，更是提供深度网站优化服务，让您的网站更有价值。</p>
                        </div>
                    </a>
                </li>
                            </ul>
        </div>
    </div>
    <!-- jquery.glide.min banner滚动轮播 -->
    <script type="text/javascript" src="style/js/jquery.glide.min.js"></script>
    <script>
        $(function() {
            //roll banner
            var glide = $('.slider').glide({
                autoplay: 5000, //是否自动播放 默认值 true如果不需要就设置此值
                animationTime: 500, //动画过度效果，只有当浏览器支持CSS3的时候生效
                arrows: true, //是否显示左右导航器
                arrowsWrapperClass: "arrowsWrapper container", //滑块箭头导航器外部DIV类名
                arrowMainClass: "slider-arrow", //滑块箭头公共类名
                arrowRightClass: "slider-arrow--right", //滑块右箭头类名
                arrowLeftClass: "slider-arrow--left", //滑块左箭头类名
                arrowRightText: "", //定义左右导航器文字或者符号也可以是类
                arrowLeftText: "",
                nav: true, //主导航器也就是本例中显示的小方块
                navCenter: true, //主导航器位置是否居中
                navClass: "slider-nav", //主导航器外部div类名
                navItemClass: "slider-nav__item ", //本例中小方块的样式
                navCurrentItemClass: "slider-nav__item--current" //被选中后的样式
            });

            $('.slider').glide();

            // 设置左右箭头位置
            function set_jt(){
                var right = $('.slider-nav').offset().left+$('.slider-nav').width()+10;
                var left = right - $('.slider-nav').width()-20-$('.slider-arrow--left').outerWidth();
                $('.slider-arrow--right').css('left', right);
                $('.slider-arrow--left').css('left', left);
            }
            set_jt();
            window.onresize = function () {
                setTimeout( set_jt, 1000 );
            };

            // 每100ms检测当前显示的幻灯片，判断文字是否存在动画，不存在添加，存在当前元素不动，兄弟元素去掉
            var time1 = setInterval(function(){
                var i = $('.slider-nav__item--current').index();
                if ($('.slide:eq('+i+') a div').hasClass('bounceInUp')) {
                    $('.slide:eq('+i+')').siblings().children('a').children('div').removeClass('bounceInUp');
                }else{
                    $('.slide:eq('+i+') a div').addClass('bounceInUp');
                }
            },100);

        });
    </script>
    <div class="clear"></div>

    <!-- 我们能做什么 -->
    <div class="wedo">
        <div class=" container">
            <div class="s-title" aos="fade-up">
                <h2>WHAT CAN WE DO</h2>
                <p>我们能做什么</p>
            </div>
            <div class="s-list">
                <div class="row">
                    <div class="col item1" aos="fade-down">
                        <i class="cr"></i>
                        <i class="cl"></i>
                        <div class="img"></div>
                        <h3>网站建设</h3>
                        <p>针对您的品牌产品提供定制化网站建设解决方案</p>
                    </div>
                    <div class="col item1" aos="fade-up">
                        <i class="cr"></i>
                        <i class="cl"></i>
                        <div class="img"></div>
                        <h3>移动互联网</h3>
                        <p>针对您的品牌产品提供定制化网站建设解决方案</p>
                    </div>
                    <div class="col item1" aos="fade-down">
                        <i class="cr"></i>
                        <i class="cl"></i>
                        <div class="img"></div>
                        <h3>营销推广</h3>
                        <p>针对您的品牌产品提供定制化网站建设解决方案</p>
                    </div>
                    <div class="col item1" aos="fade-up">
                        <i class="cr"></i>
                        <i class="cl"></i>
                        <div class="img"></div>
                        <h3>VI设计</h3>
                        <p>针对您的品牌产品提供定制化网站建设解决方案</p>
                    </div>
                    <div class="col item1" aos="fade-down">
                        <i class="cr"></i>
                        <i class="cl"></i>
                        <div class="img"></div>
                        <h3>网络周边</h3>
                        <p>针对您的品牌产品提供定制化网站建设解决方案</p>
                    </div>
                </div>
                <div class="page">
                </div>
            </div>
            <script>
                $(function(){

                    function init_item1() {
                        for (var i = 0; i < $('.wedo .s-list .item1').length; i++) {
                            $('.wedo .s-list .page').append('<i></i>');
                        }
                        $('.wedo .s-list .page i:eq(0)').addClass('active');
                        $('.wedo .s-list .item1:eq(0)').addClass('active');
                    }

                    var a_index = 1;
                    function move(a_index) {
                        $('.wedo .s-list .item1:eq('+a_index+')').css('display','block');
                        setTimeout(function(){$('.wedo .s-list .item1:eq('+a_index+')').addClass('active');},100);
                        $('.wedo .s-list .item1:eq('+a_index+')').siblings('.item1').css('display','none').removeClass('active');
                        $('.wedo .s-list .page i').removeClass('active');
                        $('.wedo .s-list .page i:eq('+a_index+')').addClass('active');
                    }
                    if ($(window).width() < 768) {
                        init_item1();
                        // 自动切换
                        var timer2 = setInterval(function(){
                            move(a_index);
                            if (a_index < $('.wedo .s-list .item1').length-1) {
                                a_index++;
                            }else{
                                a_index = 0;
                            }
                        },3000);

                        // 点击小圆圈切换
                        $('.wedo .s-list .page i').click(function(){
                            a_index = $(this).index();
                            move(a_index);
                        });
                    }
                });
            </script>
        </div>
    </div>

    <!-- 案例展示 -->
    <div class="case">
                <div class="s-title container" aos="fade-up">
            <h2>我们的案例</h2>
            <p>OUR CASE</p>
        </div>
        <div class="s-list">
            <div class="row">
                                <a class="col col-xs-12 col-sm-6 col-md-3 col-lg-3 item" aos="zoom-in" href="casedetail_2050.html">
                    <div class="img">
                        <div>
                            <div><img src="/uploadfile/image/20200206/20200206114051_68576.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="desc">
                        <h3>南京鹏力科技集团</h3>
                        <p>南京鹏力科技集团有限公司为七二四研究所发起成立的产业化集团公司。七二四所主要从事国防大型电子、机械装备的研制、开发和批量生产，拥有三个园区，全所占地面积45万平方米，固定资产8亿余元，产品和技术先后获得国家和省部级科技进步奖二百余项，为国防重点研究所。</p>
                        <span class="case-jt"></span>
                    </div>
                </a>
                                <a class="col col-xs-12 col-sm-6 col-md-3 col-lg-3 item" aos="zoom-in" href="casedetail_2046.html">
                    <div class="img">
                        <div>
                            <div><img src="/uploadfile/image/20200205/20200205143725_84034.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="desc">
                        <h3>青霄文化传媒</h3>
                        <p>南京青霄文化传媒公司是一家专业从事演出、策划、制作的传媒公司。公司创始人吴飞在业界已有十余年的拍摄经验，前身是以工作室的形式参与各项作品拍摄。</p>
                        <span class="case-jt"></span>
                    </div>
                </a>
                                <a class="col col-xs-12 col-sm-6 col-md-3 col-lg-3 item" aos="zoom-in" href="casedetail_2044.html">
                    <div class="img">
                        <div>
                            <div><img src="/uploadfile/image/20200205/20200205143224_50742.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="desc">
                        <h3>南京坤达建材</h3>
                        <p></p>
                        <span class="case-jt"></span>
                    </div>
                </a>
                                <a class="col col-xs-12 col-sm-6 col-md-3 col-lg-3 item" aos="zoom-in" href="casedetail_2043.html">
                    <div class="img">
                        <div>
                            <div><img src="/uploadfile/image/20200205/20200205143032_49880.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="desc">
                        <h3>南京矿山</h3>
                        <p>隶属中国建材集团有限公司，是从事矿山、井巷、机电设备安装的专业化综合施工企业，拥有矿山工程施工总承包壹级资质和营业性爆破作业单位壹级资质，具备矿山建设、矿山开采、井巷工程、道路工程、硐室爆破、土建及机电设备安装的总承包能力。</p>
                        <span class="case-jt"></span>
                    </div>
                </a>
                                <a class="col col-xs-12 col-sm-6 col-md-3 col-lg-3 item" aos="zoom-in" href="casedetail_2042.html">
                    <div class="img">
                        <div>
                            <div><img src="/uploadfile/image/20200205/20200205142830_17811.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="desc">
                        <h3>南京宏聚电子有限公司</h3>
                        <p></p>
                        <span class="case-jt"></span>
                    </div>
                </a>
                                <a class="col col-xs-12 col-sm-6 col-md-3 col-lg-3 item" aos="zoom-in" href="casedetail_2040.html">
                    <div class="img">
                        <div>
                            <div><img src="/uploadfile/image/20200205/20200205142401_83171.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="desc">
                        <h3>建宁中学</h3>
                        <p></p>
                        <span class="case-jt"></span>
                    </div>
                </a>
                                <a class="col col-xs-12 col-sm-6 col-md-3 col-lg-3 item" aos="zoom-in" href="casedetail_2049.html">
                    <div class="img">
                        <div>
                            <div><img src="/uploadfile/image/20200205/20200205144438_48292.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="desc">
                        <h3>一中实验</h3>
                        <p></p>
                        <span class="case-jt"></span>
                    </div>
                </a>
                                <a class="col col-xs-12 col-sm-6 col-md-3 col-lg-3 item" aos="zoom-in" href="casedetail_2048.html">
                    <div class="img">
                        <div>
                            <div><img src="/uploadfile/image/20200205/20200205144242_94229.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="desc">
                        <h3>小木工家居</h3>
                        <p></p>
                        <span class="case-jt"></span>
                    </div>
                </a>
                            </div>

        </div>
        <div class="morebtn" aos="flip-left">
            <a href="case_3.html" title="">查看更多</a>
        </div>
    </div>

    <!-- 公司简介 -->
    <div class="about">
        <div class="mask"></div>
        <div class="top-layer container">
                        <div class="left" aos="fade-right">公司简介</div>
            <div class="center" aos="fade-left">
                <p><span style="font-size: 20px;">南京网站建设</span></p><p style="text-indent: 2em;">南京逗点科技有限公司成立于2005年，拥有十多年网站建设经验！服务包括：企业网络形象策划、企业网站建设与网站推广、产品网络营销方案策划、行业性门户网站合作建设、电子商务战略咨询、以及网络营销模式策划。服务适用于需要形象宣传以及商业营销的各种行业。</p><p style="text-indent: 2em;">我们不仅为您提供高品质服务(网站建设、网站推广、网站优化、微信营销)，而且负责专业技术指导及售后咨询(网络策划、电子商务咨询),立足南京,面向全国。</p>            </div>
            <div class="right" aos="fade-down">
                <a href="about_1.html" class="more_button"><i></i>
                    <div class="dot1"> <span></span><span></span><span></span> </div>
                    <div class="dot2"> <span></span><span></span><span></span> </div>
                </a>
            </div>
            <div class="bottom" aos="fade-up">
                <div class="row">
                    <div class="col col-xs-6 col-sm-3 col-md-3 col-lg-3 item">
                        <h2><i class="counter">2005</i><span>年</span></h2>
                        <p>公司成立</p>
                    </div>
                    <div class="col col-xs-6 col-sm-3 col-md-3 col-lg-3 item">
                        <h2><i class="counter build-time">14</i><span>年</span></h2>
                        <p>经验沉淀</p>
                    </div>
                    <div class="col col-xs-6 col-sm-3 col-md-3 col-lg-3 item">
                        <h2><i class="counter">2000</i><span>+</span></h2>
                        <p>网建用户</p>
                    </div>
                    <div class="col col-xs-6 col-sm-3 col-md-3 col-lg-3 item">
                        <h2><i class="counter">1500</i><span>+</span></h2>
                        <p>营销用户</p>
                    </div>
                </div>

            </div>
        </div>

    </div>

    <!-- 新闻资讯 -->
    <div class="news">
                <div class="s-title container" aos="fade-up">
            <h2>新闻资讯</h2>
            <p>NEWS</p>
        </div>
        <div class="container">
            <div class="newslist">
                <div class="row">
                                        <div class="col col-xs-12 col-sm-4 col-md-4 col-lg-4 item" aos="zoom-out">
                        <div class="item-title">
                            <h2>建站常识<i></i></h2>
                            <a href="news_10.html"></a>
                        </div>
                        <div class="item-list">
                                                        <a href="newsdetail_2206.html">
                                                                <h3>网站建设的费用都有那些？</h3>
                                <span>2025.02.28</span>
                                                                    <p>个人博客/简单展示站：费用较低，约1000-5000元。企业官网：功能较多，费用约5000-30000元。电商网站：功能复杂，费用约20000-100000元。定制开发网站：根据需求定制，费用可能超过100000元。</p>
                                                            </a>
                                                    </div>
                    </div>
                                        <div class="col col-xs-12 col-sm-4 col-md-4 col-lg-4 item" aos="zoom-out">
                        <div class="item-title">
                            <h2>行业资讯<i></i></h2>
                            <a href="news_11.html"></a>
                        </div>
                        <div class="item-list">
                                                        <a href="newsdetail_2205.html">
                                                                <h3>南京逗点科技www.nanjingweb.com网站改版</h3>
                                <span>2020.02.18</span>
                                                                    <p>南京逗点科技www.nanjingweb.com网站改版</p>
                                                            </a>
                                                    </div>
                    </div>
                                        <div class="col col-xs-12 col-sm-4 col-md-4 col-lg-4 item" aos="zoom-out">
                        <div class="item-title">
                            <h2>常见问题<i></i></h2>
                            <a href="news_12.html"></a>
                        </div>
                        <div class="item-list">
                                                        <a href="newsdetail_2208.html">
                                                                <h3>网站建设常见需要注意事项都有那些呢？</h3>
                                <span>2025.03.05</span>
                                                                    <p>建设一个高质量的网站需要综合考虑多个方面的细节和注意事项。以下是一些常见的要点：</p>
                                                            </a>
                                                        <a href="newsdetail_2207.html">
                                                                    <i></i>
                                                                <h3>网站建设有那些常见问题？</h3>
                                <span>02-28</span>
                                                            </a>
                                                    </div>
                    </div>
                                    </div>
            </div>
            <script type="text/javascript">
                $(function(){
                    $('.news .newslist .item-list a').hover(function(){
                        // $(this).addClass('animated shake');
                    },function(){
                        // $(this).removeClass('animated shake');
                    });
                });
            </script>
        </div>
    </div>

    <!-- 友情链接 -->
    <div class="links" aos="fade-up">
        <div class="container">
            <span><img src="images/link.png" alt=""/> 友情链接</span>
                        <a href="/" target="_blank">南京网站建设</a>
                        <a href="/" target="_blank">逗点科技</a>
            			   
			
        </div>
    </div>


        <footer aos="fade-up">
        <div id="footerbar" class="">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12 col-sm-12 col-md-5 col-lg-5 group-left0" aos="fade-right">
                        <div>
                            <h2>CONTACT</h2>
                            <h3>联系我们</h3>
                            <p>版权所有： 南京逗点科技有限公司  <a href="http://beian.miit.gov.cn" title="">苏ICP备16008480号</a> </p>
                            <p>Copyright 2025 www.doudian.cn All Rights Reserved </p>
                            <p><a href="http://www.ewbio.cn"  target="_blank">饲料</a>   </p>
                        </div>
                    </div>
                    <div class="col col-xs-12 col-sm-8 col-md-4 col-lg-4 group-left1" aos="fade-down">
                        <div>
                            <h2>400-881-0901</h2>
                            <p>ADD： 南京市秦淮区虎踞南路2-18号14-501</p>
                            <p>TEL： 025-83640010 </p>
                            <p>E-mail： sales@doudian.cn</p>
                            <p class="f-contact">
                                <i class="icon icon-qq"></i><a href="http://wpa.qq.com/msgrd?v=3&uin=44728164&site=qq&menu=yes" title="" target="_blank">在线咨询</a>
                                <i class="icon icon-wechat r"></i><a href="javascript:;">微信咨询
                                    <object>
                                        <div>
                                            <img src="images/wechat.png" alt="">
                                        </div>
                                    </object>
                                </a>
                            </p>
                        </div>
                    </div>
                    <div class="col col-xs-12 col-sm-4 col-md-3 col-lg-3 group-right" aos="fade-left">
                        <div>
                            <p><img src="images/wechat.png" alt="wechat.png" /></p>
                            <p>关注我们</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <div style="width: 100%;padding-top: 41px;" class="hidden-md hidden-lg"></div>
    <div id="m-footer" class="visible-xs visible-sm navbar no-margin navbar-fixed-bottom">
        <div class="container">
            <div class="row text-center">
                <div class="col col-xs-4">
                    <a href="/"><i class="icon icon-2x icon-home"></i></a>
                </div>
                <div class="col col-xs-4">
                    <a href="javascript:$('html,body').animate({scrollTop:0});"><i class="icon icon-2x icon-arrow-up"></i></a>
                </div>
                <div class="col col-xs-4">
                    <a href="tel:400-881-0901"><i class="icon icon-2x icon-phone-sign"></i></a>
                </div>
            </div>
        </div>
    </div>

    <div class="rightnav hidden-xs">
        <ul>
            <li class="qq">
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=44728164&site=qq&menu=yes" title="在线客服"></a>
            </li>
            <li class="weixin">
                <a href="javascript:void(0);" title="关注微信公众号"></a>
                <div class="weixin-logo"><img src="images/wechat.png" alt="微信公众号二维码">扫一扫关注微信</div>
            </li>
            <li class="liuyan">
                <a href="#" title="在线留言"></a>
            </li>
            <li class="gotop">
                <a href="javascript:void(0);" id="gotop" title="返回顶部"></a>
            </li>
        </ul>
    </div>



    <!-- ZUI Javascript组件 -->
    <script src="dist/js/zui.min.js"></script>
    <!-- jquery.nicescroll -->
    <script src="style/js/jquery.nicescroll.js"></script>
    <!-- my DIY js -->
    <script src="style/js/js.js"></script>

    <!--[if lt IE 9]>
        <script src="dist/lib/ieonly/html5shiv.js"></script>
        <script src="dist/lib/ieonly/respond.js"></script>
        <script src="dist/lib/ieonly/excanvas.js"></script>
    <![endif]-->
    <!--[if lt IE 10]>
        <script type="text/javascript" src="style/PIE/PIE.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="style/aos/aos.css" />
    <script src="style/aos/aos.js"></script>
    <script>
        AOS.init({
            easing: 'ease-out-back',
            duration: 1000,
            disable: 'mobile'
        });

        $(function(){
            $('#headertitle .top-contact span').hover(function(){
                $(this).addClass("animated rotateIn");
            },function(){
                $(this).removeClass("animated rotateIn");
            });

            var myDate = new Date();
            var build_time = myDate.getFullYear()-2005;
            $('.counter.build-time').text(build_time);
        });
    </script>    <script src="style/js/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="style/js/jquery.countup.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('.counter').countUp();
        });

        // 页面大小变化时需要执行的函数
            window.onresize = function () {
                setTimeout( AOS.refresh, 1000 ); // 延时1秒，然后aos.js重新计算元素的位置和偏移。
                setTimeout( set_jt, 1000 );
            };
    </script>
</body>

</html>