<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>昊协科技有限公司</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
    <!-- Normalize CSS -->
    <link rel="stylesheet" href="css/normalize.css">
    <!-- Main CSS -->
    <link rel="stylesheet" href="css/main.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="css/animate.min.css">
    <!-- Icofont CSS-->
    <link rel="stylesheet" href="css/icofont.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <!-- Font-awesome CSS-->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- bicon CSS-->
    <link rel="stylesheet" href="css/bicon.min.css">
    <!-- Flaticon CSS-->
    <link rel="stylesheet" href="css/font/flaticon.css">
    <!-- Owl Caousel CSS -->
    <link rel="stylesheet" href="vendor/OwlCarousel/owl.carousel.min.css">
    <link rel="stylesheet" href="vendor/OwlCarousel/owl.theme.default.min.css">
    <!-- Main Menu CSS -->
    <link rel="stylesheet" href="css/meanmenu.min.css">
    <!-- nivo slider CSS -->
    <link rel="stylesheet" href="vendor/slider/css/nivo-slider.css" type="text/css"/>
    <link rel="stylesheet" href="vendor/slider/css/preview.css" type="text/css" media="screen"/>
    <!-- Magic popup CSS -->
    <link rel="stylesheet" href="css/magnific-popup.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/style.css">
    <!-- Modernizr Js -->
    <script src="js/modernizr-2.8.3.min.js"></script>
    <!-- ny change CSS -->
    <link rel="stylesheet" href="css/index.css">

