<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>首页-武汉世纪科怡科技发展有限公司</title>
    <link rel="icon" href="images/logo_pic.png" type="image/x-icon" />
    <link href="FontAwesome/css/font-awesome.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/page.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
</head>
<body>
    <div id="mainbox" class="container-fluid">
        <div class="header">
            <div class="row row1200">
                <div class="col-xs-12 col-sm-8 col-md-10 col-lg-10"><p>欢迎进入武汉世纪科怡科技发展有限公司官网！</p></div>
                <div class="col-xs-12 col-sm-4 col-md-2 col-lg-2"><p><i class="fa fa-phone-square header-phone"></i>027-85490093</p></div>
            </div>
        </div>
        <div class="row1200">
            <nav class="navbar navbar-default" role="navigation">
                <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand nav-logo" href="index.html"><img src="images/logo (2).png"></a>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">首&nbsp;&nbsp;页</a></li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="project.html">产品服务</a></li>
                        <li><a href="news.html">新闻中心</a></li>
                        <li><a href="customer.html">典型客户</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                        <li><a href="recruit.html">招贤纳士</a></li>
                    </ul>
                </div>
                </div>
            </nav>
        </div>

        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="images/5.png"></div>
                    <div class="swiper-slide"><img src="images/6.png"></div>
                    <div class="swiper-slide"><img src="images/7.png"></div>
                    <div class="swiper-slide"><img src="images/8.png"></div>
					<div class="swiper-slide"><img src="images/10.png"></div>
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 导航按钮 -->
                <div class="swiper-button-prev"><i class="fa fa-angle-left"></i></div>
                <div class="swiper-button-next"><i class="fa fa-angle-right"></i></div>
            </div>
        </div>
        <!--服务范围-->
        <div class="project clearfix">
            <div class="top-title wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms" style="visibility: visible;">
                <h3>服务范围</h3>
                <p>Scope of service</p>
            </div>
            <div class="project-main">
                <ul class="row clearfix row1200">
                    <li class="wow fadeInUp col-xs-6 col-sm-6 col-md-3 col-lg-3" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible;">
                        <a href="project.html" target="_blank" >
                            <div class="top-icon"><i class="fa fa-cubes"></i></div>
                            <div class="text">
                                <h4>软件产品</h4>
                                <p>以档案信息资源管理为核心，研制了文档管理系统以及数字化加工生产线系统</p>
                            </div>
                        </a>
                    </li>
                    <li class="wow fadeInUp col-xs-6 col-sm-6 col-md-3 col-lg-3" data-wow-duration="600ms" data-wow-delay="400ms" style="visibility: visible;">
                        <a href="projectList4.html" target="_blank" >
                            <div class="top-icon"><i class="fa fa-cogs"></i></div>
                            <div class="text">
                                <h4>解决方案</h4>
                                <p>以软件开发、系统集成和技术服务三大业务为支撑，涵盖各大领域的档案馆（室）整体解决方案</p>
                            </div>
                        </a>
                    </li>
                    <li class="wow fadeInUp col-xs-6 col-sm-6 col-md-3 col-lg-3" data-wow-duration="700ms" data-wow-delay="600ms" style="visibility: visible;">
                        <a href="projectList5.html" target="_blank" >
                            <div class="top-icon"><i class="fa fa-desktop"></i></div>
                            <div class="text">
                                <h4>数字化服务</h4>
                                <p>开展以档案整理、档案归档为核心的数据中心，将传统方式转化为数字化，化繁为简，提高工作效率</p>
                            </div>
                        </a>
                    </li>
                    <li class="wow fadeInUp col-xs-6 col-sm-6 col-md-3 col-lg-3" data-wow-duration="800ms" data-wow-delay="800ms" style="visibility: visible;">
                        <a href="project.html" target="_blank" >
                            <div class="top-icon"><i class="fa fa-suitcase"></i></div>
                            <div class="text">
                                <h4>相关配套</h4>
                                <p>提供完整的服务体系，包括智能密集架的安装、档案装具、库房装修等各项一体化服务</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!--关于我们-->
        <div class="about clearfix">
            <div class="top-title wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms" style="visibility: visible;">
                <h3>关于我们</h3>
                <p>About us</p>
            </div>
            <div class="about-mian row row1200 clearfix">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="700ms" style="visibility: visible;" >
                    <div class="company-text">
                        <h4>武汉世纪科怡科技发展有限公司</h4>
                        <p>武汉世纪科怡科技发展有限公司是经武汉市科学技术局认定的高新技术企业和双软企业、湖北省软件协会会员单位。公司成立于2003年，发展至今，现已成为集软件研发、技术服务、档案数字化加工、图像压缩及处理、信息检索、数字档案馆建设于一体的专业企业学技术局认定的高新技术企业和双软企业、湖北省软件协会会员单位。公司成立于2003年，发展至今，现已成为集软件研发、技术服务、档案数字化加工、图像压缩及处理、信息检索、数字档案馆建设于一体的专业企业学技术局认定的高新技术企业和双软企业、湖北省软件协会会员单位。公司成立于2003年，发展至今，现已成为集软件研发、技术服务、档案数字化加工、图像压缩及处理、信息检索、数字档案馆建设于一体的专业企业</p>
                        <div class="more"><a href="about.html" class="button button--ujarak button--border-thin button--text-thick"><span>+</span></a></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="600ms" style="visibility: visible;">
                    <div class="company-img"><img src="images/company.png"></div>
                </div>
            </div>
            <div class="about-data row1200 clearfix wow fadeInDown" data-wow-duration="500ms" data-wow-delay="800ms" style="visibility: visible;">
                <ul class="data-lists row">
                    <li class="list-item col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <div><span class="num timer count-title" id="count-number" data-to="15" data-speed="2500"></span></div>
                        <p>档案数字化服务15年</p>
                    </li>
                    <li class="center list-item col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <div><span class="num timer count-title" id="count-number" data-to="50" data-speed="2500"></span><span class="add">+</span></div>
                        <p>共赢伙伴</p>
                    </li>
                    <li class="list-item col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <div><span class="num timer count-title" id="count-number" data-to="1200" data-speed="5000"></span><span class="add">+</span></div>
                        <p>成功合作案例</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--新闻中心-->
        <div class="news clearfix">
            <div class="top-title wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms" style="visibility: visible;">
                <h3>新闻中心</h3>
                <p>News Center</p>
            </div>
            <div class="news-main row1200 row clearfix">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 left-l wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="700ms" id="tnews"></div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="800ms">
                    <ul id="mnews"></ul>
                </div>
            </div>
        </div>
        <!--<div class="footer"></div>-->
        <div class="footer clearfix">
            <div class="footer-main row row1200 clearfix">
                <div class="left-contact col-xs-12 col-sm-12 col-md-4 col-lg-4 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="600ms" style="visibility: visible;">
                    <div class="text">
                        <h4>联系我们<span>Contact us</span></h4>
                    </div>
                    <div class="contact-details">
                        <p>武汉世纪科怡科技发展有限公司</p>
                        <p>湖北省武汉市江岸区球场街道球场街京汉大道869号金地名郡</p>
                        <p>电话：027-85490093<span class="code">邮编：430014</span></p>
                    </div>
                </div>
                <div class="content-nav col-xs-12 col-sm-12 col-md-4 col-lg-4 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="700ms" style="visibility: visible;">
                    <div class="text">
                        <h4>快捷导航<span>Shortcut navigation</span></h4>
                    </div>
                    <div class="nav-lists">
                        <ul class="clearfix">
                            <li class="fl item"><a href="index.html">首&nbsp;&nbsp;页</a></li>
                            <li class="fl item"><a href="about.html">关于我们</a></li>
                            <li class="fl item"><a href="project.html">产品中心</a></li>
                            <li class="fl item"><a href="news.html">新闻中心</a></li>
                            <li class="fl item"><a href="customer.html">典型客户</a></li>
                            <li class="fl item"><a href="contact.html">联系我们</a></li>
                            <li class="fl item"><a href="recruit.html">招贤纳士</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="800ms" style="visibility: visible;">
                    <div class="text">
                        <h4>关注我们<span>Follow us</span></h4>
                    </div>
                    <div class="code-img">
                        <img src="images/code1.png">
                        <p>扫一扫，关注我们</p>
                    </div>
                </div>
            </div>
            <div class="coryright clearfix">Copyright @ 2003-2019 <a href="http://beian.miit.gov.cn/#/Integrated/index" target="_blank">鄂ICP备19000014号</a> 武汉世纪科怡科技发展有限公司</div>
        </div>
    </div>

    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/site-config.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        Date.prototype.format = function (format) {
            var date = {
                "M+": this.getMonth() + 1,
                "d+": this.getDate(),
                "h+": this.getHours(),
                "m+": this.getMinutes(),
                "s+": this.getSeconds(),
                "q+": Math.floor((this.getMonth() + 3) / 3),
                "S+": this.getMilliseconds()
            };
            if (/(y+)/i.test(format)) {
                format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
            }
            for (var k in date) {
                if (new RegExp("(" + k + ")").test(format)) {
                    format = format.replace(RegExp.$1, RegExp.$1.length == 1
                           ? date[k] : ("00" + date[k]).substr(("" + date[k]).length));
                }
            }
            return format;
        }
        //窗口显示才加载
        var wrapTop = $(".data-lists").offset().top;
        var istrue = true;
        $(window).on("scroll",
        function () {
            var s = $(window).scrollTop();
            if (s > wrapTop - 500 && istrue) {
                $(".timer").each(count);
                function count(a) {
                    var b = $(this);
                    a = $.extend({},
                    a || {},
                    b.data("countToOptions") || {});
                    b.countTo(a)
                };
                istrue = false;
            };
        })
        //设置计数
        $.fn.countTo = function (options) {
            options = options || {};
            return $(this).each(function () {
                //当前元素的选项
                var settings = $.extend({}, $.fn.countTo.defaults, {
                    from: $(this).data('from'),
                    to: $(this).data('to'),
                    speed: $(this).data('speed'),
                    refreshInterval: $(this).data('refresh-interval'),
                    decimals: $(this).data('decimals')
                }, options);
                //更新值
                var loops = Math.ceil(settings.speed / settings.refreshInterval),
                    increment = (settings.to - settings.from) / loops;
                //更改应用和变量
                var self = this,
                $self = $(this),
                loopCount = 0,
                value = settings.from,
                data = $self.data('countTo') || {};
                $self.data('countTo', data);
                //如果有间断，找到并清除
                if (data.interval) {
                    clearInterval(data.interval);
                };
                data.interval = setInterval(updateTimer, settings.refreshInterval);
                //初始化起始值
                render(value);
                function updateTimer() {
                    value += increment;
                    loopCount++;
                    render(value);
                    if (typeof (settings.onUpdate) == 'function') {
                        settings.onUpdate.call(self, value);
                    }
                    if (loopCount >= loops) {
                        //移出间隔
                        $self.removeData('countTo');
                        clearInterval(data.interval);
                        value = settings.to;
                        if (typeof (settings.onComplete) == 'function') {
                            settings.onComplete.call(self, value);
                        }
                    }
                }
                function render(value) {
                    var formattedValue = settings.formatter.call(self, value, settings);
                    $self.html(formattedValue);
                }
            });
        };
        $.fn.countTo.defaults = {
            from: 0,               //数字开始的值
            to: 0,                 //数字结束的值
            speed: 1000,           //设置步长的时间
            refreshInterval: 100,  //隔间值
            decimals: 0,           //显示小位数
            formatter: formatter, //渲染之前格式化
            onUpdate: null,        //每次更新前的回调方法
            onComplete: null       //完成更新的回调方法
        };
        function formatter(value, settings) {
            return value.toFixed(settings.decimals);
        }
        //自定义格式
        $('#count-number').data('countToOptions', {
            formmatter: function (value, options) {
                return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
            }
        });
        //定时器
        $('.timer').each(count);
        function count(options) {
            var $this = $(this);
            options = $.extend({}, options || {}, $this.data('countToOptions') || {});
            $this.countTo(options);
        }
        const pbBaseUrl = window.KYWEB_CONFIG.pbBaseUrl;
        const legacyUploadBaseUrl = window.KYWEB_CONFIG.legacyUploadBaseUrl;
        const newsApiUrl = pbBaseUrl + "/api/collections/news/records";
        show();
        function getNewsImageUrl(item) {
            if (!item) return "";
            if (item.title_img) {
                var collectionId = item.collectionId || "news";
                return pbBaseUrl + "/api/files/" + collectionId + "/" + item.id + "/" + item.title_img;
            }
            var cleanPath = String(item.legacy_title_img || "").split(/[?#]/)[0].replace(/\\/g, "/");
            var fileName = cleanPath.substring(cleanPath.lastIndexOf("/") + 1);
            return fileName ? legacyUploadBaseUrl + encodeURIComponent(fileName) : "";
        }
        function show() {
            $.ajax({
                url: newsApiUrl,
                type: 'GET',
                data: {
                    page: 1,
                    perPage: 6,
                    sort: "-publish_date"
                },
                success: function (data) {
                    if (data && data.items && data.items.length > 0) {
                        var rows = data.items;
                        var first = rows[0];
                        var firstDate = new Date(String(first.publish_date || first.created || "").replace(/-/g, "/"));
                        if (isNaN(firstDate.getTime())) firstDate = new Date();

                        var h_obj_t = '';
                        h_obj_t += '<div class="news-img"><img src="' + getNewsImageUrl(first) + '"></div>';
                        h_obj_t += '<div class="clearfix left-l-text">';
                        h_obj_t += '<div class="fl left"><h4>' + (first.title || "") + '</h4><span>' + (first.decription || first.description || "") + '</span></div>';
                        h_obj_t += '<div class="fr right"> <div class="year">' + firstDate.format("yyyy") + '</div> <div class="month">' + firstDate.format("MM-dd") + '</div> <div class="icon">&rarr;</div> </div></div>';
                        h_obj_t += '<div class="more"><a href="newsDetails.html?id=' + first.id + '" class="button button--ujarak button--border-thin button--text-thick"><span>+</span></a></div>';
                        $("#tnews").html(h_obj_t);

                        var h_obj_m = '';
                        $.each(rows, function (i, item) {
                            if (i != 0) {
                                var itemDate = new Date(String(item.publish_date || item.created || "").replace(/-/g, "/"));
                                if (isNaN(itemDate.getTime())) itemDate = new Date();
                                h_obj_m += '<li>';
                                h_obj_m += '<a href="newsDetails.html?id=' + item.id + '" class="clearfix">';
                                h_obj_m += '<div class="fl left"> <h4>' + (item.title || "") + '</h4><span>' + (item.decription || item.description || "") + '</span></div>';
                                h_obj_m += '<div class="fr right">';
                                h_obj_m += '<div class="year">' + itemDate.format("yyyy") + '</div>';
                                h_obj_m += '<div class="month">' + itemDate.format("MM-dd") + '</div>';
                                h_obj_m += '<div class="icon">&rarr;</div>';
                                h_obj_m += '</div> </a> </li>';
                            }
                        });
                        $("#mnews").html(h_obj_m);
                    } else {
                        $("#mnews").html("未查询到数据");
                    }
                },
                error: function () {
                    $("#mnews").html("新闻加载失败，请稍后重试");
                }
            });
        }
    </script>
</body>
</html>
