<!doctype html>
<html style="height: 100%">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=11">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords"  content="南昌手机app开发，手机APP开发公司，南昌爵沙科技有限公司、爵沙科技、南昌爵沙、博天堂体育公司、APP开发、外包公司、高端定制、企业网站"/>
    <meta name="Copyright" content="南昌爵沙科技有限公司" /> 
	<meta name="description" content="南昌爵沙科技有限公司是一家集计算机博天堂体育、技术咨询与服务 、网络运营于一体的科技公司,其主要专注于软件技术创新，寄情于网络IT，投身于互联网事业,主要为提供南昌手机app开发，手机移动博天堂体育、APP开发、软件外包、高端定制、企业网站等全方位的技术服务，爵沙软件肩负着南昌保税中心和农副产品交易中心互联网大数据和电商交易博天堂体育的重要任务.">
    <title>南昌爵沙博天堂体育_app开发_手机网站博天堂体育_软件外包定制公司</title>
    <script src="/html/html/img/img/about/css/js/jquery-1.8.2.min.js"></script>
    <link rel="stylesheet" href="/html/html/img/img/about/css/css/style.css">
    <link rel="stylesheet" href="/html/html/img/img/about/css/css/commont.css">
    <link rel="stylesheet" href="/html/html/img/img/about/css/css/aio_9296f24.css">
    <link rel="stylesheet" href="/html/html/img/img/about/css/css/bootstrop.min.css">
	<script>
		var _hmt = _hmt || [];
		(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.cnn/hm.js?12a0fd8ea6700e092d1ed500b48527b7";
		var s = document.getElementsByTagName("script")[0]; 
		s.parentNode.insertBefore(hm, s);
		})();
	</script>
</head>

<body class="height-z100">
        <h1 style="display: none"> 南昌爵沙博天堂体育</h1>