</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">用户你好！IE8等以下浏览器，哇家公司呢开发说不能使用，还麻烦你使用更高版本的浏览器进行浏览哟！</p>
<![endif]-->
<!-- Preloader start -->
<div id="preloader"></div>
<!-- Preloader  End -->
<!-- 主体区域 start -->
<div id="wrapper" class="wrapper">
    <!-- 头部菜单 start -->
    <header>
        <div id="header-one" class="header header-layout3 header-fixed">
            <div class="main-menu-area layout1 blue-bg" id="sticker">
                <div class="container">
                    <div class="col-lg-4x floatleft" style="width: 30%">
                        <div class="logo-area"><a href="index.html"><img src="img/logo.png" style="margin: 14px 10px;"
                                                                         alt="logo" class="img-responsive"></a></div>
                    </div>
                    <div class="row d-md-flex">
                        <div class="col-lg-8 col-md-9">
                            <nav id="dropdown">
                                <ul class="text-left">
                                    <li><a class="active" href="#">首页</a></li>
                                    <li><a href="#GYWM">昊协简介</a></li>
                                    <li><a href="#CPZS ">产品介绍</a></li>
                                    <li><a href="#JDAL">案例展示</a></li>
                                    <li><a href="#HZHB">合作伙伴</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- 头部菜单 End -->
    <!-- 顶部框区域 start-->
    <div id="header-area-space"></div>
    <!-- 顶部框区域 End-->

    <!-- 幻灯片 Start-->
    <div class="slider-area layout1 slider-overlay-dark">
        <div class="bend niceties preview-1">
            <div id="ensign-nivoslider-3" class="slides">
                <img src="img/slider/slider1-1.jpg" alt="slider" title="#slider-direction-1"/>
                <img src="img/slider/slider1-2.jpg" alt="slider" title="#slider-direction-2"/>
                <img src="img/slider/slider1-3.jpg" alt="slider" title="#slider-direction-3"/>
            </div>
            <div id="slider-direction-1" class="t-cn slider-direction">
                <div class="slider-content s-tb slide-1">
                    <div class="container">
                        <div class="title-container text-center">
                            <div class="small-title">Openice</div>
                            <div class="big-title">昊协科技</div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="slider-direction-2" class="t-cn slider-direction">
                <div class="slider-content s-tb slide-2">
                    <div class="container">
                        <div class="title-container text-center">
                            <div class="small-title"><span style="color: #ff9800;font-weight: bold">OPENICE</span> ALL
                                IN ONE
                            </div>
                            <div class="big-title">超越格局 融为一体</div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="slider-direction-3" class="t-cn slider-direction">
                <div class="slider-content s-tb slide-2">
                    <div class="container">
                        <div class="title-container text-center">
                            <div class="small-title"><span style="color: #ff9800;font-weight: bold">OPENICE</span> ALL
                                IN ONE
                            </div>
                            <div class="big-title">解密数据 聚焦一点</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--  幻灯片 End -->
    <!-- 公司简讯 Start-->
    <div  style="background-repeat: no-repeat;padding: 40px 0 44px;"
    class="section-space-less30  bg-common-style">
        <div class="container" style="border-bottom:5px solid #d9d9d9;padding-bottom: 50px">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2><span>公司</span>简讯</h2>
                    </div>
                </div>
            </div>
            <div class="row" style="background-color: #ffffff;border-radius: 8px;padding: 20px 10px;box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.08);">
                <div id="container">
                    <div id="list-wrapper" style="top: 0">
                        <ul class="notice-list" id="notice-list">
                            <li style="height: 150px;border-bottom: 1px solid #f4f4f4"><a style="color: #080808" href="514.html">
                                <div class="col-md-2 col-sm-12 col-xs-12"> <img style="height: auto;width: 100%;border-radius: 6px" src="img/message/1.png">
                                </div >
                                <div class="col-md-10 col-sm-12 col-xs-12" >
                                    <h3>云南省版权服务工作站（玉溪站）
                                        揭牌仪式</h3>
                                    <p style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis"> 为进一步规范云南省版权登记工作，提升版权治理水平，提高全社会版权创作、运用和保护意识，促进云南省版权产业平稳健康快速发展。经玉溪市新闻出版（版权）局和红塔区新闻出版（版权）局按照单位申报、组织考评、社会公示等程序，认真组织版权服务工作站申报工作后，玉溪市昊协科技有限公司通过云南省版权审核，被命名为云南省版权服务工作站，是玉溪市首家版权服务工作站。</p>
                                    <p style="text-align: right;color: #ababab">2021-5-12</p>
                                </div></a>
                            </li>
                            <li style="height: 150px;border-bottom: 1px solid #f4f4f4"><a style="color: #080808" href="mes-yq.html">
                                <div class="col-md-2 col-sm-12 col-xs-12"> <img style="height: auto;width: 100%;border-radius: 6px" src="img/message/bqfwgzz.png">
                                </div >
                                <div class="col-md-10 col-sm-12 col-xs-12" >
                                    <h3>国家版权示范单位（园区）暨
                                        云南省版权服务工作站授牌仪式</h3>
                                    <p style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis"> 为进一步规范云南省版权登记工作，提升版权治理水平，提高全社会版权创作、运用和保护意识，促进云南省版权产业平稳健康快速发展。2021年4月25日上午，在昆明市新中路516号，云报传媒广场A座二楼，全媒体指挥中心召开国家版权示范单位（园区）暨云南省版权服务工作站授牌仪式。玉溪市昊协科技有限公司积极参与版权保护工作，获得“云南省版权服务工作站”授牌。</p>
                                    <p style="text-align: right;color: #ababab">2021-4-25</p>
                                </div></a>
                            </li>

                            <li style="height: 150px;border-bottom: 1px solid #f4f4f4"><a style="color: #080808" href="mest.html">
                                <div class="col-md-2 col-sm-12 col-xs-12"> <img style="height: auto;width: 100%;border-radius: 6px" src="img/message/mess2-o.png">
                                </div >
                                <div class="col-md-10 col-sm-12 col-xs-12" >
                                    <h3>玉溪市昊协科技有限公司《中华人民共和
                                        国保守国家秘密法》、《网络安全法》培训</h3>
                                    <p style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis"> 2021年4月13日下午，玉溪市昊协科技有限公司邀请云南振润律师事务所李慧律师为昊协科技公司全体员工进行《中华人民共和国保守国家秘密法》、《网络安全法》培训。</p>
                                    <p style="text-align: right;color: #ababab">2021-4-13</p>
                                </div></a>
                            </li>

                            <li style="height: 150px;border-bottom: 1px solid #f4f4f4"><a style="color: #080808" href="meso.html">
                                <div class="col-md-2 col-sm-12 col-xs-12"> <img style="height: auto;width: 100%;border-radius: 6px" src="img/message/mess1-o.png">
                                </div >
                                <div class="col-md-10 col-sm-12 col-xs-12" >
                                    <h3>玉溪市创新应用座谈会</h3>
                                    <p style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis">2021年4月15日，在玉溪师范学院图书馆3003会议室举办了玉溪市创新应用座谈会，会议由中共玉溪市委机要和保密局、玉溪师范学院主办，玉溪市昊协科技有限公司协办。</p>
                                    <p style="text-align: right;color: #ababab">2021-4-15</p>
                                </div></a>
                            </li>


                        </ul>
                        <ul class="notice-list" id="notice-list-2">
                        </ul>
                    </div>
                </div>

            </div>


        </div>
    </div>
    <!-- 经典案例 End-->
    <!-- 关于我们 Start -->
    <div id="GYWM" class="about-area section-space-less30e" style="padding: 16px 0 44px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="video-box-layout1">
                        <img src="img/about/about-4-1.png" alt="img">
                        <a class="primary-icon popup-youtube video-play-button"
                           href="http://v.qq.com/x/page/g0837vwokfh.html"><i class="icofont icofont-play"></i></a>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="about-content-layout1" style="margin-top: 80px;">
                        <h2>关于 <span>昊协</span></h2>

                        <p class="textondext"><strong>昊协科技包含昆明昊协科技有限公司、玉溪市昊协科技有限公司，总注册资本1000万元。公司专注于管理信息系统、移动应用、嵌入式开发、虚拟现实技术四个方向的应用研究，主要面向党政机关及事企业单位，
                            提供软硬件订制开发及咨询服务。</strong>
                        </p>

                        <p class="off-mobile textondext">
                            昊协科技秉承“OPENICE ALL IN ONE”的理念，“超越格局，融为一体；解密数据，聚焦一点”，始终走诚信与前沿并存的发展之路，紧跟时代步伐，砥砺前行，不断创新。</p>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 关于我们 End-->

    <!-- 我们的队伍 start -->
    <div class=""style=" background-image: url(img/bg-reapet/bgimage3.png);background-repeat: no-repeat;background-color: #f7f7f7">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center" style="margin:30px 0;">
                        <h2>我们的 <span>队伍</span></h2>
                    </div>
                </div>
            </div>
            <div class="g-feedback">
                <div class="feedback-review-layout1 shadow-equal2">
                    <div class="media">
                        <div class="media-left">
                            <img src="img/client/stivenmorgan3.jpg" alt="img" class="media-object" style="width:60px">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">行政中心</h3>

                            <div class="description">
                                <p style="text-indent: 33px;">
                                    <span style="font-weight: bold">行政中心</span>协助总经理处理公司日常事务，我们为总经理创造便捷高效的办公环境，我们也关心公司每一位员工的工作环境。我们的目标是营造一个温馨有趣的工作环境，只有在这样一个工作环境中，每一位员工才能真正从工作中感受到快乐！
                                </p>
                            </div>
                            <span>温馨大家庭，我们在建造。</span>
                        </div>
                    </div>
                </div>
                <div class="feedback-review-layout1 shadow-equal2">
                    <div class="media">
                        <div class="media-left">
                            <img src="img/client/stivenmorgan1.jpg" alt="img" class="media-object" style="width:60px">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">研发中心</h3>

                            <div class="description">
                                <p style="text-indent: 33px;font-weight: bold">
                                    研发中心下设<span style="color: #ff9800;">软件部、硬件部、运维部。</span></p>

                                <p style="text-indent: 33px;"><span style="font-weight: bold">软件部</span>为用户开发出技术先进、功能完善、适销对路的优秀软件产品，并致力于打造高端、先进、便捷的用户操作软件。
                                </p>

                                <p style="text-indent: 33px;"><span style="font-weight: bold">硬件部</span>负责硬件产品的设计研究，全力打造科技创新型产品，努力实现让科技改变技术，让技术与科技前行的目标！
                                </p>

                                <p style="text-indent: 33px;"><span style="font-weight: bold">运维部</span>是产品运营维护的核心部门，为软件产品的正常运行提供保障，我们的宗旨是时刻关注客户满意度和服务质量，因为给用户提供更好的体验感，是我们不断追求的目标！
                                </p>
                            </div>
                            <span>专注技术不断创新！</span>
                        </div>
                    </div>

                </div>
                <div class="feedback-review-layout1 shadow-equal2">
                    <div class="media">
                        <div class="media-left">
                            <img src="img/client/stivenmorgan2.jpg" alt="img" class="media-object" style="width:60px">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">设计中心</h3>

                            <div class="description">
                                <p style="text-indent: 33px;font-weight: bold">
                                    设计中心下设<span style="color: #ff9800;">UI设计部、MR设计部。</span></p>

                                <p style="text-indent: 33px;">
                                    <span style="font-weight: bold">用户交互设计部</span>集美术设计、创意工作和制作工作于一体，我们对于极小的细节都异常“挑剔”，因为每一个细小的问题都会决定产品的体验效果，而每一个产品的独特体验来自于每一个突发的灵感创意，在设计上我们始终相信，创意能改变设计，设计能够改变生活！
                                </p>

                                <p style="text-indent: 33px;">
                                    <span style="font-weight: bold">虚拟现实研发部</span>我们专注于3D模型，虚拟各种场景进行建模，我们在AR、VR、MR中不断创造着各种科幻的虚拟世界，我们在虚拟中创建现实，在现实中使用虚拟，我们用模型说话，让你在虚拟与现实中自由畅游！
                                </p>
                            </div>
                            <span>设计让生活更加美好！</span>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>

    <!-- 视频Banner Start-->
    <div class="bg-common-style  section-space-less30e"
         style="background-image: url(img/banner/bannerp2.jpg);background-repeat: no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="banner-content-layout1 light-bg text-left video-button">
                        <span class="uppercase-text" style="color: #ffffff">昊协科技</span>

                        <h3 style="color: #ffffff">改变生活，从科技开始！<br/>
                            <span>创新让我们不断前行。</span></h3>
                    </div>
                </div>
                <div class="col-lg-6">
                </div>
            </div>
        </div>
    </div>
    <!--视频Banner End -->

    <!--产品展示 start-->
    <div id="CPZS" class="section-space-less30" style="">
        <div class="container">
            <div class="section-title text-center">
                <h2><span>产品</span>体系</h2>
            </div>
            <div class="row">
                <div class="col-md-6 col-sm-12" style="padding:10px 53px">
                    <div class="project-layout1">
                        <div class="image-box">
                            <img src="img/project/pt.png" alt="project-image">
                        </div>
                        <div class="content-box text-center">
                            <h3><a>平台系列</a></h3>
                            <ul style="text-align: left">
                                <li><h4 style="margin: 0"><a href="#">1、环境工艺仓库</a></h4>

                                    <p style="text-indent: 35px;margin-bottom: 20px;">
                                        结合物联网应用技术，针对环境管理中土壤、水、大气等环境因素及特定重点区域进行环境要素数据实时采集，数据图形化管理分析，并结合评估风险体系进行风险管控。（终端方式：监控中心、PC、APP）</p>
                                </li>
                                <li><h4 style="margin: 0"><a href="#">2、非遗数据中心</a></h4>

                                    <p style="text-indent: 35px;margin-bottom: 20px;">
                                        建立非物质文化遗产及传承人数字信息档案，利用虚拟现实技术，构建虚实数字展馆，为大美玉溪、大匠玉溪地方特色文化提供数字化、立体化展现和传承服务。（终端方式：PC、APP）</p>
                                </li>
                                <li><h4 style="margin: 0"><a href="#">3、数据驾驶舱</a></h4>

                                    <p style="text-indent: 35px;margin-bottom: 20px;">
                                        建立大数据分析服务平台，以接口的形式，为政府、事企业单位提供数据可视化图表分析服务。（终端方式：PC、APP）</p>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12" style="padding:10px 53px">
                    <div class="project-layout1">
                        <div class="image-box">
                            <img src="img/project/rj.png" alt="project-image">
                        </div>
                        <div class="content-box text-center">
                            <h3><a>软件系列</a></h3>
                            <ul style="text-align: left">
                                <li><h4 style="margin: 0"><a href="#">1、基于LTBS物联网应用</a></h4>

                                    <p style="text-indent: 35px;margin-bottom: 20px;">
                                        以物联网应用中位置、时间两个基本要素构建基础服务体系，打造微应用，结合特定应用场景信息采集与分析，实现地理信息系统可视化分析应用。（终端方式：监控中心、PC、APP）</p>
                                </li>
                                <li><h4 style="margin: 0"><a href="#">2、虚拟现实技术应用</a></h4>

                                    <p style="text-indent: 35px;margin-bottom: 20px;">
                                        以VR、AR、MR及全息等技术为核心，打造教育培训、实操演练、模拟仿真、数字展馆等数字“奇点”，通过人机交互，增强培训效果。（终端方式：PC、专业设备）</p>
                                </li>
                                <li><h4 style="margin: 0"><a href="#">3、智慧情景移动应用</a></h4>

                                    <p style="text-indent: 35px;margin-bottom: 20px;">
                                        以数字场景为原型，结合地理信息系统、室内外定位技术、区域导航技术等，实现实景仿真、数字模拟场景应用，为智慧区域应用技术提供系统解决方案。（终端方式：PC、APP）</p>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-md-6 col-sm-12" style="padding:10px 53px">
                    <div class="project-layout1">
                        <div class="image-box">
                            <img src="img/project/yj.png" alt="project-image">
                        </div>
                        <div class="content-box text-center">
                            <h3><a>硬件系列</a></h3>
                            <ul style="text-align: left">
                                <li><h4 style="margin: 0"><a href="#">1、全3D运动控制屏</a></h4>

                                    <p style="text-indent: 35px;margin-bottom: 20px;">
                                        依托实验室，进行自主研发，实现PC应用、运动控制、机械设计等相结合的全新电子数字控制沙盘，解决规划设计、应急指挥等应用热点需求。（终端方式：PC、APP、研发专业设备）</p>
                                </li>
                                <li><h4 style="margin: 0"><a href="#">2、物联网设备</a></h4>

                                    <p style="text-indent: 35px;margin-bottom: 20px;">
                                        依托实验室和产学研合作基地，进行自主研发和联合开发，设计制作物联网应用信号采集特定设备，满足核心数据通信平台应用。（终端方式：PC、APP、研发专业设备）</p>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12" style="padding:10px 53px">
                    <div class="project-layout1">
                        <div class="image-box">
                            <img src="img/project/aq.png" alt="project-image">
                        </div>
                        <div class="content-box text-center">
                            <h3><a>安全系列</a></h3>

                            <p style="text-indent: 35px;margin-bottom: 20px;text-align: left">
                                信息安全服务：在与第三方信息安全厂商建立合作的基础上，为本地企业、政府提供全面或部分信息安全服务体系。包括安全咨询、等级测评、风险评估、安全审计、运维管理、安全培训等几个重点方向，能够为用户提供有针对性的、个性化的、模块化的、可供用户选择的、周全的安全服务体系。</p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--产品展示 end-->


    <!-- 经典案例 Start-->
    <div id="JDAL" class="section-space-less30 bg-gray2 bg-common-style" style="">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2><span>案例</span>展示</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-xs-12 ">
                    <div class="why-choose-layout1">
                        <div class="image-box">
                            <img src="img/service/whychoose6.png" alt="image">
                        </div>
                        <div class="content-box text-center" style="height: 469px;">
                            <h3><a href="#">奇点数据采集系统</a></h3>

                            <p style="text-indent: 35px;text-align: left">
                                数据采集系统是由昊协科技开发的一款集数据采集、统计、分析于一体，并内嵌简易办公辅助功能的数据网格化采集管理系统，该系统通过对信息网络化和数字化采集和管理，实现数据管理现代化、程序规范化、决策科学化、服务网络化，最大程度的提高各领域工作的及时性、准确性与便捷性
                            </p>

                            <p style="text-align: right">单位：玉溪市昊协科技有限公司</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xs-12">
                    <div class="why-choose-layout1">
                        <div class="image-box">
                            <img src="img/service/whychoose5.png" alt="image">
                        </div>
                        <div class="content-box text-center" style="height: 469px;">
                            <h3><a href="#">项目管理系统</a></h3>

                            <p style="text-indent: 35px;text-align: left">
                                项目管理系统为用户提供通知公告、文件下载、知识学习、信息发布、项目管理、费用报销、工资管理、统计分析等功能。网站为用户提供了交流信息的渠道，可以通过本站查看相关资讯和通知，具有良好的稳定性、扩展性和规范性。通过信息发布功能可以迅速查阅各部门发布的文件，并且可以将紧急会议和通知立刻传达至各部门，及时给予高效的信息处理，为企业提高了工作效率。项目管理、费用报销、工资管理等功能实现企业办公自动化，程序化，有效的对信息集中管理，激活企业内在的运营规律，达到稳定。
                            </p>
                            <p style="text-indent: 35px;text-align: left">
                                通过实现办公自动化，优化现有的管理组织结构，调整管理体制，在提高效率的基础上，增加协同办公能力，强化决策的一致性，改变过去复杂、低效的传统办公方式，实现迅速、全方位的信息采集、信息处理。
                                </p>
                            <!--<p style="text-align: right">委托单位：中共玉溪市纪律检查委员会</p>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-xs-12 ">
                    <div class="why-choose-layout1">
                        <div class="image-box">
                            <img src="img/service/whychoos4.png" alt="image">
                        </div>
                        <div class="content-box text-center" style="height: 469px;">
                            <h3><a href="#">安全教育展馆</a></h3>

                            <p style="text-indent: 35px;text-align: left">
                                展馆针对安全生产教育培训工作的具体需要，结合新型的VR技术，打造基于虚拟现实技术的安全生产实训基地，通过虚拟现实技术的引入使得虚拟培训成为现实，结合动作捕捉高端交互设备及3D立体显示技术，为培训者提供一个和真实环境完全一致的虚拟环境。培训者可以在这个具有真实沉浸感与交互性的虚拟环境中，通过人机交互设备和场景里所有物件进行交互，体验实时的物理反馈，进行多种实验操作。在确保受训人员人身安全万无一失的情况下，受训人员可以卸去事故隐患的包袱，尽可能极端的进行演练，从而大幅提高自身的技能水平，确保在今后实际操作中应对各种复杂的操作状况，为做好安全教育提升安全生产的探索了新路子。</p>

                            <p style="text-align: right">委托单位：某大型企业</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xs-12">
                    <div class="why-choose-layout1">
                        <div class="image-box">
                            <img src="img/service/whychoos3.png" alt="image">
                        </div>
                        <div class="content-box text-center" style="height: 469px;">
                            <h3><a href="#">纪委“碧玉清溪”门户网站及APP开发建设</a></h3>

                            <p style="text-indent: 35px;text-align: left">
                                “碧玉清溪”是中共玉溪市纪委、玉溪市监委主办的以“深化党风廉政教育、增强反腐倡廉意识、展示纪检监察工作”为宗旨的非经营性门户网站。市纪委监委主动适应新媒体发展形势，充分发挥“互联网＋宣传”的功能作用，对门户网站“玉溪党风廉政网”进行全新改版升级，正式更名为“碧玉清溪”。网站以宣传教育、舆论引导为重点，积极传递正能量，对有关功能模块进行整合，完善了举报功能、增加了信息检索和在线视听功能，使之成为集权威发布、宣传教育、工作展示、互动交流、网络监督和纪检监察业务数据库等多方面功能为一体的网络平台，为党风廉政建设和反腐败工作提供强大的舆论支持和宣传保障，不断扩大正风反腐影响力、感染力和吸引力，主动讲好“玉溪纪检故事”，充分展现玉溪纪检人“忠诚坚定、担当尽责、遵纪守法、清正廉洁”的良好形象。</p>

                            <p style="text-align: right">委托单位：中共玉溪市纪律检查委员会</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-xs-12">
                    <div class="why-choose-layout1">
                        <div class="image-box">
                            <img src="img/service/whychoos2.png" alt="image">
                        </div>
                        <div class="content-box text-center" style="height: 469px;">
                            <h3><a href="#">法微应用平台</a></h3>

                            <p style="text-indent: 35px;text-align: left">
                                玉溪中院在认真根据法院信息化移动互联建设要求的基础上，基于移动场景的碎片化节点应用需求，构建“法微应用平台”，针对业务审批、资料支撑、文化宣贯、适用小工具等进行微应用开发，实现碎片化管理，充分发挥信息技术在法院各项工作中的支撑和保障作用，推动法院的司法事业不断创新与发展。对现有应用向移动专网延伸，做到深度应用、跨界融合、移动互联、安全可靠，从而打破空间、地域限制，提升法院工作效率，打造智慧法院。</p>

                            <p style="text-align: right">委托单位：玉溪市中级人民法院</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xs-12">
                    <div class="why-choose-layout1">
                        <div class="image-box">
                            <img src="img/service/whychoose1.png" alt="image">
                        </div>
                        <div class="content-box text-center" style="height: 469px;">
                            <h3><a href="#">车辆管理系统</a></h3>

                            <p style="text-indent: 35px;text-align: left">
                                车辆综合管理系统是对用车管理、维修管理、车驾档案、GPS监控、风险管控、基础数据的综合管理，实现了车辆的有效管控。该系统实现了车辆管理体系核心流程的移动终端运用，结合当前的实际管理工作状况，整合GPS监控平台、APP端运用等技术手段，构建新的综合车辆管理功能，实现对用车、派车工作过程的实时掌握。</p>

                            <p style="text-align: right">委托单位：某大型企业</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 经典案例 End-->

