lidongyang пре 5 година
родитељ
комит
17f0abdd10

Разлика између датотеке није приказан због своје велике величине
+ 435 - 0
bundle.js


+ 4 - 0
css/hsbigdata.css

@@ -136,6 +136,10 @@ body{
     background: url(../img/icon_shuiwenyunxing.png) center no-repeat;
     background-color: #ee524f;
 }
+.icon-9{
+    background: url(../img/icon_chengshijingji.png) center no-repeat;
+    background-color: #d883f7;
+}
 .mid-card p{
     text-align: center;
     margin-top: 20px;

Разлика између датотеке није приказан због своје велике величине
+ 553 - 0
earth.js


BIN
images/140711e8.star.jpg


BIN
images/2f2f5ed0.map.png


BIN
images/4615c33a.earth-glow.jpg


BIN
images/593c2328.dot-inverted.png


BIN
images/a6c39a00.universe.jpg




BIN
images/df35901e.map_inverted.png
















BIN
img/icon_chengshijingji.png


+ 259 - 0
index-new.html

@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+    <title>LOCATION</title>
+    <style type="text/css">
+        #backImg{
+            position: absolute;
+            width: 100%;
+            height: 100vh;
+            box-sizing: border-box;
+            padding: 10px;
+            z-index:99;
+        }
+        .pop{
+            position: absolute;
+            width: 100%;
+            height: 100vh;
+            box-sizing: border-box;
+            padding: 10px;
+            z-index:1;
+            background:rgba(64,225,243,0.1);
+        }
+        .titleBox{
+            position: absolute;
+            display: flex;
+            width: 83%;
+            height: 40px;
+            top: 0px;
+            right: 0px;
+            z-index: 99;
+        }
+        #jscs,#msjg,#jtcx,#sthj,#csfz,#smxs,#zhgd,#yjgl,#sjgx,#zhzf{
+            height:40px;
+            width: 6.3%;
+            /* background:rgba(255,0,0,0.2); */
+            cursor: pointer;
+        }
+        #msjgSecond{
+            display:none;
+            width: 18%;
+            position:absolute;
+            z-index: 100;
+            height: 25px;
+            /* background: rgba(255,0,0,0.3); */
+            left: 21%;
+            top: 9%;
+        }
+        #msjgSecond #jiaoyu{
+            cursor: pointer;
+            display: inline-block;
+            width: 40%;
+            height: 100%;
+        }
+        #msjgSecond #yiliao{
+            cursor: pointer;
+            display: inline-block;
+            width: 57%;
+            height: 100%;
+        }
+        #jtcxSecond{
+            display:none;
+            width: 18%;
+            position:absolute;
+            z-index: 100;
+            height: 25px;
+            /* background: rgba(0,255,0,0.3); */
+            left: 21%;
+            top: 9%;
+        }
+        #jtcxSecond #shishi{
+            cursor: pointer;
+            display: inline-block;
+            width: 22%;
+            height: 100%;
+        }
+        #jtcxSecond #gongjiao{
+            cursor: pointer;
+            display: inline-block;
+            width: 74%;
+            height: 100%;
+        }
+        /* 生态环境 */
+        #sthjSecond{
+            display:none;
+            width: 22%;
+            position:absolute;
+            z-index: 100;
+            height: 25px;
+            /* background: rgba(0,0,255,0.3); */
+            left: 21%;
+            top: 9%;
+        }
+        #sthjSecond #shui{
+            cursor: pointer;
+            display: inline-block;
+            width: 35%;
+            height: 100%;
+        }
+        #sthjSecond #kongqi{
+            cursor: pointer;
+            display: inline-block;
+            width: 38%;
+            height: 100%;
+        }
+        #sthjSecond #wuran{
+            cursor: pointer;
+            display: inline-block;
+            width: 22%;
+            height: 100%;
+        }
+        /* 市民心声 */
+        #smxsSecond{
+            display:none;
+            width: 18%;
+            position:absolute;
+            z-index: 100;
+            height: 25px;
+            /* background: rgba(255,0,0,0.3); */
+            left: 21%;
+            top: 9%;
+        }
+        #smxsSecond #tousu{
+            cursor: pointer;
+            display: inline-block;
+            width: 40%;
+            height: 100%;
+        }
+        #smxsSecond #fenbu{
+            cursor: pointer;
+            display: inline-block;
+            width: 57%;
+            height: 100%;
+        }
+    </style>
+</head>
+<body>
+	<div id="wrapper">
+        <div id="interactive"></div>
+        </div>
+        <div class='pop'></div>
+        <img id='backImg' src="./images/back.png" style="width: 100%;">
+        <!-- <div class="box">
+            <div class="skew"><div class="skew-main">用css3旋转写平行四边形</div></div>
+        </div> -->
+        <div class='titleBox'>
+            <div id='jscs' onclick="toPage('jscs')"></div>
+            <div id='msjg' onclick="toPage('msjg')"></div>
+            <div id='jtcx' onclick="toPage('jtcx')"></div>
+            <div id='sthj' onclick="toPage('sthj')"></div>
+            <div id='csfz' onclick="toPage('csfz')"></div>
+            <div id='smxs' onclick="toPage('smxs')"></div>
+            <div id='zhgd' onclick="toPage('zhgd')"></div>
+            <div id='yjgl' onclick="toPage('yjgl')"></div>
+            <div id='sjgx' onclick="toPage('sjgx')"></div>
+            <div id='zhzf' onclick="toPage('zhzf')"></div>
+        </div>
+        <div id='msjgSecond'>
+            <span id='jiaoyu' onClick='toMsjgSecondPage(1)'></span>
+            <span id='yiliao' onClick='toMsjgSecondPage(2)'></span>
+        </div>
+        <div id='jtcxSecond'>
+            <span id='shishi' onClick='toJtcxSecondPage(1)'></span>
+            <span id='gongjiao' onClick='toJtcxSecondPage(2)'></span>
+        </div>
+        <div id='sthjSecond'>
+            <span id='shui' onClick='toSthjSecond(1)'></span>
+            <span id='kongqi' onClick='toSthjSecond(2)'></span>
+            <span id='wuran' onClick='toSthjSecond(3)'></span>
+        </div>
+        <div id='smxsSecond'>
+            <span id='tousu' onClick='toSmxsSecond(1)'></span>
+            <span id='fenbu' onClick='toSmxsSecond(2)'></span>
+        </div>
+    <script  src="earth.js"></script>
+</body>
+<!-- 确保运行本地服务器上 -->
+<!--  -->
+</html>
+<script>
+    var outerItem = 'jscs'
+   
+
+    function toPage(page){
+        document.getElementById("msjgSecond").style.display="none";
+        document.getElementById("jtcxSecond").style.display="none";
+        document.getElementById("sthjSecond").style.display="none";
+        document.getElementById("smxsSecond").style.display="none";
+        
+        outerItem = page; 
+        if(page == 'jscs'){
+            document.getElementById("backImg").src="./images/back.png" 
+        }else{
+            document.getElementById("backImg").src="./images/"+ page +".png" 
+        }
+        var childs = document.getElementById(page).parentNode.childNodes
+        for(var i in childs){
+            if(i%2 == 1){
+                childs[i].style.width = '6.3%'
+            }
+            
+        }
+        document.getElementById(page).style.width = '11.5%'
+
+        if(page == 'msjg'){
+            document.getElementById("msjgSecond").style.display="block";
+        }else if(page == 'jtcx'){
+            document.getElementById("jtcxSecond").style.display="block";
+        }else if(page == 'sthj'){
+            document.getElementById("sthjSecond").style.display="block";
+        }else if(page == 'smxs'){
+            document.getElementById("smxsSecond").style.display="block";
+        }
+        
+    }
+    // 民生机构
+    function toMsjgSecondPage(num){
+        toPage('msjg')
+        if(num === 2){
+            document.getElementById("backImg").src="./images/msjg2.png"
+        }else{
+            
+        }
+    }
+    // 交通出行
+    function toJtcxSecondPage(num){
+        toPage('jtcx')
+        if(num === 2){
+            document.getElementById("backImg").src="./images/jtcx2.png"
+        }else{
+        }
+    }
+    // 生态环境
+    function toSthjSecond(num){
+        toPage('sthj')
+        if(num === 1){
+            document.getElementById("backImg").src="./images/sthj.png"
+        }else if(num === 2){
+            document.getElementById("backImg").src="./images/sthj2.png"
+        }else if(num === 3){
+            document.getElementById("backImg").src="./images/sthj3.png"
+        }
+    }
+    // 市民心声
+    function toSmxsSecond(num){
+        toPage('msjg')
+        if(num === 2){
+            document.getElementById("backImg").src="./images/smxs2.png"
+        }else{
+            
+        }
+    }
+
+    if(outerItem == 'jscs'){
+        document.getElementById("backImg").src="./images/back.png"
+        jscs.style.width ='11.5%'
+    } 
+    
+</script>