<div class="menu-shade-layer"></div>
    <div style="position: fixed;z-index: 103;top: 22px;">
        <span onclick="showMenu()">
            <img src="/html/html/img/img/about/css/img/cd_an.jpg" height="50" width="50" />
        </span>
    </div>
    <!-- 首页banner start-->
    <div class="height-z100">
        <div style="position: absolute;right: 2%;z-index: 103;top: 5%;">
            <img src="/html/html/img/img/about/css/img/LOGO.png" />
        </div>
        <!-- 菜单 start-->
        <div class="menu">
            <span onclick="hideMenu()">
                <img src="/html/html/img/img/about/css/img/cd_an02.jpg" height="50" width="50" style="margin-top: 22px" />
            </span>
            <div class='grain'></div>
            <div class='intro' style="display:none">
                <div class='center'>
                    <div class='pieces'>
                        <div class='future_ui__piece' data-to="slideBox">
                            <span>首页</span>
                        </div>
                        <div class='future_ui__piece' data-to="business">
                            <span>服务</span>
                        </div>
                        <div class='future_ui__piece' data-to="solution">
                            <span>解决方案</span>
                        </div>
                        <div class='future_ui__piece' data-to="technicalAbility">
                            <span>技术能力</span>
                        </div>
                        <div class='future_ui__piece' data-to="no-touch">
                            <span>服务流程</span>
                        </div>
                        <div class='future_ui__piece' data-to="about">
                            <span>关于我们</span>
                        </div>
                        <div class='future_ui__piece' data-to="contact">
                            <span>联系我们</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $('.future_ui__piece').on('click', function (e) {
                hideMenu();
                var target = e.target;
                var id = $(target).data("to");
                $('html,body').animate({
                    scrollTop: $('.' + id).offset().top
                }, 800);
            });
        </script>
        <!-- 菜单 end-->
        <div id="slideBox" class="slideBox">

            <div class="hd">
                <ul>
                    <li class="on"></li>
                    <li class=""></li>
                    <!--<li class=""></li>-->
                </ul>
            </div>
            <!--<div class="prev"><a href="javascript:void(0)"></a></div>-->
            <div class="bd">
                <ul>

                    <li style="display: list-item;">
                        <div id="banner1" class="height-z100" style="height: 100%; background:url('/html/html/img/img/about/css/img/background.jpg') no-repeat center center;">
                            <div id="particle-target"></div>
                            <img alt="logo" src="/html/html/img/img/about/css/img/banner_wz01.png" style="transform: translate3d(-69.2px, -126.07px, 440px) !important;width: 1868.40px!important;"
                            />
                        </div>
                    </li>
					<!--
                    <li style="display: none;background-color: black">
                        <video src="img/banner02.mp4" controls="controls" autoplay="autoplay" loop="loop" style="opacity: 0.5"></video>
                    </li>
					-->
                    <li style="display:none ; background: url(/html/html/img/img/about/css/img/banner03.jpg) no-repeat center/cover;background-size:100% 100%;">
                        <div style="margin: 0 auto;width: 746px;height: 230px;left: 30%;top: 38%;position: absolute;">
                            <img src="/html/html/img/img/about/css/img/banner_wz03.png" />
                        </div>
                    </li>
                </ul>
            </div>
            <!--<div class="next"><a href="javascript:void(0)"></a> </div>-->

        </div>
    </div>

    <script src="/html/html/img/img/about/css/js/jquery.SuperSlide.2.1.1.js"></script>

    <script src="/html/html/img/img/about/css/js/jquery.logosDistort.min.js"></script>
    <script src="/html/html/img/img/about/css/js/jquery.particleground.min.js"></script>
    <script type="text/javascript">
        $().ready(function () {
            // $(".menu").hide();
            $(".menu").hide();
        })
        // 轮播

        var ary = location.href.split("&");
        jQuery(".slideBox").slide({
            mainCell: ".bd ul",
            effect: ary[1],
            autoPlay: true,
            trigger: ary[3],
            easing: ary[4],
            delayTime: ary[5],
            mouseOverStop: ary[6],
            pnLoop: ary[7],
            interTime: 15000
        });
        //bannner1动效
        var particles = true,
            particleDensity,
            options = {
                effectWeight: 1,
                outerBuffer: 0.6,
                elementDepth: 220,
            };
        $(document).ready(function () {
            $("#banner1").logosDistort(options);
            if (particles) {
                particleDensity = window.outerWidth * 7.5;
                if (particleDensity < 13000) {
                    particleDensity = 13000;
                } else if (particleDensity > 20000) {
                    particleDensity = 20000;
                }
                return $('#particle-target').particleground({
                    dotColor: '#1ec5ee',
                    lineColor: '#0a4e90',
                    density: particleDensity.toFixed(0),
                    parallax: false
                });
            }
        });

        function showMenu() {
            // $(".menu").show();
            $(".menu").show();
			$(".intro").show();
            $(".menu-shade-layer").addClass("on");
            document.body.style.overflow='hidden';
        }

        function hideMenu() {
            // $(".menu").hide();
            $(".menu").hide();
            $(".menu-shade-layer").removeClass("on");
            document.body.style.overflowY='scroll';
        }

            $(document).keyup(function(event){
                switch(event.keyCode) {
                    case 27:
                        hideMenu();
                        break;
                }
            });

    </script>
    <script src="/html/html/img/img/about/css/js/jquery.easing.min.js" type="text/javascript"></script>
    <script src="/html/html/img/img/about/css/js/banner-1.js"></script>

    <!-- 首页banner end-->
    <!-- 服务态度 start-->
    <section class="business active">
        <div class="box" style="top: 169px;">
            <div class="caption">
                <img src="/html/html/img/img/about/css/img/business/fw_bt.png" height="87" width="208" style="margin-left: -78px;" />
                <!--<i></i><span>我们的服务态度</span>-->
                <br class="clear">
            </div>
            <ul class="items list-inline" style="width: 1148px;">
                <li class="pc">
                    <u class="cl"></u>
                    <u class="cr"></u>
                    <i></i>
                    <strong>高端定制网站</strong> <span>Website Construction</span>
                    <p>
                        <span style="border: 1px white solid;height: 0px;line-height: 0px;margin: -10px auto 16px auto;width: 150px;"></span>
                        <span data-text="根据使用环境对页面智能的布局">响应式网站</span>
                        <span data-text="高端定制综合性网站">高端门户网站</span>
                        <span data-text="打造企业的网络“名片”">高端企业网站</span>
                    </p>
                </li>
                <li class="mobi">
                    <u class="cl"></u>
                    <u class="cr"></u>
                    <i></i>
                    <strong>移动互联网研发</strong><span>Mobile Internet Development</span>
                    <p>
                        <span style="border: 1px white solid;height: 0px;line-height: 0px;margin: -10px auto 16px auto;width: 150px;"></span>
                        <span data-text="Android原生和混合性开发，更强的交互性体验">Android安卓应用开发</span>
                        <span data-text="iOS原生和混合性开发，更强的交互性体验">IOS苹果软件应用开发</span>
                        <span data-text="自适应网页制作">H5手机网站开发</span>
                    </p>
                </li>
                <li class="sys">
                    <u class="cl"></u>
                    <u class="cr"></u>
                    <i></i>
                    <strong>微信平台开发</strong><span>WeChat Development</span>
                    <p>
                        <span style="border: 1px white solid;height: 0px;line-height: 0px;margin: -10px auto 16px auto;width: 150px;"></span>
                        <span data-text="与用户群体实现沟通和互动">公众号</span>
                        <span data-text="即开即用，不需要下载安装">小程序</span>
                    </p>
                </li>
                <li class="app">
                    <u class="cl"></u>
                    <u class="cr"></u>
                    <i></i>
                    <strong>品牌VIS设计</strong><span>VIS Design</span>
                    <p>
                        <span style="border: 1px white solid;height: 0px;line-height: 0px;margin: -10px auto 16px auto;width: 150px;"></span>
                        <span data-text="根据企业文化设计符合企业文化理念的LOGO">Logo设计</span>
                        <span data-text="易拉宝、文化墙、名片设计">平面设计</span>
                        <span data-text="专业的网站设计">UI设计</span>
                        <br/>
                    </p>
                </li>
                <li class="host">
                    <u class="cl"></u>
                    <u class="cr"></u>
                    <i></i>
                    <strong>产品运营</strong><span>Project Operation</span>
                    <p>
                        <span style="border: 1px white solid;height: 0px;line-height: 0px;margin: -10px auto 16px auto;width: 150px;"></span>
                        <span data-text="内容策划、内容创意、内容编辑">内容运营</span>
                        <span data-text="通过活动提高项目留存、活跃度">活动运营</span>
                        <span data-text="立足于用户数据制定运营目标和战略">用户运营</span>
                    </p>
                </li>
                <li class="sev">
                    <u class="cl"></u>
                    <u class="cr"></u>
                    <i></i>
                    <strong>增值服务</strong><span>Value-added Services</span>
                    <p>
                        <span style="border: 1px white solid;height: 0px;line-height: 0px;margin: -10px auto 16px auto;width: 150px;"></span>
                        <span data-text="改善负载均衡方案，提高系统的容错性和快速恢复">系统维护与管理</span>
                        <span data-text="针对公司特有业务对系统进行定制化修改和扩展">系统平台二次开发</span>
                    </p>
                </li>
            </ul>
            <label>
                <div style="border: 1px #b7b7b7 dashed;margin-bottom: 22px"></div>
                <span id="business-lable">根据使用环境对页面智能的布局</span>
            </label>
        </div>
    </section>


    <script>
        $().ready(function () {
            var interval;
            $(".business .items li").hover(function () {
                var $eles = $(this).find("p span");
                var index = 1;
                interval = setInterval(function () {
                    var $ele = $($eles.get(index++));
                    $ele.addClass("active");
                    for (var i = 1; i < $eles.length; i++) {
                        if ($eles[i] != $ele[0]) {
                            $($eles.get(i)).removeClass("active")
                        }
                    }
                    var text = $ele.data("text");
                    $("#business-lable").text(text);
                    if (index == $eles.length) {
                        index = 1;
                    }
                }, 1500)
            }, function () {
                clearInterval(interval);
                $("#business-lable").text("根据使用环境对页面智能的布局");
            })
        })
    </script>

    <!-- 服务态度 end-->

    <!-- 解决方案 start-->
    <div class="solution">
        <div class="margin-auto width-200 margin-b-40">
            <img src="/html/html/img/img/about/css/img/fa_bt.png" height="87" width="189" />
        </div>
        <div class="solution-content">
            <div class="projects-container">
                <ul>
                    <li class="cd-single-project" onclick="showChildren(1)">
                        <div class="cd-title">
                            <h2>商城</h2>
                            <p>会员中心 商家中心 商品中心 促销优惠 分销系统 财务系统 运营统计</p>
                        </div>
                        <!-- .cd-title -->
                    </li>

                    <li class="cd-single-project" onclick="showChildren(2)">
                        <div class="cd-title">
                            <h2>官网</h2>
                            <p>个性首页 产品展示 文章管理 广告管理</p>
                        </div>
                        <!-- .cd-title -->
                    </li>

                    <li class="cd-single-project" onclick="showChildren(3)">
                        <div class="cd-title">
                            <h2>社区</h2>
                            <p>帖子分类 话题圈 社区O2O</p>
                        </div>
                        <!-- .cd-title -->
                    </li>

                    <li class="cd-single-project" onclick="showChildren(4)">
                        <div class="cd-title">
                            <h2>IM</h2>
                            <p>即时通讯 智能客服 消息管理 聊天室</p>
                        </div>
                        <!-- .cd-title -->
                    </li>
                    <li class="cd-single-project" onclick="showChildren(5)">
                        <div class="cd-title">
                            <h2>支付</h2>
                            <p>多支付渠道 账户管理中心 即时结算 电子钱包</p>
                        </div>
                        <!-- .cd-title -->

                    </li>
                </ul>
            </div>
            <!-- .project-container -->
            <!-- 手风琴效果 start-->
            <div class="jquery-script-clear"></div>
            <!--<span id="close" onclick="hideChildren()">-->
                <!--<img src="/html/html/img/img/about/css/img/fa_gb.png" style="position: absolute;z-index: 7;left: 96%;top: 20%;" />-->
            <!--</span>-->
            <!--<div class="container wrapper-banner">-->

                <!--<div class="fsbanner shopping" id="fsbanner">-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>会员中心</p><span class="name-text">会员基本信息和等级管理</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>商家中心</p><span class="name-text">合作商家管理中心</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>商品中心</p><span class="name-text">商品管理中心</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>促销优惠</p><span class="name-text">折扣、满送、优惠券等促销活动管理</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>分销系统</p><span class="name-text">商城收益结算管理</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>财务系统</p><span class="name-text">商城多方账务往来和账户管理</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>运营统计</p><span class="name-text">根据运营所需多维度统计分析商城情况</span></span>-->
                    <!--</div>-->

                <!--</div>-->
                <!--<div class="fsbanner website" id="fsbanner1">-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>个性首页</p><span class="name-text">定制化首页设计</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>产品展示</p><span class="name-text">可自定义产品参数及相关内容</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>文章管理</p><span class="name-text">管理网站各类文章</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>广告管理</p><span class="name-text">管理网站广告内容</span></span>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="fsbanner community" id="fsbanner2">-->
                    <!--<div class="group-article">-->
                        <!--<span class="name">-->
                            <!--<p class="title">帖子分类</p><span class="name-text">分类管理帖子</span></span>-->
                    <!--</div>-->
                    <!--<div class="topic-circle" >-->
                        <!--<span class="name">-->
                            <!--<p class="title">话题圈</p><span class="name-text">以话题为主的讨论交流圈</span></span>-->
                    <!--</div>-->
                    <!--<div class="shequ">-->
                        <!--<span class="name">-->
                            <!--<p style="width: 60px" class="title">社区o2o</p><span class="name-text">将社区消费内容与互联网结合</span></span>-->
                    <!--</div>-->

                <!--</div>-->
                <!--<div class="fsbanner chat" id="fsbanner3">-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>即时通讯</p>-->
                            <!--<span class="name-text">支持文字、图片、表情、文件传输</span>-->
                        <!--</span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>智能客服</p><span class="name-text">自定义快捷回复解答客户疑问</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>消息管理</p><span class="name-text">查看和管理您的各类消息</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>聊天室</p><span class="name-text">同时在线多人互动聊天平台</span></span>-->
                    <!--</div>-->

                <!--</div>-->
                <!--<div class="fsbanner payment" id="fsbanner4">-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>多支付渠道</p><span class="name-text">网银、微信、支付宝快捷支付等多渠道支付形式</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>账户管理</p><span class="name-text">多账户体系管理系统</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>即时结算</p><span class="name-text">即时支付，实时到账</span></span>-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<span class="name">-->
                            <!--<p>电子钱包</p><span class="name-text">用于消费和记录收付往来的账目、清单和其他数据</span></span>-->
                    <!--</div>-->

                <!--</div>-->
            <!--</div>-->

            <script src="/html/html/img/img/about/css/js/fsbanner.js"></script>
            <script>
                $(function () {
                    $.each($(".fsbanner"), function (index, ele) {
                        $(ele).fsBanner({
                            'trigger': 'mouse'
                        })
                    });
                    $('.container').hide();
                    $('#close').hide();
                });
                    // function showChildren(date) {
                    //     $('.projects-container').hide();
                    //     $('#close').show();
                    //     switch (date) {
                    //         case 1:
                    //             $('.container').show();
                    //             $('#fsbanner').show();
                    //             $('#fsbanner1').hide();
                    //             $('#fsbanner2').hide();
                    //             $('#fsbanner3').hide();
                    //             $('#fsbanner4').hide();
                    //             break;
                    //         case 2:
                    //             $('.container').show();
                    //             $('#fsbanner1').show();
                    //             $('#fsbanner').hide();
                    //             $('#fsbanner2').hide();
                    //             $('#fsbanner3').hide();
                    //             $('#fsbanner4').hide();
                    //             break;
                    //         case 3:
                    //             $('.container').show();
                    //             $('#fsbanner2').show();
                    //             $('#fsbanner').hide();
                    //             $('#fsbanner1').hide();
                    //             $('#fsbanner3').hide();
                    //             $('#fsbanner4').hide();
                    //             break;
                    //         case 4:
                    //             $('.container').show();
                    //             $('#fsbanner3').show();
                    //             $('#fsbanner').hide();
                    //             $('#fsbanner1').hide();
                    //             $('#fsbanner2').hide();
                    //             $('#fsbanner4').hide();
                    //             break;
                    //         case 5:
                    //             $('.container').show();
                    //             $('#fsbanner4').show();
                    //             $('#fsbanner').hide();
                    //             $('#fsbanner1').hide();
                    //             $('#fsbanner2').hide();
                    //             $('#fsbanner3').hide();
                    //             break;
                    //     }
                    //     document.body.style.overflow='hidden';
                    // }

                    // function hideChildren() {
                    //     $('.container').hide()
                    //     $('.projects-container').show();
                    //     $('#close').hide();
                    //     document.body.style.overflowY='scroll';
                    // }

            </script>
            <!-- 手风琴效果 start-->
        </div>
    </div>
    <script src="/html/html/img/img/about/css/js/solution.js"></script>
    <!-- 解决方案 end-->
    <!-- 技术能力 start-->
    <div class="technicalAbility " style="height:850px;overflow: hidden;">
        <div id="fullpage" class="height-z100">
            <div class="section fp-section fp-table active height-z100">
                <div class="fp-tableCell height-z100">
                    <div class="screen-3">
                        <img src="/html/html/img/img/about/css/img/section/nl_bt.png" style="display:block;margin-left: 45%;padding-top: 70px;" />
                        <ul style="display:inline-block;margin:55px auto 0 auto;">
                            <li id="user" class="sonActive" onmouseover="showSon(1)">用户体验</li>
                            <li id="frame" onmouseover="showSon(2)">前端框架</li>
                            <li id="technology" onmouseover="showSon(3)">核心技术</li>
                        </ul>
                        <div class="screen-3-content active" style="display: block;">

                            <div class="pixi">

                                <div class="ten-year-with"></div>
                                <div class="round-container rotateouter" id="user-child">
                                    <div class="pixi-item item-1 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_hx_bt01.png" />
                                            </p>

                                            <p class="text">内容设计</p>

                                        </div>

                                    </div>
                                    <div class="pixi-item item-2 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_hx_bt02.png" />
                                            </p>

                                            <p class="text">视觉设计</p>


                                        </div>

                                    </div>
                                    <div class="pixi-item item-3 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_hx_bt03.png" />
                                            </p>

                                            <p class="text">情感化设计</p>
                                        </div>

                                    </div>
                                    <div class="pixi-item item-5 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_hx_bt05.png" />
                                            </p>

                                            <p class="text">交互体验设计</p>

                                        </div>

                                    </div>
                                    <div class="pixi-item item-4 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_hx_bt04.png" />
                                            </p>

                                            <p class="text">高保真的原型设计</p>

                                        </div>

                                    </div>
                                </div>
                                <div class="round-container rotateouter" id="frame-child">
                                    <div class="pixi-item item-1 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_qd_bt01.png" />
                                            </p>

                                            <p class="text">vue</p>

                                        </div>

                                    </div>
                                    <div class="pixi-item item-2 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_qd_bt02.png" />
                                            </p>

                                            <p class="text">ionic</p>


                                        </div>

                                    </div>
                                    <div class="pixi-item item-3 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_qd_bt03.png" />
                                            </p>

                                            <p class="text">angular</p>
                                        </div>

                                    </div>
                                    <div class="pixi-item item-5 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_qd_bt05.png" />
                                            </p>

                                            <p class="text">React Native</p>

                                        </div>

                                    </div>
                                    <div class="pixi-item item-4 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/nl_qd_bt04.png" />
                                            </p>

                                            <p class="text">bootstrap</p>

                                        </div>

                                    </div>
                                </div>
                                <div class="round-container rotateouter" id="technology-child">
                                    <div class="pixi-item item-1 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/yh_yh_tb01.png" />
                                            </p>

                                            <p class="text">微服务架构</p>

                                        </div>

                                    </div>
                                    <div class="pixi-item item-2 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/yh_yh_tb02.png" />
                                            </p>

                                            <p class="text">前后端分离</p>


                                        </div>

                                    </div>
                                    <div class="pixi-item item-3 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/yh_yh_tb03.png" />
                                            </p>

                                            <p class="text">领域驱动设计</p>
                                        </div>

                                    </div>
                                    <div class="pixi-item item-5 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/yh_yh_tb04.png" />
                                            </p>

                                            <p class="text">集群解决方案</p>

                                        </div>

                                    </div>
                                    <div class="pixi-item item-4 rotateinner">

                                        <div class="inner emphasize">

                                            <p class="year">
                                                <img src="/html/html/img/img/about/css/img/section/yh_yh_tb05.png">
                                            </p>

                                            <p class="text">?大数据全文检索</p>

                                        </div>

                                    </div>
                                </div>

                                <div class="pixi-inner">
                                    <svg width="680" height="680" class="PiMap">
                                        <circle transform="translate(488.66330711276674,579.7905263044547)" r="2"></circle>
                                        <circle transform="translate(607.6713314808923,430.6486870623071)" r="2"></circle>
                                        <circle transform="translate(261.14252438682763,134.89965437706738)" r="2"></circle>
                                        <circle transform="translate(139.42811256160903,118.98820594812433)" r="2"></circle>
                                        <circle transform="translate(261.54630210025374,659.1929447347966)" r="2"></circle>
                                        <circle transform="translate(162.08262415421748,176.67467978686096)" r="2"></circle>
                                        <circle transform="translate(615.5767009437351,506.97364540004264)" r="2"></circle>
                                        <circle transform="translate(426.63119299628005,521.7963361981786)" r="2"></circle>
                                        <circle transform="translate(287.20955518498124,136.35009714517793)" r="2"></circle>
                                        <circle transform="translate(119.19912476001838,184.82003044255453)" r="2"></circle>
                                        <circle transform="translate(403.4004538637258,146.82388370002178)" r="2"></circle>
                                        <circle transform="translate(110.57418162031308,293.16142448120746)" r="2"></circle>
                                        <circle transform="translate(501.3531895445528,183.10818920093422)" r="2"></circle>
                                        <circle transform="translate(525.2339855134967,85.65187534963256)" r="2"></circle>
                                        <circle transform="translate(621.2638802905507,494.4329688960532)" r="2"></circle>
                                        <circle transform="translate(489.9753056603002,618.4454069074342)" r="2"></circle>
                                        <circle transform="translate(415.7295959001678,604.0149696522178)" r="2"></circle>
                                        <circle transform="translate(269.77471567091754,46.26672375174798)" r="2"></circle>
                                        <circle transform="translate(485.268498482597,561.2072180655591)" r="2"></circle>
                                        <circle transform="translate(274.72248305498346,96.97020339378818)" r="2"></circle>
                                        <circle transform="translate(654.1378788325063,433.94642840252334)" r="2"></circle>
                                        <circle transform="translate(436.9086091976522,653.4912089474111)" r="2"></circle>
                                        <circle transform="translate(79.80113780963926,508.0693085723228)" r="2"></circle>
                                        <circle transform="translate(530.4847981900207,456.84943564801205)" r="2"></circle>
                                        <circle transform="translate(463.8019818113786,179.59326019509993)" r="2"></circle>
                                        <circle transform="translate(277.52561164052685,563.0572549454382)" r="2"></circle>
                                        <circle transform="translate(132.5686732370486,102.11135619932806)" r="2"></circle>
                                        <circle transform="translate(368.0634199391877,621.7796234318953)" r="2"></circle>
                                        <circle transform="translate(474.5314714203718,561.9521372861636)" r="2"></circle>
                                        <circle transform="translate(231.21604151194674,592.3697051170622)" r="2"></circle>
                                        <circle transform="translate(538.4262409071167,305.36555160461677)" r="2"></circle>
                                        <circle transform="translate(242.27752402920098,535.6934075149672)" r="2"></circle>
                                        <circle transform="translate(524.0590090544372,247.70980706687322)" r="2"></circle>
                                        <circle transform="translate(588.9748101023654,108.49763076967622)" r="2"></circle>
                                        <circle transform="translate(521.8489172418574,114.10400213046071)" r="2"></circle>
                                        <circle transform="translate(519.2252370257222,463.6054688089814)" r="2"></circle>
                                        <circle transform="translate(141.62252111932736,127.68819958149103)" r="2"></circle>
                                        <circle transform="translate(162.31433895635527,163.562947944565)" r="2"></circle>
                                        <circle transform="translate(265.7006831158439,548.4277214551821)" r="2"></circle>
                                        <circle transform="translate(354.2526531278613,598.5390099362171)" r="2"></circle>
                                        <circle transform="translate(67.91058490251301,305.96224536617365)" r="2"></circle>
                                        <circle transform="translate(296.2850310696654,113.26104306046642)" r="2"></circle>
                                        <circle transform="translate(455.0359710403653,122.54530378921527)" r="2"></circle>
                                        <circle transform="translate(493.2134771810885,168.41976058855153)" r="2"></circle>
                                        <circle transform="translate(604.2829032802276,323.34885520936393)" r="2"></circle>
                                        <circle transform="translate(264.274207529022,89.49041149517376)" r="2"></circle>
                                        <circle transform="translate(76.08921898152532,515.2356209279042)" r="2"></circle>
                                        <circle transform="translate(156.76600489836522,153.1064688629257)" r="2"></circle>
                                        <circle transform="translate(550.5852957878304,399.94388213003725)" r="2"></circle>
                                        <circle transform="translate(242.39533081979957,646.9257279512589)" r="2"></circle>
                                        <circle transform="translate(218.60884207672606,618.9261870333057)" r="2"></circle>
                                        <circle transform="translate(535.4197087743808,198.60836155480732)" r="2"></circle>
                                        <circle transform="translate(451.29628300231445,552.0088075623763)" r="2"></circle>
                                        <circle transform="translate(96.34695961229627,342.5841342360251)" r="2"></circle>
                                        <circle transform="translate(585.8735490581096,382.02295200422424)" r="2"></circle>
                                        <circle transform="translate(72.9792278991335,268.4356660213358)" r="2"></circle>
                                        <circle transform="translate(331.9923160029164,61.29454025623366)" r="2"></circle>
                                        <circle transform="translate(568.4979517894712,338.5334010988671)" r="2"></circle>
                                        <circle transform="translate(248.64484156006142,665.9099595396449)" r="2"></circle>
                                        <circle transform="translate(94.38819508289212,574.1071856378077)" r="2"></circle>
                                        <circle transform="translate(511.60608849488415,503.7186941564509)" r="2"></circle>
                                        <circle transform="translate(129.73110039596986,154.37659969933378)" r="2"></circle>
                                        <circle transform="translate(426.7941053720514,540.5167487169036)" r="2"></circle>
                                        <circle transform="translate(84.78120917615334,236.4727206026105)" r="2"></circle>
                                        <circle transform="translate(292.87610334054824,31.461405448009554)" r="2"></circle>
                                        <circle transform="translate(279.6214746008014,580.1854873604374)" r="2"></circle>
                                        <circle transform="translate(641.4924773282627,279.38960560257766)" r="2"></circle>
                                        <circle transform="translate(288.18131814894207,619.5442997307781)" r="2"></circle>
                                        <circle transform="translate(339.5173849289367,579.7874931263854)" r="2"></circle>
                                        <circle transform="translate(460.65707070882576,167.61805317570932)" r="2"></circle>
                                        <circle transform="translate(117.3703218307397,174.65389371713783)" r="2"></circle>
                                        <circle transform="translate(149.00590044582228,176.57758434492402)" r="2"></circle>
                                        <circle transform="translate(180.88613109314545,462.8607076611161)" r="2"></circle>
                                        <circle transform="translate(486.4420026448515,95.34529630411039)" r="2"></circle>
                                        <circle transform="translate(580.3450667496826,103.67273260256722)" r="2"></circle>
                                        <circle transform="translate(451.5302230035999,26.344808136988)" r="2"></circle>
                                        <circle transform="translate(136.89369617800315,185.76938169282147)" r="2"></circle>
                                        <circle transform="translate(517.5235079889374,188.63908183467592)" r="2"></circle>
                                        <circle transform="translate(101.32180602821875,280.72289909790584)" r="2"></circle>
                                        <circle transform="translate(586.153951518929,267.8766167379601)" r="2"></circle>
                                        <circle transform="translate(364.68196058346393,42.93590329812061)" r="2"></circle>
                                        <circle transform="translate(440.9545663086688,557.9433915997146)" r="2"></circle>
                                        <circle transform="translate(443.17210209612176,650.0720646461773)" r="2"></circle>
                                        <circle transform="translate(310.6326403787593,550.8801771839912)" r="2"></circle>
                                        <circle transform="translate(272.19880234238633,552.2489629093559)" r="2"></circle>
                                        <circle transform="translate(228.90295447353205,529.6432852718436)" r="2"></circle>
                                        <circle transform="translate(72.33853811659654,223.60521258182484)" r="2"></circle>
                                        <circle transform="translate(670.8493833417667,404.3261136801449)" r="2"></circle>
                                        <circle transform="translate(410.5679883166572,583.9824463506465)" r="2"></circle>
                                        <circle transform="translate(128.03127246070727,110.34457129422344)" r="2"></circle>
                                        <circle transform="translate(368.14205995181004,137.42108489182476)" r="2"></circle>
                                        <circle transform="translate(292.1661459262004,76.43570288133111)" r="2"></circle>
                                        <circle transform="translate(374.41333095622105,51.18200810439612)" r="2"></circle>
                                        <circle transform="translate(190.99961663527202,202.1496457866852)" r="2"></circle>
                                        <circle transform="translate(178.93989534993443,74.10418189737373)" r="2"></circle>
                                        <circle transform="translate(536.044714180642,417.362659823348)" r="2"></circle>
                                        <circle transform="translate(17.81233253497011,429.5755392428347)" r="2"></circle>
                                        <circle transform="translate(352.93899095084976,640.9136019904244)" r="2"></circle>
                                        <circle transform="translate(77.14726260752501,405.38453308083524)" r="2"></circle>
                                        <g>
                                            <path class="draw-bg" d="M488.66330711276674,579.7905263044547L485.268498482597,561.2072180655591L474.5314714203718,561.9521372861636Z"></path>
                                            <path class="draw-bg" d="M607.6713314808923,430.6486870623071L536.044714180642,417.362659823348L530.4847981900207,456.84943564801205Z"></path>
                                            <path class="draw-bg" d="M607.6713314808923,430.6486870623071L654.1378788325063,433.94642840252334L670.8493833417667,404.3261136801449Z"></path>
                                            <path class="draw-bg" d="M607.6713314808923,430.6486870623071L670.8493833417667,404.3261136801449L585.8735490581096,382.02295200422424Z"></path>
                                            <path class="draw-bg" d="M607.6713314808923,430.6486870623071L585.8735490581096,382.02295200422424L550.5852957878304,399.94388213003725Z"></path>
                                            <path class="draw-bg" d="M607.6713314808923,430.6486870623071L550.5852957878304,399.94388213003725L536.044714180642,417.362659823348Z"></path>
                                            <path class="draw-bg" d="M261.14252438682763,134.89965437706738L178.93989534993443,74.10418189737373L156.76600489836522,153.1064688629257Z"></path>
                                            <path class="draw-bg" d="M261.14252438682763,134.89965437706738L156.76600489836522,153.1064688629257L162.31433895635527,163.562947944565Z"></path>
                                            <path class="draw-bg" d="M261.14252438682763,134.89965437706738L162.31433895635527,163.562947944565L190.99961663527202,202.1496457866852Z"></path>
                                            <path class="draw-bg" d="M261.14252438682763,134.89965437706738L190.99961663527202,202.1496457866852L287.20955518498124,136.35009714517793Z"></path>
                                            <path class="draw-bg" d="M261.14252438682763,134.89965437706738L287.20955518498124,136.35009714517793L274.72248305498346,96.97020339378818Z"></path>
                                            <path class="draw-bg" d="M261.14252438682763,134.89965437706738L274.72248305498346,96.97020339378818L264.274207529022,89.49041149517376Z"></path>
                                            <path class="draw-bg" d="M261.14252438682763,134.89965437706738L264.274207529022,89.49041149517376L178.93989534993443,74.10418189737373Z"></path>
                                            <path class="draw-bg" d="M139.42811256160903,118.98820594812433L128.03127246070727,110.34457129422344L141.62252111932736,127.68819958149103Z"></path>
                                            <path class="draw-bg" d="M139.42811256160903,118.98820594812433L132.5686732370486,102.11135619932806L128.03127246070727,110.34457129422344Z"></path>
                                            <path class="draw-bg" d="M261.54630210025374,659.1929447347966L242.39533081979957,646.9257279512589L248.64484156006142,665.9099595396449Z"></path>
                                            <path class="draw-bg" d="M261.54630210025374,659.1929447347966L352.93899095084976,640.9136019904244L288.18131814894207,619.5442997307781Z"></path>
                                            <path class="draw-bg" d="M162.08262415421748,176.67467978686096L190.99961663527202,202.1496457866852L162.31433895635527,163.562947944565Z"></path>
                                            <path class="draw-bg" d="M162.08262415421748,176.67467978686096L162.31433895635527,163.562947944565L149.00590044582228,176.57758434492402Z"></path>
                                            <path class="draw-bg" d="M426.63119299628005,521.7963361981786L180.88613109314545,462.8607076611161L310.6326403787593,550.8801771839912Z"></path>
                                            <path class="draw-bg" d="M426.63119299628005,521.7963361981786L538.4262409071167,305.36555160461677L180.88613109314545,462.8607076611161Z"></path>
                                            <path class="draw-bg" d="M287.20955518498124,136.35009714517793L190.99961663527202,202.1496457866852L368.14205995181004,137.42108489182476Z"></path>
                                            <path class="draw-bg" d="M287.20955518498124,136.35009714517793L368.14205995181004,137.42108489182476L296.2850310696654,113.26104306046642Z"></path>
                                            <path class="draw-bg" d="M287.20955518498124,136.35009714517793L296.2850310696654,113.26104306046642L274.72248305498346,96.97020339378818Z"></path>
                                            <path class="draw-bg" d="M119.19912476001838,184.82003044255453L136.89369617800315,185.76938169282147L117.3703218307397,174.65389371713783Z"></path>
                                            <path class="draw-bg" d="M403.4004538637258,146.82388370002178L368.14205995181004,137.42108489182476L190.99961663527202,202.1496457866852Z"></path>
                                            <path class="draw-bg" d="M403.4004538637258,146.82388370002178L190.99961663527202,202.1496457866852L463.8019818113786,179.59326019509993Z"></path>
                                            <path class="draw-bg" d="M403.4004538637258,146.82388370002178L463.8019818113786,179.59326019509993L460.65707070882576,167.61805317570932Z"></path>
                                            <path class="draw-bg" d="M403.4004538637258,146.82388370002178L460.65707070882576,167.61805317570932L455.0359710403653,122.54530378921527Z"></path>
                                            <path class="draw-bg" d="M403.4004538637258,146.82388370002178L455.0359710403653,122.54530378921527L374.41333095622105,51.18200810439612Z"></path>
                                            <path class="draw-bg" d="M403.4004538637258,146.82388370002178L374.41333095622105,51.18200810439612L368.14205995181004,137.42108489182476Z"></path>
                                            <path class="draw-bg" d="M110.57418162031308,293.16142448120746L101.32180602821875,280.72289909790584L67.91058490251301,305.96224536617365Z"></path>
                                            <path class="draw-bg" d="M110.57418162031308,293.16142448120746L67.91058490251301,305.96224536617365L96.34695961229627,342.5841342360251Z"></path>
                                            <path class="draw-bg" d="M110.57418162031308,293.16142448120746L96.34695961229627,342.5841342360251L180.88613109314545,462.8607076611161Z"></path>
                                            <path class="draw-bg" d="M110.57418162031308,293.16142448120746L180.88613109314545,462.8607076611161L190.99961663527202,202.1496457866852Z"></path>
                                            <path class="draw-bg" d="M525.2339855134967,85.65187534963256L451.5302230035999,26.344808136988L486.4420026448515,95.34529630411039Z"></path>
                                            <path class="draw-bg" d="M525.2339855134967,85.65187534963256L486.4420026448515,95.34529630411039L521.8489172418574,114.10400213046071Z"></path>
                                            <path class="draw-bg" d="M525.2339855134967,85.65187534963256L521.8489172418574,114.10400213046071L580.3450667496826,103.67273260256722Z"></path>
                                            <path class="draw-bg" d="M525.2339855134967,85.65187534963256L580.3450667496826,103.67273260256722L451.5302230035999,26.344808136988Z"></path>
                                            <path class="draw-bg" d="M415.7295959001678,604.0149696522178L368.0634199391877,621.7796234318953L436.9086091976522,653.4912089474111Z"></path>
                                            <path class="draw-bg" d="M269.77471567091754,46.26672375174798L178.93989534993443,74.10418189737373L264.274207529022,89.49041149517376Z"></path>
                                            <path class="draw-bg" d="M269.77471567091754,46.26672375174798L264.274207529022,89.49041149517376L292.1661459262004,76.43570288133111Z"></path>
                                            <path class="draw-bg" d="M274.72248305498346,96.97020339378818L296.2850310696654,113.26104306046642L292.1661459262004,76.43570288133111Z"></path>
                                            <path class="draw-bg" d="M274.72248305498346,96.97020339378818L292.1661459262004,76.43570288133111L264.274207529022,89.49041149517376Z"></path>
                                            <path class="draw-bg" d="M79.80113780963926,508.0693085723228L17.81233253497011,429.5755392428347L76.08921898152532,515.2356209279042Z"></path>
                                            <path class="draw-bg" d="M530.4847981900207,456.84943564801205L519.2252370257222,463.6054688089814L511.60608849488415,503.7186941564509Z"></path>
                                            <path class="draw-bg" d="M463.8019818113786,179.59326019509993L190.99961663527202,202.1496457866852L538.4262409071167,305.36555160461677Z"></path>
                                            <path class="draw-bg" d="M463.8019818113786,179.59326019509993L538.4262409071167,305.36555160461677L524.0590090544372,247.70980706687322Z"></path>
                                            <path class="draw-bg" d="M463.8019818113786,179.59326019509993L493.2134771810885,168.41976058855153L460.65707070882576,167.61805317570932Z"></path>
                                            <path class="draw-bg" d="M277.52561164052685,563.0572549454382L279.6214746008014,580.1854873604374L310.6326403787593,550.8801771839912Z"></path>
                                            <path class="draw-bg" d="M277.52561164052685,563.0572549454382L310.6326403787593,550.8801771839912L272.19880234238633,552.2489629093559Z"></path>
                                            <path class="draw-bg" d="M368.0634199391877,621.7796234318953L354.2526531278613,598.5390099362171L352.93899095084976,640.9136019904244Z"></path>
                                            <path class="draw-bg" d="M231.21604151194674,592.3697051170622L242.27752402920098,535.6934075149672L228.90295447353205,529.6432852718436Z"></path>
                                            <path class="draw-bg" d="M538.4262409071167,305.36555160461677L190.99961663527202,202.1496457866852L180.88613109314545,462.8607076611161Z"></path>
                                            <path class="draw-bg" d="M538.4262409071167,305.36555160461677L536.044714180642,417.362659823348L550.5852957878304,399.94388213003725Z"></path>
                                            <path class="draw-bg" d="M538.4262409071167,305.36555160461677L550.5852957878304,399.94388213003725L568.4979517894712,338.5334010988671Z"></path>
                                            <path class="draw-bg" d="M242.27752402920098,535.6934075149672L265.7006831158439,548.4277214551821L310.6326403787593,550.8801771839912Z"></path>
                                            <path class="draw-bg" d="M242.27752402920098,535.6934075149672L310.6326403787593,550.8801771839912L180.88613109314545,462.8607076611161Z"></path>
                                            <path class="draw-bg" d="M242.27752402920098,535.6934075149672L180.88613109314545,462.8607076611161L228.90295447353205,529.6432852718436Z"></path>
                                            <path class="draw-bg" d="M588.9748101023654,108.49763076967622L451.5302230035999,26.344808136988L580.3450667496826,103.67273260256722Z"></path>
                                            <path class="draw-bg" d="M521.8489172418574,114.10400213046071L486.4420026448515,95.34529630411039L455.0359710403653,122.54530378921527Z"></path>
                                            <path class="draw-bg" d="M521.8489172418574,114.10400213046071L455.0359710403653,122.54530378921527L493.2134771810885,168.41976058855153Z"></path>
                                            <path class="draw-bg" d="M141.62252111932736,127.68819958149103L128.03127246070727,110.34457129422344L129.73110039596986,154.37659969933378Z"></path>
                                            <path class="draw-bg" d="M141.62252111932736,127.68819958149103L129.73110039596986,154.37659969933378L156.76600489836522,153.1064688629257Z"></path>
                                            <path class="draw-bg" d="M162.31433895635527,163.562947944565L156.76600489836522,153.1064688629257L149.00590044582228,176.57758434492402Z"></path>
                                            <path class="draw-bg" d="M265.7006831158439,548.4277214551821L272.19880234238633,552.2489629093559L310.6326403787593,550.8801771839912Z"></path>
                                            <path class="draw-bg" d="M354.2526531278613,598.5390099362171L339.5173849289367,579.7874931263854L288.18131814894207,619.5442997307781Z"></path>
                                            <path class="draw-bg" d="M354.2526531278613,598.5390099362171L288.18131814894207,619.5442997307781L352.93899095084976,640.9136019904244Z"></path>
                                            <path class="draw-bg" d="M67.91058490251301,305.96224536617365L101.32180602821875,280.72289909790584L72.9792278991335,268.4356660213358Z"></path>
                                            <path class="draw-bg" d="M296.2850310696654,113.26104306046642L368.14205995181004,137.42108489182476L331.9923160029164,61.29454025623366Z"></path>
                                            <path class="draw-bg" d="M296.2850310696654,113.26104306046642L331.9923160029164,61.29454025623366L292.1661459262004,76.43570288133111Z"></path>
                                            <path class="draw-bg" d="M455.0359710403653,122.54530378921527L460.65707070882576,167.61805317570932L493.2134771810885,168.41976058855153Z"></path>
                                            <path class="draw-bg" d="M455.0359710403653,122.54530378921527L486.4420026448515,95.34529630411039L451.5302230035999,26.344808136988Z"></path>
                                            <path class="draw-bg" d="M455.0359710403653,122.54530378921527L451.5302230035999,26.344808136988L374.41333095622105,51.18200810439612Z"></path>
                                            <path class="draw-bg" d="M604.2829032802276,323.34885520936393L568.4979517894712,338.5334010988671L585.8735490581096,382.02295200422424Z"></path>
                                            <path class="draw-bg" d="M604.2829032802276,323.34885520936393L585.8735490581096,382.02295200422424L670.8493833417667,404.3261136801449Z"></path>
                                            <path class="draw-bg" d="M604.2829032802276,323.34885520936393L670.8493833417667,404.3261136801449L641.4924773282627,279.38960560257766Z"></path>
                                            <path class="draw-bg" d="M76.08921898152532,515.2356209279042L17.81233253497011,429.5755392428347L94.38819508289212,574.1071856378077Z"></path>
                                            <path class="draw-bg" d="M156.76600489836522,153.1064688629257L129.73110039596986,154.37659969933378L149.00590044582228,176.57758434492402Z"></path>
                                            <path class="draw-bg" d="M550.5852957878304,399.94388213003725L585.8735490581096,382.02295200422424L568.4979517894712,338.5334010988671Z"></path>
                                            <path class="draw-bg" d="M451.29628300231445,552.0088075623763L426.7941053720514,540.5167487169036L440.9545663086688,557.9433915997146Z"></path>
                                            <path class="draw-bg" d="M96.34695961229627,342.5841342360251L77.14726260752501,405.38453308083524L180.88613109314545,462.8607076611161Z"></path>
                                            <path class="draw-bg" d="M72.9792278991335,268.4356660213358L101.32180602821875,280.72289909790584L84.78120917615334,236.4727206026105Z"></path>
                                            <path class="draw-bg" d="M72.9792278991335,268.4356660213358L84.78120917615334,236.4727206026105L72.33853811659654,223.60521258182484Z"></path>
                                            <path class="draw-bg" d="M331.9923160029164,61.29454025623366L368.14205995181004,137.42108489182476L374.41333095622105,51.18200810439612Z"></path>
                                            <path class="draw-bg" d="M331.9923160029164,61.29454025623366L374.41333095622105,51.18200810439612L364.68196058346393,42.93590329812061Z"></path>
                                            <path class="draw-bg" d="M129.73110039596986,154.37659969933378L117.3703218307397,174.65389371713783L136.89369617800315,185.76938169282147Z"></path>
                                            <path class="draw-bg" d="M129.73110039596986,154.37659969933378L136.89369617800315,185.76938169282147L149.00590044582228,176.57758434492402Z"></path>
                                            <path class="draw-bg" d="M426.7941053720514,540.5167487169036L410.5679883166572,583.9824463506465L440.9545663086688,557.9433915997146Z"></path>
                                            <path class="draw-bg" d="M279.6214746008014,580.1854873604374L288.18131814894207,619.5442997307781L339.5173849289367,579.7874931263854Z"></path>
                                            <path class="draw-bg" d="M279.6214746008014,580.1854873604374L339.5173849289367,579.7874931263854L310.6326403787593,550.8801771839912Z"></path>
                                            <path class="draw-bg" d="M451.5302230035999,26.344808136988L364.68196058346393,42.93590329812061L374.41333095622105,51.18200810439612Z"></path>
                                            <path class="redraw" d="M474.5314714203718,561.9521372861636L451.29628300231445,552.0088075623763L440.9545663086688,557.9433915997146Z"></path>
                                            <path class="redraw" d="M261.54630210025374,659.1929447347966L248.64484156006142,665.9099595396449L352.93899095084976,640.9136019904244Z"></path>
                                            <path class="redraw" d="M436.9086091976522,653.4912089474111L352.93899095084976,640.9136019904244L248.64484156006142,665.9099595396449Z"></path>
                                            <path class="redraw" d="M436.9086091976522,653.4912089474111L368.0634199391877,621.7796234318953L352.93899095084976,640.9136019904244Z"></path>
                                            <path class="redraw" d="M242.39533081979957,646.9257279512589L218.60884207672606,618.9261870333057L248.64484156006142,665.9099595396449Z"></path>
                                            <path class="redraw" d="M588.9748101023654,108.49763076967622L580.3450667496826,103.67273260256722L535.4197087743808,198.60836155480732Z"></path>
                                            <path class="redraw" d="M521.8489172418574,114.10400213046071L535.4197087743808,198.60836155480732L580.3450667496826,103.67273260256722Z"></path>
                                            <path class="redraw" d="M67.91058490251301,305.96224536617365L77.14726260752501,405.38453308083524L96.34695961229627,342.5841342360251Z"></path>
                                            <path class="redraw" d="M615.5767009437351,506.97364540004264L621.2638802905507,494.4329688960532L530.4847981900207,456.84943564801205Z"></path>
                                            <path class="redraw" d="M426.63119299628005,521.7963361981786L426.7941053720514,540.5167487169036L451.29628300231445,552.0088075623763Z"></path>
                                            <path class="redraw" d="M426.63119299628005,521.7963361981786L451.29628300231445,552.0088075623763L511.60608849488415,503.7186941564509Z"></path>
                                            <path class="redraw" d="M485.268498482597,561.2072180655591L451.29628300231445,552.0088075623763L474.5314714203718,561.9521372861636Z"></path>
                                            <path class="redraw" d="M485.268498482597,561.2072180655591L511.60608849488415,503.7186941564509L451.29628300231445,552.0088075623763Z"></path>
                                            <path class="redraw" d="M501.3531895445528,183.10818920093422L517.5235079889374,188.63908183467592L493.2134771810885,168.41976058855153Z"></path>
                                            <path class="redraw" d="M521.8489172418574,114.10400213046071L493.2134771810885,168.41976058855153L517.5235079889374,188.63908183467592Z"></path>
                                            <path class="redraw" d="M521.8489172418574,114.10400213046071L517.5235079889374,188.63908183467592L535.4197087743808,198.60836155480732Z"></path>
                                            <path class="redraw" d="M79.80113780963926,508.0693085723228L77.14726260752501,405.38453308083524L17.81233253497011,429.5755392428347Z"></path>
                                            <path class="redraw" d="M501.3531895445528,183.10818920093422L493.2134771810885,168.41976058855153L463.8019818113786,179.59326019509993Z"></path>
                                            <path class="redraw" d="M119.19912476001838,184.82003044255453L72.33853811659654,223.60521258182484L84.78120917615334,236.4727206026105Z"></path>
                                            <path class="redraw" d="M218.60884207672606,618.9261870333057L94.38819508289212,574.1071856378077L248.64484156006142,665.9099595396449Z"></path>
                                            <path class="redraw" d="M162.08262415421748,176.67467978686096L149.00590044582228,176.57758434492402L136.89369617800315,185.76938169282147Z"></path>
                                            <path class="redraw" d="M162.08262415421748,176.67467978686096L136.89369617800315,185.76938169282147L190.99961663527202,202.1496457866852Z"></path>
                                            <path class="redraw" d="M119.19912476001838,184.82003044255453L84.78120917615334,236.4727206026105L136.89369617800315,185.76938169282147Z"></path>
                                            <path class="redraw" d="M110.57418162031308,293.16142448120746L190.99961663527202,202.1496457866852L101.32180602821875,280.72289909790584Z"></path>
                                            <path class="redraw" d="M84.78120917615334,236.4727206026105L101.32180602821875,280.72289909790584L136.89369617800315,185.76938169282147Z"></path>
                                            <path class="redraw" d="M136.89369617800315,185.76938169282147L101.32180602821875,280.72289909790584L190.99961663527202,202.1496457866852Z"></path>
                                            <path class="redraw" d="M426.63119299628005,521.7963361981786L310.6326403787593,550.8801771839912L339.5173849289367,579.7874931263854Z"></path>
                                            <path class="redraw" d="M426.63119299628005,521.7963361981786L339.5173849289367,579.7874931263854L426.7941053720514,540.5167487169036Z"></path>
                                            <path class="redraw" d="M415.7295959001678,604.0149696522178L410.5679883166572,583.9824463506465L368.0634199391877,621.7796234318953Z"></path>
                                            <path class="redraw" d="M368.0634199391877,621.7796234318953L410.5679883166572,583.9824463506465L354.2526531278613,598.5390099362171Z"></path>
                                            <path class="redraw" d="M354.2526531278613,598.5390099362171L410.5679883166572,583.9824463506465L339.5173849289367,579.7874931263854Z"></path>
                                            <path class="redraw" d="M426.7941053720514,540.5167487169036L339.5173849289367,579.7874931263854L410.5679883166572,583.9824463506465Z"></path>
                                            <path class="redraw" d="M607.6713314808923,430.6486870623071L530.4847981900207,456.84943564801205L621.2638802905507,494.4329688960532Z"></path>
                                            <path class="redraw" d="M269.77471567091754,46.26672375174798L292.87610334054824,31.461405448009554L178.93989534993443,74.10418189737373Z"></path>
                                            <path class="redraw" d="M261.54630210025374,659.1929447347966L288.18131814894207,619.5442997307781L242.39533081979957,646.9257279512589Z"></path>
                                            <path class="redraw" d="M231.21604151194674,592.3697051170622L218.60884207672606,618.9261870333057L242.39533081979957,646.9257279512589Z"></path>
                                            <path class="redraw" d="M231.21604151194674,592.3697051170622L242.39533081979957,646.9257279512589L288.18131814894207,619.5442997307781Z"></path>
                                            <path class="redraw" d="M231.21604151194674,592.3697051170622L288.18131814894207,619.5442997307781L279.6214746008014,580.1854873604374Z"></path>
                                            <path class="redraw" d="M488.66330711276674,579.7905263044547L440.9545663086688,557.9433915997146L415.7295959001678,604.0149696522178Z"></path>
                                            <path class="redraw" d="M488.66330711276674,579.7905263044547L415.7295959001678,604.0149696522178L489.9753056603002,618.4454069074342Z"></path>
                                            <path class="redraw" d="M488.66330711276674,579.7905263044547L474.5314714203718,561.9521372861636L440.9545663086688,557.9433915997146Z"></path>
                                            <path class="redraw" d="M489.9753056603002,618.4454069074342L415.7295959001678,604.0149696522178L443.17210209612176,650.0720646461773Z"></path>
                                            <path class="redraw" d="M415.7295959001678,604.0149696522178L436.9086091976522,653.4912089474111L443.17210209612176,650.0720646461773Z"></path>
                                            <path class="redraw" d="M415.7295959001678,604.0149696522178L440.9545663086688,557.9433915997146L410.5679883166572,583.9824463506465Z"></path>
                                            <path class="redraw" d="M426.63119299628005,521.7963361981786L511.60608849488415,503.7186941564509L519.2252370257222,463.6054688089814Z"></path>
                                            <path class="redraw" d="M426.63119299628005,521.7963361981786L519.2252370257222,463.6054688089814L536.044714180642,417.362659823348Z"></path>
                                            <path class="redraw" d="M426.63119299628005,521.7963361981786L536.044714180642,417.362659823348L538.4262409071167,305.36555160461677Z"></path>
                                            <path class="redraw" d="M530.4847981900207,456.84943564801205L536.044714180642,417.362659823348L519.2252370257222,463.6054688089814Z"></path>
                                            <path class="redraw" d="M231.21604151194674,592.3697051170622L94.38819508289212,574.1071856378077L218.60884207672606,618.9261870333057Z"></path>
                                            <path class="redraw" d="M231.21604151194674,592.3697051170622L228.90295447353205,529.6432852718436L94.38819508289212,574.1071856378077Z"></path>
                                            <path class="redraw" d="M67.91058490251301,305.96224536617365L17.81233253497011,429.5755392428347L77.14726260752501,405.38453308083524Z"></path>
                                            <path class="redraw" d="M524.0590090544372,247.70980706687322L586.153951518929,267.8766167379601L535.4197087743808,198.60836155480732Z"></path>
                                            <path class="redraw" d="M501.3531895445528,183.10818920093422L463.8019818113786,179.59326019509993L524.0590090544372,247.70980706687322Z"></path>
                                            <path class="redraw" d="M501.3531895445528,183.10818920093422L524.0590090544372,247.70980706687322L517.5235079889374,188.63908183467592Z"></path>
                                            <path class="redraw" d="M524.0590090544372,247.70980706687322L535.4197087743808,198.60836155480732L517.5235079889374,188.63908183467592Z"></path>
                                            <path class="redraw" d="M277.52561164052685,563.0572549454382L265.7006831158439,548.4277214551821L231.21604151194674,592.3697051170622Z"></path>
                                            <path class="redraw" d="M277.52561164052685,563.0572549454382L231.21604151194674,592.3697051170622L279.6214746008014,580.1854873604374Z"></path>
                                            <path class="redraw" d="M277.52561164052685,563.0572549454382L272.19880234238633,552.2489629093559L265.7006831158439,548.4277214551821Z"></path>
                                            <path class="redraw" d="M231.21604151194674,592.3697051170622L265.7006831158439,548.4277214551821L242.27752402920098,535.6934075149672Z"></path>
                                            <path class="redraw" d="M604.2829032802276,323.34885520936393L641.4924773282627,279.38960560257766L586.153951518929,267.8766167379601Z"></path>
                                            <path class="redraw" d="M119.19912476001838,184.82003044255453L117.3703218307397,174.65389371713783L72.33853811659654,223.60521258182484Z"></path>
                                            <path class="redraw" d="M129.73110039596986,154.37659969933378L128.03127246070727,110.34457129422344L117.3703218307397,174.65389371713783Z"></path>
                                            <path class="redraw" d="M117.3703218307397,174.65389371713783L128.03127246070727,110.34457129422344L72.33853811659654,223.60521258182484Z"></path>
                                            <path class="redraw" d="M79.80113780963926,508.0693085723228L76.08921898152532,515.2356209279042L94.38819508289212,574.1071856378077Z"></path>
                                            <path class="redraw" d="M79.80113780963926,508.0693085723228L94.38819508289212,574.1071856378077L180.88613109314545,462.8607076611161Z"></path>
                                            <path class="redraw" d="M79.80113780963926,508.0693085723228L180.88613109314545,462.8607076611161L77.14726260752501,405.38453308083524Z"></path>
                                            <path class="redraw" d="M94.38819508289212,574.1071856378077L228.90295447353205,529.6432852718436L180.88613109314545,462.8607076611161Z"></path>
                                            <path class="redraw" d="M269.77471567091754,46.26672375174798L292.1661459262004,76.43570288133111L292.87610334054824,31.461405448009554Z"></path>
                                            <path class="redraw" d="M331.9923160029164,61.29454025623366L292.87610334054824,31.461405448009554L292.1661459262004,76.43570288133111Z"></path>
                                            <path class="redraw" d="M67.91058490251301,305.96224536617365L72.33853811659654,223.60521258182484L17.81233253497011,429.5755392428347Z"></path>
                                            <path class="redraw" d="M67.91058490251301,305.96224536617365L72.9792278991335,268.4356660213358L72.33853811659654,223.60521258182484Z"></path>
                                            <path class="redraw" d="M331.9923160029164,61.29454025623366L364.68196058346393,42.93590329812061L292.87610334054824,31.461405448009554Z"></path>
                                            <path class="redraw" d="M292.87610334054824,31.461405448009554L364.68196058346393,42.93590329812061L451.5302230035999,26.344808136988Z"></path>
                                            <path class="redraw" d="M488.66330711276674,579.7905263044547L489.9753056603002,618.4454069074342L615.5767009437351,506.97364540004264Z"></path>
                                            <path class="redraw" d="M488.66330711276674,579.7905263044547L615.5767009437351,506.97364540004264L511.60608849488415,503.7186941564509Z"></path>
                                            <path class="redraw" d="M488.66330711276674,579.7905263044547L511.60608849488415,503.7186941564509L485.268498482597,561.2072180655591Z"></path>
                                            <path class="redraw" d="M615.5767009437351,506.97364540004264L530.4847981900207,456.84943564801205L511.60608849488415,503.7186941564509Z"></path>
                                            <path class="redraw" d="M607.6713314808923,430.6486870623071L621.2638802905507,494.4329688960532L654.1378788325063,433.94642840252334Z"></path>
                                            <path class="redraw" d="M615.5767009437351,506.97364540004264L670.8493833417667,404.3261136801449L654.1378788325063,433.94642840252334Z"></path>
                                            <path class="redraw" d="M615.5767009437351,506.97364540004264L654.1378788325063,433.94642840252334L621.2638802905507,494.4329688960532Z"></path>
                                            <path class="redraw" d="M139.42811256160903,118.98820594812433L141.62252111932736,127.68819958149103L178.93989534993443,74.10418189737373Z"></path>
                                            <path class="redraw" d="M139.42811256160903,118.98820594812433L178.93989534993443,74.10418189737373L132.5686732370486,102.11135619932806Z"></path>
                                            <path class="redraw" d="M141.62252111932736,127.68819958149103L156.76600489836522,153.1064688629257L178.93989534993443,74.10418189737373Z"></path>
                                            <path class="redraw" d="M598.3568019098357,187.7115445403893L588.9748101023654,108.49763076967622L535.4197087743808,198.60836155480732Z"></path>
                                            <path class="redraw" d="M598.3568019098357,187.7115445403893L535.4197087743808,198.60836155480732L586.153951518929,267.8766167379601Z"></path>
                                            <path class="redraw" d="M598.3568019098357,187.7115445403893L586.153951518929,267.8766167379601L641.4924773282627,279.38960560257766Z"></path>
                                            <path class="redraw" d="M598.3568019098357,187.7115445403893L641.4924773282627,279.38960560257766L588.9748101023654,108.49763076967622Z"></path>
                                            <path class="redraw" d="M538.4262409071167,305.36555160461677L568.4979517894712,338.5334010988671L604.2829032802276,323.34885520936393Z"></path>
                                            <path class="redraw" d="M538.4262409071167,305.36555160461677L604.2829032802276,323.34885520936393L586.153951518929,267.8766167379601Z"></path>
                                            <path class="redraw" d="M538.4262409071167,305.36555160461677L586.153951518929,267.8766167379601L524.0590090544372,247.70980706687322Z"></path>
                                        </g>
                                    </svg>
                                </div>

                            </div>

                            <div class="little-wgt">

                                <div class="wgt-0"></div>

                                <div class="wgt-1"></div>

                                <div class="wgt-2"></div>

                                <div class="wgt-3"></div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <script>
        $("#user-child").show();
        $("#frame-child").hide();
        $("#technology-child").hide();

        function showSon(data) {
            switch (data) {
                case 1:
                    $("#user").addClass("sonActive");
                    $("#frame").removeClass("sonActive");
                    $("#technology").removeClass("sonActive");
                    $("#user-child").show();
                    $("#frame-child").hide();
                    $("#technology-child").hide();
                    $(".ten-year-with").css("background-image", "url(img/technical/nl_dbt01.png)")
                    break;
                case 2:
                    $("#frame").addClass("sonActive");
                    $("#user").removeClass("sonActive");
                    $("#technology").removeClass("sonActive");
                    $("#user-child").hide();
                    $("#frame-child").show();
                    $("#technology-child").hide();
                    $(".ten-year-with").css("background-image", "url(img/technical/nl_dbt02.png)")
                    break;
                case 3:
                    $("#technology").addClass("sonActive");
                    $("#user").removeClass("sonActive");
                    $("#frame").removeClass("sonActive");
                    $("#user-child").hide();
                    $("#frame-child").hide();
                    $("#technology-child").show();
                    $(".ten-year-with").css("background-image", "url(img/technical/nl_dbt03.png)")
                    break;
            }

        }

    </script>
    <!-- 技术能力 end-->

    <!-- 服务流程 start-->

    <div class="no-touch cssanimations csstransitions cssfilters no-firefox no-ie csstransforms csstransforms3d l-container">
        <section class="l-approach-process">
            <div class="l-approach-process__line-art">
                <svg version="1.1" id="svg-approach-process" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                    x="0px" y="0px" width="888.1px" height="96%" viewBox="0 0 888.1 1082" enable-background="new 0 0 888.1 1082"
                    xml:space="preserve">
                    <rect x="418.1" y="383" fill="#EBF5F7" width="44" height="18"></rect>
                    <path fill="#0085A1" d="M3.6,310"></path>
                    <!--<g id="path-4" class=" is-revealed">-->
                    <!--<g> <line fill="none" stroke="#CCE7EC" stroke-width="4" stroke-miterlimit="10" x1="664.1" y1="568" x2="652.6" y2="568"></line>-->
                    <!--<path fill="none" stroke="#CCE7EC" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="23.4757,5.1034" d="M647.5,568 H532.1c-49.5,0-90-40.5-90-90V308c0-49.5-36-90-80-90c-27.3,0-51.5,0-66,0"></path> -->
                    <!--<path fill="none" stroke="#CCE7EC" stroke-width="4" stroke-miterlimit="10" d="M293.6,218c-7.3,0-11.5,0-11.5,0"></path> -->
                    <!--</g>-->
                    <!--</g>-->
                    <g id="path-3" class="is-revealed">
                        <path fill="none" stroke="#73BCCB" stroke-width="4" stroke-miterlimit="10" d="M860.1,480.5c0,48.1-40.5,87.5-90,87.5h-237 c-49.5,0-90,40.5-90,90v554"></path>
                    </g>
                    <g id="path-2" class=" is-revealed">
                        <path fill="none" stroke="#73BCCB" stroke-width="4" stroke-miterlimit="10" d="M28.1,305.5c0,48.1,40.5,87.5,90,87.5h652 c49.5,0,90,39.4,90,87.5"></path>
                    </g>
                    <g id="path-1" class=" is-revealed">
                        <path fill="none" stroke="#73BCCB" stroke-width="4" stroke-miterlimit="10" d="M443.1,0v128c0,49.5-40.5,90-90,90h-235 c-49.5,0-90,39.4-90,87.5"></path>
                    </g>
                    <g id="node-7">
                        <g>
                            <path fill="#FFFFFF" d="M460.1,991.1c0,9.8-8,17.9-17.9,17.9c-9.8,0-17.9-8-17.9-17.9s8-17.9,17.9-17.9 C452,973.3,460.1,981.3,460.1,991.1z"></path>
                        </g>
                        <g>
                            <path fill="#DE0B46" d="M447.5,991.1c0,2.9-2.4,5.3-5.3,5.3s-5.3-2.4-5.3-5.3c0-2.9,2.4-5.3,5.3-5.3S447.5,988.3,447.5,991.1z"></path>
                        </g>
                        <g>
                            <rect x="483.1" y="987" fill="none" width="220" height="22.5"></rect>
                            <text x="-140" y="2" transform="matrix(1 0 0 1 483.0682 995.0299)" fill="#0085A1" font-size="11">项目回顾</text>
                        </g>
                        <g id="node-7-child" class="is-not-displayed">
                            <image xlink:href="img/lc_tc07.png" x="230" y="935"  width="114" height="112" />
                        </g>
                    </g>

                    <g id="node-8">
                        <circle cx="444" cy="800" r="18" stroke-width="2" fill="white" />
                        <circle cx="444" cy="800" r="5" stroke-width="2" fill="red" />
                        <text x="-10" y="710" transform="matrix(1 0 0 1 356.7552 94.0299)" fill="#0085A1" font-size="11">产品发布</text>
                        <g id="node-8-child" class="is-not-displayed">
                            <image xlink:href="img/lc_tc06.png" x="230" y="745" width="114" height="112" />
                        </g>
                    </g>
                    <g id="node-6">
                        <g>
                            <path fill="#FFFFFF" d="M876.9,483c0,9.8-8,17.9-17.9,17.9s-17.9-8-17.9-17.9s8-17.9,17.9-17.9S876.9,473.2,876.9,483z"></path>
                        </g>
                        <g>
                            <path fill="#DE0B46" d="M864.3,483c0,2.9-2.4,5.3-5.3,5.3c-2.9,0-5.3-2.4-5.3-5.3s2.4-5.3,5.3-5.3 C862,477.7,864.3,480.1,864.3,483z"></path>
                        </g>
                        <path fill="#0085A1" d="M834.6,485"></path>
                        <g>
                            <rect x="697.1" y="480" fill="none" width="120" height="22.5"></rect>
                            <text transform="matrix(1 0 0 1 758.5299 488.0299)" fill="#0085A1" font-size="11">测试反馈</text>
                            <g id="node-6-child" class="is-not-displayed">
                                <image xlink:href="img/lc_tc05.png" x="538" y="425"  height="111" width="210"/>
                            </g>
                        </g>
                    </g>
                    <g id="node-3" class=" is-revealed">
                        <!--<rect x="528.1" y="383" fill="#EBF5F7" width="50" height="20"></rect>-->
                        <!--<rect x="298.1" y="383" fill="#EBF5F7" width="50" height="20"></rect>-->
                        <g>
                            <circle cx="324" cy="390" r="18" stroke-width="2" fill="white" />
                            <circle cx="324" cy="390" r="5" stroke-width="2" fill="red" />
                            <text x="-20" y="40" transform="matrix(1 0 0 1 312.4659 396.0001)" fill="#0085A1" font-size="11">项目规划</text>
                        </g>
                    </g>
                    <g id="node-4" class=" is-revealed">
                        <g>
                            <circle cx="444" cy="390" r="18" stroke-width="2" fill="white" />
                            <circle cx="444" cy="390" r="5" stroke-width="2" fill="red" />
                            <text x="-110" y="40" transform="matrix(1 0 0 1 541.2111 396.0001)" fill="#0085A1" font-size="11">设计</text>
                        </g>
                        <g id="node-4-child" class="is-not-displayed">
                            <image xlink:href="img/lc_tc03.png" x="368" y="445"  height="56" width="151"/>
                        </g>
                    </g>
                    <g id="node-5" class=" is-revealed">
                        <g>
                            <circle cx="570" cy="390" r="18" stroke-width="2" fill="white" />
                            <circle cx="570" cy="390" r="5" stroke-width="2" fill="red" />
                            <text x="105" y="-40" transform="matrix(1 0 0 1 429.8351 396.0001)" fill="#0085A1" font-size="11">技术开发</text>
                        </g>
                        <g id="node-5-child" class="is-not-displayed">
                            <image xlink:href="img/lc_tc04.png" x="460" y="275"  height="66" width="214"/>
                        </g>
                    </g>
                    <g id="node-2" class=" is-revealed">
                        <g>
                            <path fill="#FFFFFF" d="M45.9,308c0,9.8-8,17.9-17.9,17.9s-17.9-8-17.9-17.9s8-17.9,17.9-17.9S45.9,298.2,45.9,308z"></path>
                        </g>
                        <g>
                            <path fill="#DE0B46" d="M33.3,308c0,2.9-2.4,5.3-5.3,5.3s-5.3-2.4-5.3-5.3s2.4-5.3,5.3-5.3S33.3,305.1,33.3,308z"></path>
                        </g>
                        <g>
                            <rect x="67.1" y="305" fill="none" width="60  " height="22.5"></rect>
                            <text transform="matrix(1 0 0 1 67.0682 313.0299)" fill="#0085A1" font-size="11">协议</text>
                        </g>
                        <g id="node-2-child" class="is-not-displayed">
                            <image xlink:href="img/lc_tc02.png" x="98" y="255"  height="108" width="106"/>
                        </g>
                    </g>
                    <!--M876.9,483c0,,17.9-17.9S876.9,473.2,876.9,483z-->
                    <!--M45.9,308c0,,17.9-17.9S45.9,298.2,45.9,308z-->
                    <g id="node-1" class=" is-revealed" >
                        <g>
                            <path fill="#FFFFFF" d="M461.1,90.1c0,9.8-8,17.9-17.9,17.9c-9.8,0-17.9-8-17.9-17.9s8-17.9,17.9-17.9 C453,72.3,461.1,80.3,461.1,90.1z"></path>
                        </g>
                        <g>
                            <path fill="#DE0B46" d="M448.5,90.1c0,2.9-2.4,5.3-5.3,5.3S438,93,438,90.1c0-2.9,2.4-5.3,5.3-5.3S448.5,87.3,448.5,90.1z"></path>
                        </g>
                        <g>
                            <rect x="185.1" y="86" fill="none" width="220" height="22.5"></rect>
                            <text transform="matrix(1 0 0 1 356.7552 94.0299)" fill="#0085A1" font-size="11">需求</text>
                        </g>
                        <g id="node-1-child" class="is-not-displayed">
                            <image xlink:href="img/lc_tc01.png" x="249" y="35"  height="108" width="106"/>
                        </g>
                    </g>
                    <g id="left-moving-arrows">
                        <g id="arrow-4" class="is-revealed">
                            <rect x="658.1" y="559" fill="#EBF5F7" width="14" height="19"></rect>
                            <polygon fill="#73BCCB" points="672.1,560 672.1,576 662.1,568 		"></polygon>
                        </g>
                        <g id="arrow-1" class=" is-revealed">
                            <rect x="212.1" y="209" fill="#EBF5F7" width="14" height="19"></rect>
                            <polygon fill="#73BCCB" points="226.1,210 226.1,226 216.1,218 		"></polygon>
                        </g>
                    </g>
                    <g id="right-moving-arrows">
                        <g id="arrow-2" class=" is-revealed">
                            <rect x="218.1" y="384" fill="#EBF5F7" width="14" height="19"></rect>
                            <polygon fill="#73BCCB" points="218.1,385 218.1,401 228.1,393 		"></polygon>
                        </g>
                        <g id="arrow-3" class=" is-revealed">
                            <rect x="664.1" y="384" fill="#EBF5F7" width="14" height="19"></rect>
                            <polygon fill="#73BCCB" points="664.1,385 664.1,401 674.1,393 		"></polygon>
                        </g>
                    </g>
                    <g id="down-moving-arrows">
                        <g id="arrow-5" class="is-revealed">
                            <rect x="434.1" y="738" fill="#EBF5F7" width="19" height="14"></rect>
                            <polygon fill="#73BCCB" points="435.1,738 451.1,738 443.1,748 		"></polygon>
                        </g>
                    </g>
                    <!--<g id="up-moving-arrows"> <g id="arrow-6" class=" is-revealed"> <rect x="433.1" y="306" fill="#EBF5F7" width="19" height="14"></rect>-->
                    <!--<polygon fill="#CCE7EC" points="434.1,320 450.1,320 442.1,310 		"></polygon> </g> </g>-->
                </svg>
            </div>
            <div class="l-approach-heading js-reveal is-revealed">
                <div class="heading-set"><img src="/html/html/img/img/about/css/img/fw_bt.png"/>
                    <!--<p class="heading-set__primary">SERVICE FLOW</p>-->
                    <!--<p class="heading-set__secondary">服务流程</p>-->
                </div>
            </div>
            <div class="l-approach-blurbs">
                <article class="blurb js-reveal is-revealed">
                    <img src="/html/html/img/img/about/css/img/lc_dbt01.jpg" class="blurb__image">
                    <div class="blurb__content">
                        <h4 class="blurb__content__heading">从不惧怕瓶颈</h4>
                        <p class="blurb__content__body"> 我们坚信过硬的技术和经验，
                            <br> 能够帮助我们突破创新的阻碍。</p>
                    </div>
                </article>
                <article class="blurb js-reveal is-revealed">
                    <img src="/html/html/img/img/about/css/img/lc_dbt02.jpg" class="blurb__image">
                    <div class="blurb__content">
                        <h4 class="blurb__content__heading">持续迭代</h4>
                        <p class="blurb__content__body"> 项目永远没有真正意义上的完成。
                            <br> 保证最小可用的同时越早交付。</p>
                    </div>
                </article>
                <article class="blurb js-reveal is-revealed">
                    <img src="/html/html/img/img/about/css/img/lc_dbt03.jpg" class="blurb__image">
                    <div class="blurb__content">
                        <h4 class="blurb__content__heading">结束是刚刚开始</h4>
                        <p class="blurb__content__body">这是长途旅行，我们会持续跟进，
                            <br>不断完善、迭代与维护您的项目。</p>
                    </div>
                </article>
            </div>
            <div class="l-approach-content js-reveal is-revealed">
                <div class="heading-set">
                    <p class="heading-set__primary">
                        <img src="/html/html/img/img/about/css/img/lc_yw.png" />
                    </p>
                </div>
                <div class="markdown-block markdown-block--s">
                    <p> 每个项目都有自己独特的目标、受众以及需求。
                        <br> 我们的解决方案针对每一个项目，
                        <br> 去发现、定位和解决意料之外的问题，并经得起时间考验。
                        <br>
                        <br>定期的团队和客户之间的沟通，保障项目的正常推进。
                        <br> 即使合作结束，也不意味着双方的合作关系结束。
                        <br>
                        <br>得益于我们的售后维护计划，
                        <br> 双方之间的合作将更为长期，并拥有无限的可能性。
                    </p>
                </div>
            </div>
        </section>

    </div>
    <!--<script src="/html/html/img/img/about/css/js/process/4dd9c.js"></script>-->
    <!--<script src="/html/html/img/img/about/css/js/process/process.js"></script>-->
    <script>
        $().ready(function () {
            $('#node-2').hover(function () {
                if ($("#node-2").find('.is-not-displayed').length > 0) {
                    $("#node-2-child").attr("class", '')
                } else {
                    $("#node-2-child").attr("class", 'is-not-displayed')
                }
            })

            $("#node-1").hover(function(){
                if ($("#node-1").find('.is-not-displayed').length > 0) {
                    $("#node-1-child").attr("class", '')
                } else {
                    $("#node-1-child").attr("class", 'is-not-displayed')
                }
            });
            $("#node-4").hover(function(){
                if ($("#node-4").find('.is-not-displayed').length > 0) {
                    $("#node-4-child").attr("class", '')
                } else {
                    $("#node-4-child").attr("class", 'is-not-displayed')
                }
            });
            $("#node-5").hover(function(){
                if ($("#node-5").find('.is-not-displayed').length > 0) {
                    $("#node-5-child").attr("class", '')
                } else {
                    $("#node-5-child").attr("class", 'is-not-displayed')
                }
            });
            $("#node-6").hover(function(){
                if ($("#node-6").find('.is-not-displayed').length > 0) {
                    $("#node-6-child").attr("class", '')
                } else {
                    $("#node-6-child").attr("class", 'is-not-displayed')
                }
            });
            $("#node-7").hover(function(){
                if ($("#node-7").find('.is-not-displayed').length > 0) {
                    $("#node-7-child").attr("class", '')
                } else {
                    $("#node-7-child").attr("class", 'is-not-displayed')
                }
            });
            $("#node-8").hover(function(){
                if ($("#node-8").find('.is-not-displayed').length > 0) {
                    $("#node-8-child").attr("class", '')
                } else {
                    $("#node-8-child").attr("class", 'is-not-displayed')
                }
            });

        })
    </script>
    <!-- 服务流程 end-->

    <!-- 关于我们 start-->
    <div class="about">
        <div class="about-content">
            <div style="width: 189px;margin: 0 auto;padding-top: 82px;">
                <img src="/html/html/img/img/about/css/img/about/gy_bt.png" />
            </div>
            <div class="about-content-text">
                <div class="about-count text-center">南昌爵沙科技有限公司是一家集计算机博天堂体育、技术咨询与服务?、网络运营于一体的科技公司。其主要专注于技术创新，寄情于<br>网络IT，投身于互联网事业。目前，本公司主要为投资方德众星晖信息技术有限公司提供全方位的技术服务，该企业是由德众物流<br>保税中心和德众大罗塘农副产品交易中心两大超过20亿元投资的实体项目作为重要支撑和依托，是德众系重要的互联网企业成员，<br>肩负着保税中心和农副产品交易中心互联网大数据和电商交易的重要任务。
                    <br>本公司以人为本，以客户为中心以需求为导向，以服务为宗旨；秉承“开放、激情、民主、拥抱变化、快速迭代”的企业文化，拥<br>有全新的
                    服务理念，以卓越的服务品质、专业安全的技术服务实力，为不同群体的用户提供优质的IT服务。希望通过我们的专业水<br>平和不懈努力，为客户提供更先进的技术、更优质的产品、更完善的服务！
                    <br>本公司拥有雄厚的资金基础,，我们做产品，有想法，能创新?，技术强，是一家快速成<br> 长、锐意进取的年轻网络科技公司。
                </div>
                <div style="border:1px #878B86 outset;margin-bottom: 22px"></div>
                <div class="row text-center">
                    <div class="col-md-3">
                        <div class="about-img">
                            <img src="/html/html/img/img/about/css/img/about/gy_tb01.png" />
                        </div>
                        <p>丰富的行业经验</p>
                    </div>
                    <div class="col-md-3">
                        <div class="about-img">
                            <img src="/html/html/img/img/about/css/img/about/gy_tb02.png" />
                        </div>
                        <p>专业的团队支撑</p>
                    </div>
                    <div class="col-md-3">
                        <div class="about-img">
                            <img src="/html/html/img/img/about/css/img/about/gy_tb03.png" />
                        </div>
                        <p>精准高效的推广策略</p>
                    </div>
                    <div class="col-md-3">
                        <div class="about-img">
                            <img src="/html/html/img/img/about/css/img/about/gy_tb04.png" class="padding-b-4"/>
                        </div>
                        <p>海量资优渠道资源</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 关于我们 end-->

    <!-- 联系我们 start-->
    <div class="contact on">
        <div class="shade-layer"></div>
        <div class="contact-panel">

            <img src="/html/html/img/img/about/css/img/contact/lx_bt.jpg" class="text-left"/>
            <div style="text-align: right; float: right;font-size: 20px;">
                <span>南昌爵沙科技有限公司</span>
            </div>
            <div class="row contact-row">
                <div class="col-md-4">
                    <img src="/html/html/img/img/about/css/img/contact/lx_tb01.jpg" height="30" width="30" />江西省南昌市红谷滩新区红谷中大道1326号江西日报传媒大厦7楼</div>
                <div class="col-md-4">
                    <img src="/html/html/img/img/about/css/img/contact/lx_tb02.jpg" height="30" width="30" />0791-83860360</div>
                <div class="col-md-4">
                    <img src="/html/html/img/img/about/css/img/contact/lx_tb03.jpg" height="30" width="30" />XL@ISJUE.CN</div>


            </div>
            <div class="switch-box">
                <img src="/html/html/img/img/about/css/img/contact/lx_jt.png" style="width:32px;height:28px;"/>
            </div>
        </div>

        <div id="allmap"></div>
        <script type="text/javascript" src="https://api.map.baidu.cnn/api?v=2.0&ak=588bf2e187660f2c8b3404587be02d6a"></script>
        <script type="text/javascript">
            // 百度地图API功能
            var map = new BMap.Map("allmap");
            var point = new BMap.Point(115.864381, 28.694341);
            map.centerAndZoom(point, 18);
            map.enableScrollWheelZoom(true);
            var marker = new BMap.Marker(point)
            map.addOverlay(marker);
            $(function(){
                $(".contact .switch-box").click(function(){
                    $(".contact").toggleClass("on");
                })
            })
        </script>
    </div>
    <!-- 联系我们 end-->
<div class="contact-end"><a href="https://beian.miit.gov.cn" target="_blank" class="color-white"> 赣ICP备18000582号-1</a><img src="/html/html/img/img/about/css/img/contact/yw_jh.jpg"/><a class="color-white" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=36010802000124" target="_blank">赣公网安备36010802000124号</a></div>

</body>

</html>