cecf
/
products-site


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title>首页</title>
    <!-- 重置css -->
    <link rel="stylesheet" type="text/css" href="./css/reset.css" />
    <!-- bootstrap css -->
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
    <!-- 动画样式 -->
    <link rel="stylesheet" type="text/css" href="./css/animate.min.css" />
    <!-- 轮播样式 -->
    <link href="./css/swiper.min.css" rel='stylesheet' type='text/css' />
    <link href="./css/fullpage.css" rel='stylesheet' type='text/css' />
    <!-- 公共css -->
    <link rel="stylesheet" type="text/css" href="./css/global.css" />
    <!-- 私有css -->
    <link rel="stylesheet" type="text/css" href="./css/index.css" />
    <link rel="stylesheet" type="text/css" href="./css/banner.css" />

    <script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/jquery.easing.1.3.umd.min.js"></script>

    <!-- 如果 scrollOverflow 设置为 true，则需要引入 jquery.slimscroll.min.js，一般情况下不需要 -->
    <script src="./js/jquery.slimscroll.min.js"></script>
    <script src="./js/fullpage.js"></script>
    <script type="text/javascript" src='./js/swiper.min.js'></script>
    <script type="text/javascript" src='./js/main.js'></script>
</head>

<body>
    <!--通用顶部导航-->
    <!-- <div id="head"></div>
    <script type="text/javascript">
        $('#head').load('./componen/header.html')
    </script> -->
    <div class="head_wrap" id="nav">
        <div class="flex_div">
            <a href="index.html" class="logo">
                <img class="img-fluid" src="./imgs//cecf.jpeg" alt='' />
            </a>
            <nav class="navbar navbar-expand-lg text-right" role="navigation">
                <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" href="#">首页</a> -->
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">首页</a></li>
                        <li><a href="detect.html">感知探测</a></li>
                        <li><a href="visual.html">可视化</a></li>
                        <li><a href="basic.html">基础功能</a></li>
                        <li><a href="analyse.html">分析</a></li>
                        <li><a href="devops.html">运维</a></li>
                        <li><a href="manage.html">管理</a></li>
                        <li><a href="safety.html">安全</a></li>
                        <!-- <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                asp.net <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">asp.net初级</a></li>
                                <li><a href="#">asp.net中级</a></li>
                                <li><a href="#">asp.net高级</a></li>

                            </ul>
                        </li> -->
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <!--通用顶部导航 结束-->

    <!-- banner 开始 -->
    <!-- <div class="banner_wrap">
        <div class="container">
            <div class="banner_content">
                <div class="main-content-1">企业级研发管理工具</div>
                <div class="main-content-1-sub">更强大的团队协作与项目管理工具，助力企业更好更快发布产品</div>
            </div>
        </div>
    </div> -->

    <div class="top index-top tilt-component">
        <div class="index-bg-wrapper">
            <div class="index-bg-container">
                <!-- 蓝色背景 -->
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div class="index-bg-grid">
                    <div class="grid-block"></div>
                    <div class="grid-tria"></div>
                </div>
                <div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                    <div class="index-bg-line"></div>
                </div>
                <div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                    <div class="index-bg-round"></div>
                </div>
            </div>
        </div>
        <div class="triangle-top-cover"></div>
        <div class="top-bg-color"></div>
        <div class="top-content normal-width">
            <div class="top-content-sub-bg-img">
                <img class="rocket-m" src="./imgs//index-back-imgX3-cc66504e6c.png" alt="bg-icon" width="478" height="445">
                <div class="rocket-wrapper">
                    <img id="rocket_block_left_1" src="./imgs//block-left-1X3-a765980ff6.png" alt="" width="155" height="154" class="end" style="animation: 4s linear 3.7s infinite normal none running rocket_block_left_1;"> <img id="rocket_block_left_2"
                        src="./imgs//block-left-2X3-86d2859b25.png" alt="" width="163" height="164" data-src3x="./imgs//block-left-2X3-86d2859b25.png" data-src1x="./imgs//block-left-2-62323fda71.png" class="end"> <img id="rocket_block_right_1" src="./imgs//block-right-1X3-e355643d84.png"
                        alt="" width="154" height="165" data-src3x="./imgs//block-right-1X3-e355643d84.png" data-src1x="./imgs//block-right-1-1045a28895.png" class="end">
                    <!-- <img id="rocket_block_right_2"
                        src="./imgs//block-right-2X3-c9a35cf4cf.png" alt="" width="189" height="189"
                        data-src3x="./imgs//block-right-2X3-c9a35cf4cf.png"
                        data-src1x="./imgs//block-right-2-d3165e3ef5.png" class="end"
                        style="animation: 4s linear 3.7s infinite normal none running rocket_block_right_2;">  -->
                    <img id="rocket_body" src="./imgs//rocket-bodyX3-43fd3f57fb.png" alt="" width="405" height="459" data-src3x="./imgs//rocket-bodyX3-43fd3f57fb.png" data-src1x="./imgs//rocket-body-6208e0a508.png" class="end" style="animation: 2s linear 2.2s infinite normal none running rocket_body;">                    <img id="rocket_halo_XS" src="./imgs//halo-topX3-9cbbd2c07a.png" alt="" width="79" height="53" data-src3x="./imgs//halo-topX3-9cbbd2c07a.png" data-src1x="./imgs//halo-top-d64a0d363d.png" class="end" style="animation: 2s linear 2.2s infinite normal none running rocket_halo_XS;">
                    <!-- <img
                        id="rocket_halo_S" src="./imgs//halo-bottomX3-4b585da51f.png" alt="" width="124" height="82"
                        data-src3x="./imgs//halo-bottomX3-4b585da51f.png" data-src1x="./imgs//halo-bottom-7dd205996e.png"
                        class="end" style="animation: 2s linear 2.2s infinite normal none running rocket_halo_S;"> -->
                    <img id="rocket_halo_L_fadeout" src="./imgs//halo-middle-fadeoutX3-df5f9b82b8.png" alt="" width="308" height="165" data-src3x="./imgs//halo-middle-fadeoutX3-df5f9b82b8.png" data-src1x="./imgs//halo-middle-fadeout-87dc6a21cb.png" class="end" style="animation: 2s linear 2.2s infinite normal none running rocket_halo_L_fadeout;">
                    <img id="rocket_tail_L" src="./imgs//tail-largeX3-af82501804.png" alt="" width="166" height="219" data-src3x="./imgs//tail-largeX3-af82501804.png" data-src1x="./imgs//tail-large-8dc82e6531.png" class="end" style="animation: 2s linear 2.2s infinite normal none running rocket_tail_L;">
                    <img id="rocket_tail_S" src="./imgs//tail-smallX3-334f9cbb55.png" alt="" width="126" height="162" data-src3x="./imgs//tail-smallX3-334f9cbb55.png" data-src1x="./imgs//tail-small-9dfa10b24f.png" class="end" style="animation: 2s linear 2.2s infinite normal none running rocket_tail_S;">                    <img id="rocket_halo_L" src="./imgs//halo-middleX3-df5f9b82b8.png" alt="" width="308" height="165" data-src3x="./imgs//halo-middleX3-df5f9b82b8.png" data-src1x="./imgs//halo-middle-87dc6a21cb.png" class="end" style="animation: 2s linear 2.2s infinite normal none running rocket_halo_L;">
                </div>
            </div>
            <div class="top-content-slogan">
                <div class="main-content-1">专业智能的运维领域产品</div>
                <div class="main-content-1-sub">丰富、智能 、稳定的运维管理平台，助力企业的信息化发展</div>
            </div>
            <!-- <div class="top-content-try">
                <div class="top-content-try-button top track-web-click"><span>免费试用</span></div>
            </div> -->
            <div class="top-content-data-content">
                <div class="top-content-data-number">+(<span id="index_bg_number_1">180</span>) %
                    <div class="top-content-arrow-up"><img src="https://cdn2.ones-ai.cn/images/index/arrow-upX3-32f0c6aea4.png" width="15" height="14" data-src3x="https://cdn2.ones-ai.cn/images/index/arrow-upX3-32f0c6aea4.png" data-src1x="https://cdn2.ones-ai.cn/images/index/arrow-up-7a9ac6e5f0.png"></div>
                    <div class="top-content-data-content">故障响应速度提升</div>
                </div>
                <div class="top-content-data-number">+（ <span id="index_bg_number_2">99.999</span> ） %
                    <div class="top-content-arrow-up"><img src="https://cdn2.ones-ai.cn/images/index/arrow-upX3-32f0c6aea4.png" width="15" height="14" data-src3x="https://cdn2.ones-ai.cn/images/index/arrow-upX3-32f0c6aea4.png" data-src1x="https://cdn2.ones-ai.cn/images/index/arrow-up-7a9ac6e5f0.png"></div>
                    <div class="top-content-data-content">服务稳定性提升</div>
                </div>
                <div class="top-content-data-number">+ （ <span id="index_bg_number_3">300</span> ） %
                    <div class="top-content-arrow-up"><img src="https://cdn2.ones-ai.cn/images/index/arrow-upX3-32f0c6aea4.png" width="15" height="14" data-src3x="https://cdn2.ones-ai.cn/images/index/arrow-upX3-32f0c6aea4.png" data-src1x="https://cdn2.ones-ai.cn/images/index/arrow-up-7a9ac6e5f0.png"></div>
                    <div class="top-content-data-content">服务质量提升</div>
                </div>
            </div>
        </div>
    </div>
    <!-- banner 结束 -->

    <!-- 产品 -->
    <div class="index-content index-pc">
        <div class="container">
            <div class="swiper-container swiper-container-h">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="main_title">感知探测类产品</div>
                        <div class="container">
                            <ul class="tab_title" id="tab_title1">
                                <li class="cur">
                                    <!-- <a href="#" class="flex_div product_info"> -->
                                    <div class="product_img">
                                        <img class="img-fluid" src="./imgs//product.png" />
                                    </div>
                                    <div>
                                        <div class="product_main_title">网络质量感知探测系统</div>
                                        <div class="product_sub_title">CECF Object</div>
                                    </div>
                                    <!-- </a> -->
                                </li>
                                <li>
                                    <!-- <a href="#" class="flex_div product_info"> -->
                                    <div class="product_img">
                                        <img class="img-fluid" src="./imgs//product-testcase-logoX3-b55571b4c5.png" />
                                    </div>
                                    <div>
                                        <div class="product_main_title">WEB/APP仿真模拟探测系统</div>
                                        <div class="product_sub_title">CECF Object</div>
                                    </div>
                                    <!-- </a> -->
                                </li>
                                <li>
                                    <!-- <a href="#" class="flex_div product_info"> -->
                                    <div class="product_img">
                                        <img class="img-fluid" src="./imgs//product-project-logoX3-2adf24e0b7.png" />
                                    </div>
                                    <div>
                                        <div class="product_main_title">协议探测平台</div>
                                        <div class="product_sub_title">CECF Object</div>
                                    </div>
                                    <!-- </a> -->
                                </li>
                            </ul>
                            <div class="tab_con" id="tab_con1">
                                <div class="tab_level flex_div">
                                    <div class="lv">展示层</div>
                                    <ul class="lv_con flex_div_between">
                                        <li>统一认证</li>
                                        <li>视图管理</li>
                                        <li>个人工作台</li>
                                        <li>多语言</li>
                                        <li>大屏</li>
                                        <li>APP</li>
                                    </ul>
                                </div>
                                <div class="tab_level flex_div">
                                    <div class="lv">业务功能层</div>
                                    <ul class="lv_con1 flex_div_between">
                                        <li class="tance web_app border">
                                            <h6>监控管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>告警展示</li>
                                                <li>告警处理</li>
                                                <li>告警阀值</li>
                                                <li>告警屏蔽</li>
                                                <li>告警订阅</li>
                                                <li>告警合并</li>
                                                <li>告警处理</li>
                                                <li>接入监控</li>
                                                <li>监控大厅</li>
                                                <li>自监控</li>
                                            </ul>
                                        </li>
                                        <li class="tance tcp border">
                                            <h6>操作管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>高危SQL执行</li>
                                                <li>任务管理</li>
                                                <li>自动巡检</li>
                                                <li>部署更新</li>
                                                <li>服务启停</li>
                                                <li>故障诊断</li>
                                                <li>日常命令操作</li>
                                                <li>配署文件管理</li>
                                            </ul>
                                        </li>
                                        <li class="tance border">
                                            <h6>业务管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>服务监控分析</li>
                                                <li>业务影响管理</li>
                                                <li>业务健康度管</li>
                                                <li>业务可用性</li>
                                                <li>客户感知管理</li>
                                                <li>服务目录及水平</li>
                                                <li>业务端到端管理</li>
                                            </ul>
                                        </li>
                                        <li class="tcp web_app">
                                            <h6>运营分析中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>容量管理</li>
                                                <li>流程分析</li>
                                                <li>运维分析</li>
                                                <li>资源分析</li>
                                                <li>监控分析</li>
                                                <li>全网业务探测</li>
                                                <li>运行日志分析</li>
                                                <li>事务日志分析</li>
                                            </ul>
                                        </li>
                                        <li class="web_app">
                                            <h6>运维管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>标准化运维流程</li>
                                                <li>非功能需求管理</li>
                                                <li>值班管理</li>
                                                <li>作业计划</li>
                                                <li>知识库</li>
                                                <li>公告管理</li>
                                                <li>消息管理</li>
                                                <li>通讯录</li>
                                                <li>合作伙伴管理</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tab_level flex_div">
                                    <div class="lv">基础平台层</div>
                                    <div class="lv_con1 flex_div_between">
                                        <div class="con_left">
                                            <ul class="flex_div_between" style="width: 100%;">
                                                <li style="width:69%;" class="tance border web_app">
                                                    <h6>数据管控平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li style="width: 29%;">汇聚存储</li>
                                                        <li style="width: 29%;">数据处理</li>
                                                        <li style="width: 29%;">数据检索</li>
                                                        <li style="width:38%" class="flex_div_between">
                                                            <div class="lv">运维数据</div>
                                                            <ul style="flex:1;width: 100%;" class="flex_div_wrap">
                                                                <li style="width:48%;">工单数据</li>
                                                                <li style="width:48%;">资源数据</li>
                                                                <li style="width:48%;">告警数据</li>
                                                                <li style="width:48%;">性能数据</li>
                                                            </ul>
                                                        </li>
                                                        <li style="width:38%" class="flex_div_between">
                                                            <div class="lv">应用日志</div>
                                                            <ul style="flex:1;width: 100%;" class="flex_div_wrap">
                                                                <li style="width:48%;">数据库</li>
                                                                <li style="width:48%;">中间件</li>
                                                                <li style="width:48%;">应用</li>
                                                            </ul>
                                                        </li>
                                                        <li style="width:23%" class="flex_div_between">
                                                            <div class="lv">业务日志</div>
                                                            <ul style="flex:1;" class="flex_div_wrap">
                                                                <li>标准日志</li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="tcp" style="width:29%;">
                                                    <h6>流程平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>字段管理</li>
                                                        <li>代码管理</li>
                                                        <li>表单管理</li>
                                                        <li>规则管理</li>
                                                        <li>批量处理</li>
                                                        <li>流程设计</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul class="flex_div_between" style="width: 100%;">
                                                <li style="width:69%;" class="tance border">
                                                    <h6>采集平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>采集策略管理</li>
                                                        <li>采集组件管理</li>
                                                        <li>采集通信管理</li>
                                                        <li>采集模块管理</li>
                                                        <li>采集任务管理</li>
                                                    </ul>
                                                </li>
                                                <li style="width:29%;">
                                                    <h6>控制平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>控制指令管理</li>
                                                        <li>控制调度管理</li>
                                                        <li>控制历史管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="con_right">
                                            <ul>
                                                <li class="tcp web_app">
                                                    <h6>资源管理</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>资源数据维护</li>
                                                        <li>资源全生命周期管理</li>
                                                        <li>资源自动发现</li>
                                                        <li>资源数据管理</li>
                                                        <li>关系模型管理</li>
                                                        <li>模型属性管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="tcp">
                                                    <h6>基础管理</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>域管理</li>
                                                        <li>安全管理</li>
                                                        <li>调度管理</li>
                                                        <li>帐护权限</li>
                                                        <li>日志管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="opt_div">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="main_title">分析类产品</div>
                        <div class="container">
                            <ul class="tab_title" id="tab_title2" style="justify-content: center;">
                                <li class="cur" style="margin:0 40px;">
                                    <!-- <a href="#" class="flex_div product_info"> -->
                                    <div class="product_img">
                                        <img class="img-fluid" src="./imgs//product-account-logoX3-12f5303ab9.png" />
                                    </div>
                                    <div>
                                        <div class="product_main_title">业务深度分析系统</div>
                                        <div class="product_sub_title">CECF Object</div>
                                    </div>
                                    <!-- </a> -->
                                </li>
                                <li>
                                    <!-- <a href="#" class="flex_div product_info"> -->
                                    <div class="product_img">
                                        <img class="img-fluid" src="./imgs//product-account-logoX3-12f5303ab9.png" />
                                    </div>
                                    <div>
                                        <div class="product_main_title">运维运营分析系统</div>
                                        <div class="product_sub_title">CECF Object</div>
                                    </div>
                                    <!-- </a> -->
                                </li>
                            </ul>
                            <div class="tab_con" id="tab_con2">
                                <div class="tab_level flex_div">
                                    <div class="lv">展示层</div>
                                    <ul class="lv_con flex_div_between">
                                        <li>统一认证</li>
                                        <li>视图管理</li>
                                        <li>个人工作台</li>
                                        <li>多语言</li>
                                        <li>大屏</li>
                                        <li>APP</li>
                                    </ul>
                                </div>
                                <div class="tab_level flex_div">
                                    <div class="lv">业务功能层</div>
                                    <ul class="lv_con1 flex_div_between">
                                        <li class="yewu yunying border">
                                            <h6>监控管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>告警展示</li>
                                                <li>告警处理</li>
                                                <li>告警阀值</li>
                                                <li>告警屏蔽</li>
                                                <li>告警订阅</li>
                                                <li>告警合并</li>
                                                <li>告警处理</li>
                                                <li>接入监控</li>
                                                <li>监控大厅</li>
                                                <li>自监控</li>
                                            </ul>
                                        </li>
                                        <li class="yewu border">
                                            <h6>操作管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>高危SQL执行</li>
                                                <li>任务管理</li>
                                                <li>自动巡检</li>
                                                <li>部署更新</li>
                                                <li>服务启停</li>
                                                <li>故障诊断</li>
                                                <li>日常命令操作</li>
                                                <li>配署文件管理</li>
                                            </ul>
                                        </li>
                                        <li class="yewu border">
                                            <h6>业务管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>服务监控分析</li>
                                                <li>业务影响管理</li>
                                                <li>业务健康度管</li>
                                                <li>业务可用性</li>
                                                <li>客户感知管理</li>
                                                <li>服务目录及水平</li>
                                                <li>业务端到端管理</li>
                                            </ul>
                                        </li>
                                        <li class="yewu border">
                                            <h6>运营分析中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>容量管理</li>
                                                <li>流程分析</li>
                                                <li>运维分析</li>
                                                <li>资源分析</li>
                                                <li>监控分析</li>
                                                <li>全网业务探测</li>
                                                <li>运行日志分析</li>
                                                <li>事务日志分析</li>
                                            </ul>
                                        </li>
                                        <li class="yunying">
                                            <h6>运维管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>标准化运维流程</li>
                                                <li>非功能需求管理</li>
                                                <li>值班管理</li>
                                                <li>作业计划</li>
                                                <li>知识库</li>
                                                <li>公告管理</li>
                                                <li>消息管理</li>
                                                <li>通讯录</li>
                                                <li>合作伙伴管理</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tab_level flex_div">
                                    <div class="lv">基础平台层</div>
                                    <div class="lv_con1 flex_div_between">
                                        <div class="con_left">
                                            <ul class="flex_div_between" style="width: 100%;">
                                                <li style="width:69%;" class="tance border web_app">
                                                    <h6>数据管控平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li style="width: 29%;">汇聚存储</li>
                                                        <li style="width: 29%;">数据处理</li>
                                                        <li style="width: 29%;">数据检索</li>
                                                        <li style="width:38%" class="flex_div_between">
                                                            <div class="lv">运维数据</div>
                                                            <ul style="flex:1;width: 100%;" class="flex_div_wrap">
                                                                <li style="width:48%;">工单数据</li>
                                                                <li style="width:48%;">资源数据</li>
                                                                <li style="width:48%;">告警数据</li>
                                                                <li style="width:48%;">性能数据</li>
                                                            </ul>
                                                        </li>
                                                        <li style="width:38%" class="flex_div_between">
                                                            <div class="lv">应用日志</div>
                                                            <ul style="flex:1;width: 100%;" class="flex_div_wrap">
                                                                <li style="width:48%;">数据库</li>
                                                                <li style="width:48%;">中间件</li>
                                                                <li style="width:48%;">应用</li>
                                                            </ul>
                                                        </li>
                                                        <li style="width:23%" class="flex_div_between">
                                                            <div class="lv">业务日志</div>
                                                            <ul style="flex:1;" class="flex_div_wrap">
                                                                <li>标准日志</li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="tcp" style="width:29%;">
                                                    <h6>流程平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>字段管理</li>
                                                        <li>代码管理</li>
                                                        <li>表单管理</li>
                                                        <li>规则管理</li>
                                                        <li>批量处理</li>
                                                        <li>流程设计</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul class="flex_div_between" style="width: 100%;">
                                                <li style="width:69%;" class="yewu yunying border">
                                                    <h6>采集平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>采集策略管理</li>
                                                        <li>采集组件管理</li>
                                                        <li>采集通信管理</li>
                                                        <li>采集模块管理</li>
                                                        <li>采集任务管理</li>
                                                    </ul>
                                                </li>
                                                <li style="width:29%;" class="yunying">
                                                    <h6>控制平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>控制指令管理</li>
                                                        <li>控制调度管理</li>
                                                        <li>控制历史管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="con_right">
                                            <ul>
                                                <li class="yunying">
                                                    <h6>资源管理</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>资源数据维护</li>
                                                        <li>资源全生命周期管理</li>
                                                        <li>资源自动发现</li>
                                                        <li>资源数据管理</li>
                                                        <li>关系模型管理</li>
                                                        <li>模型属性管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="yunying">
                                                    <h6>基础管理</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>域管理</li>
                                                        <li>安全管理</li>
                                                        <li>调度管理</li>
                                                        <li>帐护权限</li>
                                                        <li>日志管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="opt_div">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="main_title">运维类产品</div>
                        <div class="container">
                            <ul class="tab_title" id="tab_title3">
                                <li class="cur">
                                    <!-- <a href="#" class="flex_div product_info"> -->
                                    <div class="product_img">
                                        <img class="img-fluid" src="./imgs//product-account-logoX3-12f5303ab9.png" />
                                    </div>
                                    <div>
                                        <div class="product_main_title">操作控制系统</div>
                                        <div class="product_sub_title">CECF Object</div>
                                    </div>
                                    <!-- </a> -->
                                </li>
                                <li>
                                    <!-- <a href="#" class="flex_div product_info"> -->
                                    <div class="product_img">
                                        <img class="img-fluid" src="./imgs//product-account-logoX3-12f5303ab9.png" />
                                    </div>
                                    <div>
                                        <div class="product_main_title">网络割接系统</div>
                                        <div class="product_sub_title">CECF Object</div>
                                    </div>
                                    <!-- </a> -->
                                </li>
                                <li>
                                    <!-- <a href="#" class="flex_div product_info"> -->
                                    <div class="product_img">
                                        <img class="img-fluid" src="./imgs//product-account-logoX3-12f5303ab9.png" />
                                    </div>
                                    <div>
                                        <div class="product_main_title">知识库系统</div>
                                        <div class="product_sub_title">CECF Object</div>
                                    </div>
                                    <!-- </a> -->
                                </li>
                            </ul>
                            <div class="tab_con" id="tab_con3">
                                <div class="tab_level flex_div">
                                    <div class="lv">展示层</div>
                                    <ul class="lv_con flex_div_between">
                                        <li>统一认证</li>
                                        <li>视图管理</li>
                                        <li>个人工作台</li>
                                        <li>多语言</li>
                                        <li>大屏</li>
                                        <li>APP</li>
                                    </ul>
                                </div>
                                <div class="tab_level flex_div">
                                    <div class="lv">业务功能层</div>
                                    <ul class="lv_con1 flex_div_between">
                                        <li class="caozuo gejie zhishi border">
                                            <h6>监控管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>告警展示</li>
                                                <li>告警处理</li>
                                                <li>告警阀值</li>
                                                <li>告警屏蔽</li>
                                                <li>告警订阅</li>
                                                <li>告警合并</li>
                                                <li>告警处理</li>
                                                <li>接入监控</li>
                                                <li>监控大厅</li>
                                                <li>自监控</li>
                                            </ul>
                                        </li>
                                        <li class="caozuo border">
                                            <h6>操作管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>高危SQL执行</li>
                                                <li>任务管理</li>
                                                <li>自动巡检</li>
                                                <li>部署更新</li>
                                                <li>服务启停</li>
                                                <li>故障诊断</li>
                                                <li>日常命令操作</li>
                                                <li>配署文件管理</li>
                                            </ul>
                                        </li>
                                        <li class="caozuo gejie zhishi border">
                                            <h6>业务管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>服务监控分析</li>
                                                <li>业务影响管理</li>
                                                <li>业务健康度管</li>
                                                <li>业务可用性</li>
                                                <li>客户感知管理</li>
                                                <li>服务目录及水平</li>
                                                <li>业务端到端管理</li>
                                            </ul>
                                        </li>
                                        <li class="zhishi gejie">
                                            <h6>运营分析中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>容量管理</li>
                                                <li>流程分析</li>
                                                <li>运维分析</li>
                                                <li>资源分析</li>
                                                <li>监控分析</li>
                                                <li>全网业务探测</li>
                                                <li>运行日志分析</li>
                                                <li>事务日志分析</li>
                                            </ul>
                                        </li>
                                        <li class="zhishi">
                                            <h6>运维管理中心</h6>
                                            <ul class="flex_div_wrap">
                                                <li>标准化运维流程</li>
                                                <li>非功能需求管理</li>
                                                <li>值班管理</li>
                                                <li>作业计划</li>
                                                <li>知识库</li>
                                                <li>公告管理</li>
                                                <li>消息管理</li>
                                                <li>通讯录</li>
                                                <li>合作伙伴管理</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                                <div class="tab_level flex_div">
                                    <div class="lv">基础平台层</div>
                                    <div class="lv_con1 flex_div_between">
                                        <div class="con_left">
                                            <ul class="flex_div_between" style="width: 100%;">
                                                <li style="width:69%;" class="caozuo border">
                                                    <h6>数据管控平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li style="width: 29%;">汇聚存储</li>
                                                        <li style="width: 29%;">数据处理</li>
                                                        <li style="width: 29%;">数据检索</li>
                                                        <li style="width:38%" class="flex_div_between gejie">
                                                            <div class="lv">运维数据</div>
                                                            <ul style="flex:1;width: 100%;" class="flex_div_wrap">
                                                                <li style="width:48%;">工单数据</li>
                                                                <li style="width:48%;">资源数据</li>
                                                                <li style="width:48%;">告警数据</li>
                                                                <li style="width:48%;">性能数据</li>
                                                            </ul>
                                                        </li>
                                                        <li style="width:38%" class="flex_div_between zhishi">
                                                            <div class="lv">应用日志</div>
                                                            <ul style="flex:1;width: 100%;" class="flex_div_wrap">
                                                                <li style="width:48%;">数据库</li>
                                                                <li style="width:48%;">中间件</li>
                                                                <li style="width:48%;">应用</li>
                                                            </ul>
                                                        </li>
                                                        <li style="width:23%" class="flex_div_between">
                                                            <div class="lv">业务日志</div>
                                                            <ul style="flex:1;" class="flex_div_wrap">
                                                                <li>标准日志</li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="gejie" style="width:29%;">
                                                    <h6>流程平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>字段管理</li>
                                                        <li>代码管理</li>
                                                        <li>表单管理</li>
                                                        <li>规则管理</li>
                                                        <li>批量处理</li>
                                                        <li>流程设计</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul class="flex_div_between" style="width: 100%;">
                                                <li style="width:69%;" class="tance border">
                                                    <h6>采集平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>采集策略管理</li>
                                                        <li>采集组件管理</li>
                                                        <li>采集通信管理</li>
                                                        <li>采集模块管理</li>
                                                        <li>采集任务管理</li>
                                                    </ul>
                                                </li>
                                                <li style="width:29%;">
                                                    <h6>控制平台</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>控制指令管理</li>
                                                        <li>控制调度管理</li>
                                                        <li>控制历史管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="con_right">
                                            <ul>
                                                <li class="tcp web_app">
                                                    <h6>资源管理</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>资源数据维护</li>
                                                        <li>资源全生命周期管理</li>
                                                        <li>资源自动发现</li>
                                                        <li>资源数据管理</li>
                                                        <li>关系模型管理</li>
                                                        <li>模型属性管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="tcp">
                                                    <h6>基础管理</h6>
                                                    <ul class="flex_div_wrap">
                                                        <li>域管理</li>
                                                        <li>安全管理</li>
                                                        <li>调度管理</li>
                                                        <li>帐护权限</li>
                                                        <li>日志管理</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="opt_div">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <!-- <div class="swiper-pagination swiper-pagination-h"></div> -->

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev arrow"></div>
                <div class="swiper-button-next arrow"></div>
            </div>
        </div>
    </div>

    <div class="index-content index-mobile">
        <div class="framework-wrapper">
            <div class="framework-product-info-wrapper">
                <div class="framework-product-info project">
                    <a href="./tance/network_detail.html" class="framework-product-icon">
                        <div class="framework-product-icon-img">
                            <img class="lazy" src="./imgs/project-logo-60X3-0db7cecb56.png" width="60" height="60">
                        </div>
                        <div class="framework-product-icon-entittle">CECF Project</div>
                        <div class="framework-product-icon-cntittle">网络质量感知探测系统</div>
                    </a>
                    <div class="framework-product-introduction">CECF Project 建立综合的网络质量探测手段，全面评价网络质量 ，精准定位问题原因，快速解决故障
                    </div>
                    <a class="framework-product-detail" href="./tance/network_detail.html">了解详情
                        <div class="framework-product-detail-arrow"><img class="lazy"
                                src="./imgs/detail-iconX3-890c691a46.png" width="16" height="16"> <img class="lazy"
                                src="./imgs/detail-icon-hoverX3-93ffa0b30e.png" width="16" height="16">
                        </div>
                    </a>
                </div>
                <div class="framework-product-info project active" style="">
                    <a href="./tance/web_detail.html" class="framework-product-icon">
                        <div class="framework-product-icon-img">
                            <img class="lazy" src="./imgs/plan-logo-60X3-87a6a463e8.png" width="60" height="60">
                        </div>
                        <div class="framework-product-icon-entittle">CECF Project</div>
                        <div class="framework-product-icon-cntittle">WEB/APP仿真模拟探测系统</div>
                    </a>
                    <div class="framework-product-introduction">CECF Project 采用终端仿真探测方式，是基于GUI模拟营业员的真实体验，采用虚拟用户机制自动向系统发起业务操作，真正实现端到端的业务仿真探测。将系统性能和可用性细分到业务详细步骤，并在探测时获取页面截图，适用业务办理类和查询类业务
                    </div>
                    <a class="framework-product-detail" href="./tance/web_detail.html">了解详情<div
                            class="framework-product-detail-arrow"><img class="lazy"
                                src="./imgs/detail-iconX3-890c691a46.png" width="16" height="16"> <img class="lazy"
                                src="./imgs/detail-icon-hoverX3-93ffa0b30e.png" width="16" height="16">
                        </div></a>
                </div>
                <div class="framework-product-info project">
                    <a href="./tance/tcp_detail.html" class="framework-product-icon">
                        <div class="framework-product-icon-img">
                            <img class="lazy" src="./imgs/wiki-logo-60X3-2fe002ddbf.png" width="60" height="60">
                        </div>
                        <div class="framework-product-icon-entittle">CECF Project</div>
                        <div class="framework-product-icon-cntittle">协议探测平台</div>
                    </a>
                    <div class="framework-product-introduction">CECF Project 通信协议探测系统,通过HTTP等协议探测方式，获取系统性能和可用性数据，适用各类业务办理类和查询类业务，实现全天不间断探测
                    </div>
                    <a class="framework-product-detail" href="./tance/tcp_detail.html">了解详情<div
                            class="framework-product-detail-arrow"><img class="lazy"
                                src="./imgs/detail-iconX3-890c691a46.png" width="16" height="16"> <img class="lazy"
                                src="./imgs/detail-icon-hoverX3-93ffa0b30e.png" width="16" height="16">
                        </div></a>
                </div>
                <div class="framework-product-info project">
                    <a href="./analyses/yewu.html" class="framework-product-icon">
                        <div class="framework-product-icon-img">
                            <img class="lazy" src="./imgs/testcase-logo-60X3-4d916559e4.png" width="60" height="60">
                        </div>
                        <div class="framework-product-icon-entittle">CECF Project</div>
                        <div class="framework-product-icon-cntittle">业务深度分析系统</div>
                    </a>
                    <div class="framework-product-introduction">CECF Project 汇总客户全纬度监控数据，从应用出发，以全局视图，提供根因分析，处置建议
                    </div>
                    <a class="framework-product-detail" href="./analyses/yewu.html">了解详情<div
                            class="framework-product-detail-arrow"><img class="lazy"
                                src="./imgs/detail-iconX3-890c691a46.png" width="16" height="16"> <img class="lazy"
                                src="./imgs/detail-icon-hoverX3-93ffa0b30e.png" width="16" height="16">
                        </div></a>
                </div>
                <div class="framework-product-info project">
                    <a href="./analyses/yunying.html" class="framework-product-icon">
                        <div class="framework-product-icon-img">

                            <img class="lazy" src="./imgs/pipeline-logo-60X3-bb62b5e216.png" width="60" height="60">
                        </div>
                        <div class="framework-product-icon-entittle">CECF Project</div>
                        <div class="framework-product-icon-cntittle">运维运营分析系统</div>
                    </a>
                    <div class="framework-product-introduction">CECF Project 基于业务数据分析，判断市场行情和趋势，提升用户粘性</div>
                    <a class="framework-product-detail" href="./analyses/yunying.html">了解详情<div
                            class="framework-product-detail-arrow"><img class="lazy"
                                src="./imgs/detail-iconX3-890c691a46.png" width="16" height="16"> <img class="lazy"
                                src="./imgs/detail-icon-hoverX3-93ffa0b30e.png" width="16" height="16">
                        </div></a>
                </div>
                <div class="framework-product-info project">
                    <a href="./operation/operator.html" class="framework-product-icon">
                        <div class="framework-product-icon-img">

                            <img class="lazy" src="./imgs/performance-logo-60X3-c8d199ea92.png" width="60" height="60">
                        </div>
                        <div class="framework-product-icon-entittle">CECF Project</div>
                        <div class="framework-product-icon-cntittle">操作控制系统</div>
                    </a>
                    <div class="framework-product-introduction">CECF Project 以先进性、实用性、全面性及高效性为建设原则，实现贯穿性管理
                    </div>
                    <a class="framework-product-detail" href="./operation/operator.html">了解详情<div
                            class="framework-product-detail-arrow"><img class="lazy"
                                src="./imgs/detail-iconX3-890c691a46.png" width="16" height="16"> <img class="lazy"
                                src="./imgs/detail-icon-hoverX3-93ffa0b30e.png" width="16" height="16">
                        </div></a>
                </div>
                <div class="framework-product-info project">
                    <a href="./operation/network.html" class="framework-product-icon">
                        <div class="framework-product-icon-img">
                            <img class="lazy" src="./imgs/desk-logo-60X3-e9389c9d5f.png" width="60" height="60">
                        </div>
                        <div class="framework-product-icon-entittle">CECF Project</div>
                        <div class="framework-product-icon-cntittle">网络割接系统</div>
                    </a>
                    <div class="framework-product-introduction">CECF Project 自动化巡检防火墙、交换机、路由等设备
                    </div>
                    <a class="framework-product-detail" href="./operation/network.html">了解详情<div
                            class="framework-product-detail-arrow"><img class="lazy"
                                src="./imgs/detail-iconX3-890c691a46.png" width="16" height="16"> <img class="lazy"
                                src="./imgs/detail-icon-hoverX3-93ffa0b30e.png" width="16" height="16">
                        </div></a>
                </div>
                <div class="framework-product-info project">
                    <a href="./operation/knowledge.html" class="framework-product-icon">
                        <div class="framework-product-icon-img">
                            <img class="lazy" src="./imgs/account-logo-60X3-7ca124244a.png" width="60" height="60">
                        </div>
                        <div class="framework-product-icon-entittle">CECF Project</div>
                        <div class="framework-product-icon-cntittle">知识库系统</div>
                    </a>
                    <div class="framework-product-introduction">CECF Project xxxxxxxxx
                    </div>
                    <a class="framework-product-detail" href="./operation/knowledge.html">了解详情<div
                            class="framework-product-detail-arrow"><img class="lazy"
                                src="./imgs/detail-iconX3-890c691a46.png" width="16" height="16"> <img class="lazy"
                                src="./imgs/detail-icon-hoverX3-93ffa0b30e.png" width="16" height="16">
                        </div></a>
                </div>
            </div>
        </div>
    </div>


    <div class="footer">
        Copyright © 京ICP备15007694号 中电汇通版权所有
    </div>
    <!--通用底部导航-->
    <!-- <div id="footer"></div>
    <script type="text/javascript">
        $('#footer').load('componernt/footer.html')
    </script> -->
    <!--通用底部导航 结束-->
</body>

</html>