+ 24 - 4
index.html

@@ -11,7 +11,7 @@
         <img src="img/logo.png" alt="" class="logo">
         <img src="img/font.png" alt="" class="font">
         <div class="mid">
-            <div class="mid-card2">
+            <div class="mid-card0">
                 <div class="mid-card">
                     <div class="yuan-wai">
                         <div class="yuan-li icon-7"></div>
@@ -24,8 +24,14 @@
                         <img src="img/icon_jiantou.png" alt="">
                     </a>
                 </div>
+				<div class="rukou">
+				    <a href="index-new.html" target="_blank">
+				        <p>市领导入口(新)</p>
+				        <img src="img/icon_jiantou.png" alt="">
+				    </a>
+				</div>
             </div>
-            <div class="mid-card2">
+            <div class="mid-card0">
                 <div class="mid-card">
                     <div class="yuan-wai">
                         <div class="yuan-li icon-8"></div>
@@ -39,6 +45,20 @@
                     </a>
                 </div>
             </div>
+			<div class="mid-card0">
+			    <div class="mid-card">
+			        <div class="yuan-wai">
+			            <div class="yuan-li icon-9"></div>
+			        </div>
+			        <p>城市经济运行监测</p>
+			    </div>
+			    <div class="rukou">
+			        <a href="http://www.datasunya.com/monitor/" target="_blank">
+			            <p>平台入口</p>
+			            <img src="img/icon_jiantou.png" alt="">
+			        </a>
+			    </div>
+			</div>
         </div>
         <div class="mid" style="display: none;">
             <div class="mid-card0" style="display: none;">