</div>
<!--历史进程 end-->
<!--合作伙伴 start-->
<div id="HZHB" class="section-space-less30"
     style="background-image: url(img/bg-reapet/HZHB.png); height: 939px;background-repeat: no-repeat;">
    <div class="container">
    </div>
</div>
</div>
<!--合作伙伴 end-->


<!-- 加入我们 Start-->
<div class="section-space-all banner-overlay" style="background-image: url(img/bg-reapet/brochurebg.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6">
                <div class="brochure-image-box">
                    <img src="img/blog/buldozer2.jpg" alt="img">
                </div>
            </div>
            <div class="col-lg-1 col-md-1">
            </div>
            <div class="col-lg-5 col-md-5">
                <div class="brochure-content-layout1">
                    <h2>加入我们</h2>

                    <p>致力于技术，专注于服务。在这里，用你所学，施展你的真正魅力，成为我们的伙伴，让我们一起努力向前。</p>

                    <p style="margin: 0;color:#ff9800">简历投递</p>
                    <ul>
                        <li style="color:#fffffd">邮箱：1746801772@qq.com</li>
                        <li><a style="color:#fffffd" href="http://www.ynzp.com/com/1464835/index.html">相关网站：云南招聘网</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- B加入我们 end -->

<!-- 页脚区域从这里开始 -->
<footer>
    <div class="bg-common-style bg-fixed" style="background-image: url(img/bg-reapet/bgimage30.jpg);">
        <div class="footer-area-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-one-col">
                            <div class="footer-logo">
                                <img src="img/mobile-logo.png" alt="logo">
                            </div>
                            <div class="footer-newslatter">
                                <h3 class="title-bar-footer">Openice</h3>

                                <p>超越格局，融为一体；解密数据，聚焦一点</p>
                                <ul ><!-- class="contact-social" -->
                                    <li>版权所有：Copyright © 2011 openice.cn. All Rights Reserved</li>
                                    <li>
									<a target="_blank" href="http://beian.miit.gov.cn/#/Integrated/index"style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">网站ICP备案号：滇ICP备19001694号</p></a>
                                    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=53040202000440" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="img/ba_icon.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">滇公网安备 53040202000440号</p></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</footer>