@@ -83,13 +103,13 @@
                     <p>数据交换与消息服务</p>
                 </div>
                 <div class="rukou">
-                    <a href="http://39.98.206.39:6100/center/" target="_blank">
+                    <a href="http://39.96.41.85:8100/dmp/" target="_blank">
                         <p>数据交换入口</p>
                         <img src="img/icon_jiantou.png" alt="">
                     </a>
                 </div>
 		<div class="rukou">
-                    <a href="http://39.98.206.39:8082" target="_blank">
+                    <a href="http://39.96.41.85:8082/center/" target="_blank">
                         <p>消息服务入口</p>
                         <img src="img/icon_jiantou.png" alt="">
                     </a>

+ 349 - 0
index_20191126.html

@@ -0,0 +1,349 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>平台管理和运维</title>
+    <link rel="stylesheet" href="css/hsbigdata.css" type="text/css">
+</head>
+<body>
+    <div class="row">
+        <img src="img/logo.png" alt="" class="logo">
+        <img src="img/font.png" alt="" class="font">
+        <div class="mid">
+            <div class="mid-card2">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-7"></div>
+                    </div>
+                    <p>城市运行监测预警平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatashow/" target="_blank">
+                        <p>市领导入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card2">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-8"></div>
+                    </div>
+                    <p>水务水文运行监控系统</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatashow/topic/water/home/index.htm" target="_blank">
+                        <p>部门领导入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="mid" style="display: none;">
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-5"></div>
+                    </div>
+                    <p>资源开放平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataopen/" target="_blank">
+                        <p>公众入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataopen/" target="_blank">
+                        <p>开发者入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-6"></div>
+                    </div>
+                    <p>资源共享平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatashare/" target="_blank">
+                        <p>部门管理员入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+	    <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-13"></div>
+                    </div>
+                    <p>数据交换与消息服务</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.98.206.39:6100/center/" target="_blank">
+                        <p>数据交换入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+		<div class="rukou">
+                    <a href="http://39.98.206.39:8082" target="_blank">
+                        <p>消息服务入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+		<div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataplatformresdir" target="_blank">
+                        <p>资源目录入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="mid" style="display: none;">
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-4"></div>
+                    </div>
+                    <p>服务开发环境平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.105.210.5:5151/devops-web/" target="_blank">
+                        <p>开发者入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+	    <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-11"></div>
+                    </div>
+                    <p>数据服务平台(DaaS)</p>
+                </div>
+                <div class="rukou">
+                    <a href="https://39.104.105.214:9002" target="_blank">
+                        <p>管理平台入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="https://39.104.175.149:9004/" target="_blank">
+                        <p>运行平台入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+
+            </div>
+            <div class="mid-card0" style="display: none;">
+                    <div class="mid-card">
+                        <div class="yuan-wai">
+                            <div class="yuan-li icon-21"></div>
+                        </div>
+                        <p>大数据分析与可视化</p>
+                    </div>
+                    <div class="rukou">
+                        <a href="http://citysdk.dgtis.com:8088" target="_blank">
+                            <p>平台入口</p>
+                            <img src="img/icon_jiantou.png" alt="">
+                        </a>
+                    </div>
+                   
+                </div>
+        </div>
+        <div class="mid" style="display: none;">
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-1"></div>
+                    </div>
+                    <p>平台业务管理系统</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataplatform/" target="_blank">
+                        <p>平台运营管理入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou rukou-h">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataplatform/" target="_blank">
+                        <p>部门管理员入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-2"></div>
+                    </div>
+                    <p>大数据平台运行监控系统</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://121.17.30.198:8097/" target="_blank">
+                        <p>平台运维入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-3"></div>
+                    </div>
+                    <p>PaaS管控平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.105.210.5:5151/microservice-web" target="_blank">
+                        <p>平台运维入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatagateway" target="_blank">
+                        <p>API网关</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatagatewayapp" target="_blank">
+                        <p>微应用网关</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+        </div>
+        <!--<div class="mid" style="display: none;">
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-11"></div>
+                    </div>
+                    <p>数据服务平台(DaaS)</p>
+                </div>
+                <div class="rukou">
+                    <a href="https://39.104.105.214:9002" target="_blank">
+                        <p>管理平台入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="https://39.104.175.149:9004/" target="_blank">
+                        <p>运行平台入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-12"></div>
+                    </div>
+                    <p>消息服务</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.98.206.39:8082" target="_blank">
+                        <p>监控入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-13"></div>
+                    </div>
+                    <p>数据交换</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.98.206.39:6100/center/" target="_blank">
+                        <p>监控入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+        </div>-->
+        <div class="bottom">
+            <div class="bottom-but clearfix" style="width: 100%;">
+                <div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card1 little-card-active">
+                            <img src="img/img_jiankong.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                <div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card2">
+                            <img src="img/icon_ziyuan.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                <div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card3">
+                            <img src="img/icon_kaifa.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                <div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card4">
+                            <img src="img/img_pingtai.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                <!--<div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card5">
+                            <img src="img/icon_shuju.png" alt="">
+                        </div>
+                    </div>
+                </div>-->
+            </div>
+            <div class="bottom-font">
+                <ul>
+                    <li>城市运行监控</li>
+                    <li>城市资源开放、共享</li>
+                    <li>城市资源开发</li>
+                    <li>平台管理和运维</li>
+                    <!--<li>数据服务</li>-->
+                </ul>
+            </div>   
+        </div>
+    </div>
+
+    <script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
+    <script type="text/javascript">
+        var isLoading = false;
+        $(function () {
+            $(".big-card").each(function (index, element) {
+                $(element).click(function () {
+                    if (isLoading){
+                        return;
+                    }
+                    isLoading = true;
+                    $(".little-card").removeClass("little-card-active");
+                    $(element).children(".little-card").addClass("little-card-active");
+                    var midShow = $(".mid").eq(index);
+                    var midHide = $(".mid:visible");
+                    if (midShow.is(midHide)) {
+                        isLoading = false;
+                        return;
+                    }
+                    midHide.children().slideUp(function () {
+                        midHide.hide();
+                        midShow.show();
+                        midShow.children().fadeIn();
+                        isLoading = false;
+                    });
+                })
+            })
+        });
+    </script>
+</body>
+</html>