<!-- 脚页区域结束 -->
</div>

<!--公告消息轮播-->
<script>
    var ROLL_SPEED = 100
    var noticeList1 = document.getElementById('notice-list');
    var noticeList2 = document.getElementById('notice-list-2');
    var listWrapper = document.getElementById('list-wrapper');
    noticeList2.innerHTML=noticeList1.innerHTML;

    var timer = setInterval(rollStart, ROLL_SPEED);
    function rollStart() {
        if (Math.abs(_subStr(listWrapper.style.top)) >= noticeList1.clientHeight) {
            listWrapper.style.top = '0px'
        } else {
            var top = listWrapper.style.top
            listWrapper.style.top = _subStr(top)-1+'px'
        }
    }
    // 截取px前数值
    function _subStr(str) {
        var index = str.indexOf('px');
        if (index > -1) {
            return parseFloat(str.substr(0, index + 1))
        }
    }
</script>
<!--公告消息轮播 end-->

<!-- 主体区域结束 -->
<!-- jquery-->
<script src="js/jquery-2.2.4.min.js"></script>
<!-- Plugins js -->
<script src="js/plugins.js"></script>
<!-- Bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- WOW JS -->
<script src="js/wow.min.js"></script>
<!-- Nivo slider js -->
<script src="vendor/slider/js/jquery.nivo.slider.js"></script>
<script src="vendor/slider/home.js"></script>
<!-- Owl Cauosel JS -->
<script src="vendor/OwlCarousel/owl.carousel.min.js"></script>
<!-- Meanmenu Js -->
<script src="js/jquery.meanmenu.min.js"></script>
<!-- Srollup js -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- jquery.counterup js -->
<script src="js/jquery.counterup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<!-- Countdown js -->
<script src="js/jquery.countdown.min.js"></script>
<!-- Isotope js -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- Magic Popup js -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- Custom Js -->
<script src="js/main.js"></script>
</body>
<!--线性-->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<!--<script src="js/jquery-1.12.1.min.js"></script>-->
<!--线性进入-->
<script>
    $(document).ready(function () {
        var a, b, c;
        a = $(window).height();
        $(window).scroll(function () {
            var b = $(this).scrollTop();
            $(".list li").each(function () {
                c = $(this).offset().top;
                if (a + b > c) {
                    $(this).addClass("move");
                }
                else {
                    $(this).removeClass("move");
                }
            });
        });

    });
</script>
<!--背景-->
<script>

    !function () {

        function n(n, e, t) {

            return n.getAttribute(e) || t

        }

        function e(n) {

            return document.getElementsByTagName(n)

        }

        function t() {

            var t = e("script"), o = t.length, i = t[o - 1];

            return {

                l: o, z: n(i, "zIndex", -1), o: n(i, "opacity", .5), c: n(i, "color", "0,0,0"), n: n(i, "count", 99)

            }

        }

        function o() {

            a = m.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,

                    c = m.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight

        }

        function i() {

            r.clearRect(0, 0, a, c);

            var n, e, t, o, m, l;

            s.forEach(function (i, x) {

                for (i.x += i.xa, i.y += i.ya, i.xa *= i.x > a || i.x < 0 ? -1 : 1, i.ya *= i.y > c || i.y < 0 ? -1 : 1, r.fillRect(i.x - .5, i.y - .5, 1, 1), e = x + 1; e < u.length; e++)n = u[e],

                null !== n.x && null !== n.y && (o = i.x - n.x, m = i.y - n.y,

                        l = o * o + m * m, l < n.max && (n === y && l >= n.max / 2 && (i.x -= .03 * o, i.y -= .03 * m),

                        t = (n.max - l) / n.max, r.beginPath(), r.lineWidth = t / 2, r.strokeStyle = "rgba(" + d.c + "," + (t + .2) + ")", r.moveTo(i.x, i.y), r.lineTo(n.x, n.y), r.stroke()))

            }),

                    x(i)

        }

        var a, c, u, m = document.createElement("canvas"),

                d = t(), l = "c_n" + d.l, r = m.getContext("2d"),
                x = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||

                        function (n) {

                            window.setTimeout(n, 1e3 / 45)

                        },

                w = Math.random, y = {x: null, y: null, max: 2e4};
        m.id = l, m.style.cssText = "position:fixed;top:0;left:0;z-index:" + d.z + ";opacity:" + d.o, e("body")[0].appendChild(m), o(), window.onresize = o,

                window.onmousemove = function (n) {

                    n = n || window.event, y.x = n.clientX, y.y = n.clientY

                },

                window.onmouseout = function () {

                    y.x = null, y.y = null

                };

        for (var s = [], f = 0; d.n > f; f++) {

            var h = w() * a, g = w() * c, v = 2 * w() - 1, p = 2 * w() - 1;
            s.push({x: h, y: g, xa: v, ya: p, max: 6e3})

        }

        u = s.concat([y]),

                setTimeout(function () {
                    i()
                }, 100)

    }();