+ 369 - 0
index_20191220.html

@@ -0,0 +1,369 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>平台管理和运维</title>
+    <link rel="stylesheet" href="css/hsbigdata.css" type="text/css">
+</head>
+<body>
+    <div class="row">
+        <img src="img/logo.png" alt="" class="logo">
+        <img src="img/font.png" alt="" class="font">
+        <div class="mid">
+            <div class="mid-card0">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-7"></div>
+                    </div>
+                    <p>城市运行监测预警平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatashow/" target="_blank">
+                        <p>市领导入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+				<div class="rukou">
+				    <a href="index.html" target="_blank">
+				        <p>市领导入口(新)</p>
+				        <img src="img/icon_jiantou.png" alt="">
+				    </a>
+				</div>
+            </div>
+            <div class="mid-card0">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-8"></div>
+                    </div>
+                    <p>水务水文运行监控系统</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatashow/topic/water/home/index.htm" target="_blank">
+                        <p>部门领导入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+			<div class="mid-card0">
+			    <div class="mid-card">
+			        <div class="yuan-wai">
+			            <div class="yuan-li icon-9"></div>
+			        </div>
+			        <p>城市经济运行监测</p>
+			    </div>
+			    <div class="rukou">
+			        <a href="http://www.datasunya.com/monitor/" target="_blank">
+			            <p>平台入口</p>
+			            <img src="img/icon_jiantou.png" alt="">
+			        </a>
+			    </div>
+			</div>
+        </div>
+        <div class="mid" style="display: none;">
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-5"></div>
+                    </div>
+                    <p>资源开放平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataopen/" target="_blank">
+                        <p>公众入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataopen/" target="_blank">
+                        <p>开发者入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-6"></div>
+                    </div>
+                    <p>资源共享平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatashare/" target="_blank">
+                        <p>部门管理员入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+	    <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-13"></div>
+                    </div>
+                    <p>数据交换与消息服务</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.98.206.39:6100/center/" target="_blank">
+                        <p>数据交换入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+		<div class="rukou">
+                    <a href="http://39.98.206.39:8082" target="_blank">
+                        <p>消息服务入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+		<div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataplatformresdir" target="_blank">
+                        <p>资源目录入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="mid" style="display: none;">
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-4"></div>
+                    </div>
+                    <p>服务开发环境平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.105.210.5:5151/devops-web/" target="_blank">
+                        <p>开发者入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+	    <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-11"></div>
+                    </div>
+                    <p>数据服务平台(DaaS)</p>
+                </div>
+                <div class="rukou">
+                    <a href="https://39.104.105.214:9002" target="_blank">
+                        <p>管理平台入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="https://39.104.175.149:9004/" target="_blank">
+                        <p>运行平台入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+
+            </div>
+            <div class="mid-card0" style="display: none;">
+                    <div class="mid-card">
+                        <div class="yuan-wai">
+                            <div class="yuan-li icon-21"></div>
+                        </div>
+                        <p>大数据分析与可视化</p>
+                    </div>
+                    <div class="rukou">
+                        <a href="http://citysdk.dgtis.com:8088" target="_blank">
+                            <p>平台入口</p>
+                            <img src="img/icon_jiantou.png" alt="">
+                        </a>
+                    </div>
+                   
+                </div>
+        </div>
+        <div class="mid" style="display: none;">
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-1"></div>
+                    </div>
+                    <p>平台业务管理系统</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataplatform/" target="_blank">
+                        <p>平台运营管理入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou rukou-h">
+                    <a href="http://citysdk.dgtis.com:8080/hsdataplatform/" target="_blank">
+                        <p>部门管理员入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-2"></div>
+                    </div>
+                    <p>大数据平台运行监控系统</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://121.17.30.198:8097/" target="_blank">
+                        <p>平台运维入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-3"></div>
+                    </div>
+                    <p>PaaS管控平台</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.105.210.5:5151/microservice-web" target="_blank">
+                        <p>平台运维入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatagateway" target="_blank">
+                        <p>API网关</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="http://citysdk.dgtis.com:8080/hsdatagatewayapp" target="_blank">
+                        <p>微应用网关</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+        </div>
+        <!--<div class="mid" style="display: none;">
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-11"></div>
+                    </div>
+                    <p>数据服务平台(DaaS)</p>
+                </div>
+                <div class="rukou">
+                    <a href="https://39.104.105.214:9002" target="_blank">
+                        <p>管理平台入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                <div class="rukou">
+                    <a href="https://39.104.175.149:9004/" target="_blank">
+                        <p>运行平台入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+                
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-12"></div>
+                    </div>
+                    <p>消息服务</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.98.206.39:8082" target="_blank">
+                        <p>监控入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="mid-card0" style="display: none;">
+                <div class="mid-card">
+                    <div class="yuan-wai">
+                        <div class="yuan-li icon-13"></div>
+                    </div>
+                    <p>数据交换</p>
+                </div>
+                <div class="rukou">
+                    <a href="http://39.98.206.39:6100/center/" target="_blank">
+                        <p>监控入口</p>
+                        <img src="img/icon_jiantou.png" alt="">
+                    </a>
+                </div>
+            </div>
+        </div>-->
+        <div class="bottom">
+            <div class="bottom-but clearfix" style="width: 100%;">
+                <div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card1 little-card-active">
+                            <img src="img/img_jiankong.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                <div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card2">
+                            <img src="img/icon_ziyuan.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                <div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card3">
+                            <img src="img/icon_kaifa.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                <div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card4">
+                            <img src="img/img_pingtai.png" alt="">
+                        </div>
+                    </div>
+                </div>
+                <!--<div class="bottom-card0">
+                    <div class="big-card">
+                        <div class="little-card little-card5">
+                            <img src="img/icon_shuju.png" alt="">
+                        </div>
+                    </div>
+                </div>-->
+            </div>
+            <div class="bottom-font">
+                <ul>
+                    <li>城市运行监控</li>
+                    <li>城市资源开放、共享</li>
+                    <li>城市资源开发</li>
+                    <li>平台管理和运维</li>
+                    <!--<li>数据服务</li>-->
+                </ul>
+            </div>   
+        </div>
+    </div>
+
+    <script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
+    <script type="text/javascript">
+        var isLoading = false;
+        $(function () {
+            $(".big-card").each(function (index, element) {
+                $(element).click(function () {
+                    if (isLoading){
+                        return;
+                    }
+                    isLoading = true;
+                    $(".little-card").removeClass("little-card-active");
+                    $(element).children(".little-card").addClass("little-card-active");
+                    var midShow = $(".mid").eq(index);
+                    var midHide = $(".mid:visible");
+                    if (midShow.is(midHide)) {
+                        isLoading = false;
+                        return;
+                    }
+                    midHide.children().slideUp(function () {
+                        midHide.hide();
+                        midShow.show();
+                        midShow.children().fadeIn();
+                        isLoading = false;
+                    });
+                })
+            })
+        });
+    </script>
+</body>
+</html>