</script>
<!--滑动-->
<script type="text/javascript">
    var wrap = document.getElementById("wrap");
    var main = document.getElementById("main");
    var hei = document.body.clientHeight;
    wrap.style.height = hei + "px";
    var obj = document.getElementsByTagName("div");
    for (var i = 0; i < obj.length; i++) {
        if (obj[i].className == 'page') {
            obj[i].style.height = hei + "px";
        }
    }
    ;
    //如果不加时间控制，滚动会过度灵敏，一次翻好几屏
    var startTime = 0, //翻屏起始时间
            endTime = 0,
            now = 0;
    //浏览器兼容
    if ((navigator.userAgent.toLowerCase().indexOf("firefox") != -1)) {
        document.addEventListener("DOMMouseScroll", scrollFun, false);
    }
    else if (document.addEventListener) {
        document.addEventListener("mousewheel", scrollFun, false);
    }
    else if (document.attachEvent) {
        document.attachEvent("onmousewheel", scrollFun);
    }
    else {
        document.onmousewheel = scrollFun;
    }
    //滚动事件处理函数
    function scrollFun(event) {
        startTime = new Date().getTime();
        var delta = event.detail || (-event.wheelDelta);
//mousewheel事件中的 “event.wheelDelta” 属性值：返回的如果是正值说明滚轮是向上滚动

//DOMMouseScroll事件中的 “event.detail” 属性值：返回的如果是负值说明滚轮是向上滚动
        if ((endTime - startTime) < -1000) {
            if (delta > 0 && parseInt(main.offsetTop) > -(hei * 4)) {
//向下滚动
                now = now - hei;
                toPage(now);
            }
            if (delta < 0 && parseInt(main.offsetTop) < 0) {
//向上滚动
                now = now + hei;
                toPage(now);
            }
            endTime = new Date().getTime();
        }
        else {
            event.preventDefault();
        }
    }
    function toPage(now) {
        $("#main").animate({top: (now + 'px')}, 1000);     //jquery实现动画效果
    }

</script>
</html>
