diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index e4e721b..bc1e592 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -26,8 +26,8 @@
       <file leaf-file-name="frame.html" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/frame.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="-0.8484849" vertical-offset="0" max-vertical-offset="2436">
-              <caret line="1" column="6" selection-start-line="1" selection-start-column="6" selection-end-line="1" selection-end-column="6" />
+            <state vertical-scroll-proportion="2.5454545" vertical-offset="84" max-vertical-offset="2436">
+              <caret line="0" column="15" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
               <folding />
             </state>
           </provider>
@@ -36,20 +36,27 @@
       <file leaf-file-name="frame.js" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/js/frame.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="0.0" vertical-offset="8889" max-vertical-offset="10472">
-              <caret line="420" column="57" selection-start-line="420" selection-start-column="57" selection-end-line="420" selection-end-column="57" />
+            <state vertical-scroll-proportion="0.0" vertical-offset="2770" max-vertical-offset="10668">
+              <caret line="202" column="28" selection-start-line="202" selection-start-column="28" selection-end-line="202" selection-end-column="28" />
               <folding>
-                <element signature="e#75#3403#0" expanded="false" />
+                <element signature="e#85#248#0" expanded="false" />
+                <element signature="e#258#1307#0" expanded="false" />
+                <element signature="e#1317#1795#0" expanded="false" />
+                <element signature="e#1805#2281#0" expanded="false" />
+                <element signature="e#2291#2540#0" expanded="false" />
+                <element signature="e#2550#3037#0" expanded="false" />
+                <element signature="e#3047#3791#0" expanded="false" />
+                <marker date="1505206125462" expanded="true" signature="6588:6602" placeholder="..." />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="README.md" pinned="false" current="true" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/README.md">
+      <file leaf-file-name="frame.css" pinned="false" current="true" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/css/frame.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="0.07537012" vertical-offset="0" max-vertical-offset="743">
-              <caret line="2" column="0" selection-start-line="2" selection-start-column="0" selection-end-line="2" selection-end-column="0" />
+            <state vertical-scroll-proportion="0.3768506" vertical-offset="4088" max-vertical-offset="7840">
+              <caret line="156" column="0" selection-start-line="156" selection-start-column="0" selection-end-line="156" selection-end-column="0" />
               <folding />
             </state>
           </provider>
@@ -78,9 +85,9 @@
   <component name="IdeDocumentHistory">
     <option name="changedFiles">
       <list>
-        <option value="$PROJECT_DIR$/css/frame.css" />
         <option value="$PROJECT_DIR$/frame.html" />
         <option value="$PROJECT_DIR$/js/frame.js" />
+        <option value="$PROJECT_DIR$/css/frame.css" />
       </list>
     </option>
   </component>
@@ -181,6 +188,47 @@
     </key>
   </component>
   <component name="RunManager">
+    <configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit">
+      <option name="VMOptions" />
+      <option name="arguments" />
+      <option name="filePath" />
+      <option name="scope" value="ALL" />
+      <option name="testName" />
+      <method />
+    </configuration>
+    <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
+      <option name="VMOptions" />
+      <option name="arguments" />
+      <option name="filePath" />
+      <option name="name" value="Dart" />
+      <option name="saveOutputToFile" value="false" />
+      <option name="showConsoleOnStdErr" value="false" />
+      <option name="showConsoleOnStdOut" value="false" />
+      <method />
+    </configuration>
+    <configuration default="true" type="CucumberJavaScriptRunConfigurationType" factoryName="Cucumber.js">
+      <option name="cucumberJsArguments" />
+      <option name="executablePath" />
+      <option name="filePath" />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="JSTestDriver:ConfigurationType" factoryName="JsTestDriver">
+      <setting name="configLocationType" value="CONFIG_FILE" />
+      <setting name="settingsFile" value="" />
+      <setting name="serverType" value="INTERNAL" />
+      <setting name="preferredDebugBrowser" value="Chrome" />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
+      <method />
+    </configuration>
+    <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" working-dir="">
+      <method />
+    </configuration>
     <list size="0" />
   </component>
   <component name="ShelveChangesManager" show_recycled="false" />
@@ -248,7 +296,14 @@
         <state vertical-scroll-proportion="0.0" vertical-offset="9576" max-vertical-offset="9800">
           <caret line="342" column="28" selection-start-line="342" selection-start-column="28" selection-end-line="342" selection-end-column="28" />
           <folding>
-            <element signature="e#75#3403#0" expanded="false" />
+            <element signature="e#85#248#0" expanded="false" />
+            <element signature="e#258#1307#0" expanded="false" />
+            <element signature="e#1317#1795#0" expanded="false" />
+            <element signature="e#1805#2281#0" expanded="false" />
+            <element signature="e#2291#2540#0" expanded="false" />
+            <element signature="e#2550#3037#0" expanded="false" />
+            <element signature="e#3047#3791#0" expanded="false" />
+            <marker date="1505206125462" expanded="true" signature="6588:6602" placeholder="..." />
           </folding>
         </state>
       </provider>
@@ -265,47 +320,55 @@
       <provider selected="true" editor-type-id="text-editor">
         <state vertical-scroll-proportion="0.82234186" vertical-offset="18093" max-vertical-offset="45640">
           <caret line="671" column="26" selection-start-line="671" selection-start-column="26" selection-end-line="671" selection-end-column="26" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/frame.css">
+    <entry file="file://$PROJECT_DIR$/home.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.08344549" vertical-offset="3466" max-vertical-offset="6776">
-          <caret line="126" column="22" selection-start-line="126" selection-start-column="22" selection-end-line="126" selection-end-column="22" />
+        <state vertical-scroll-proportion="0.0" vertical-offset="84" max-vertical-offset="420">
+          <caret line="3" column="26" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/home.html">
+    <entry file="file://$PROJECT_DIR$/README.md">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0" vertical-offset="84" max-vertical-offset="420">
-          <caret line="3" column="26" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
+        <state vertical-scroll-proportion="0.0" vertical-offset="0" max-vertical-offset="308">
+          <caret line="2" column="0" selection-start-line="2" selection-start-column="0" selection-end-line="2" selection-end-column="0" />
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/frame.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-0.8484849" vertical-offset="0" max-vertical-offset="2436">
-          <caret line="1" column="6" selection-start-line="1" selection-start-column="6" selection-end-line="1" selection-end-column="6" />
+        <state vertical-scroll-proportion="2.5454545" vertical-offset="84" max-vertical-offset="2436">
+          <caret line="0" column="15" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/js/frame.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0" vertical-offset="8889" max-vertical-offset="10472">
-          <caret line="420" column="57" selection-start-line="420" selection-start-column="57" selection-end-line="420" selection-end-column="57" />
+        <state vertical-scroll-proportion="0.0" vertical-offset="2770" max-vertical-offset="10668">
+          <caret line="202" column="28" selection-start-line="202" selection-start-column="28" selection-end-line="202" selection-end-column="28" />
           <folding>
-            <element signature="e#75#3403#0" expanded="false" />
+            <element signature="e#85#248#0" expanded="false" />
+            <element signature="e#258#1307#0" expanded="false" />
+            <element signature="e#1317#1795#0" expanded="false" />
+            <element signature="e#1805#2281#0" expanded="false" />
+            <element signature="e#2291#2540#0" expanded="false" />
+            <element signature="e#2550#3037#0" expanded="false" />
+            <element signature="e#3047#3791#0" expanded="false" />
+            <marker date="1505206125462" expanded="true" signature="6588:6602" placeholder="..." />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/README.md">
+    <entry file="file://$PROJECT_DIR$/css/frame.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.07537012" vertical-offset="0" max-vertical-offset="743">
-          <caret line="2" column="0" selection-start-line="2" selection-start-column="0" selection-end-line="2" selection-end-column="0" />
+        <state vertical-scroll-proportion="0.3768506" vertical-offset="4088" max-vertical-offset="7840">
+          <caret line="156" column="0" selection-start-line="156" selection-start-column="0" selection-end-line="156" selection-end-column="0" />
           <folding />
         </state>
       </provider>
diff --git a/css/frame.css b/css/frame.css
index e03f148..4953ae7 100644
--- a/css/frame.css
+++ b/css/frame.css
@@ -128,6 +128,7 @@
     color: #dcdcdc ;
     float:left;
     width:100%;
+    background: #232323;
 }
 .left ul.first {
 	position: absolute;
@@ -140,7 +141,6 @@
 .left ul.first li {
     list-style: none;
     line-height: 48px;
-    margin-bottom: 1px;
     background-color: #434343;
 }
 .left ul.first li:hover {
@@ -148,16 +148,15 @@
 }
 .left .first ul li {
     background-color: #2e2e2e;
-    margin-bottom: 1px;
     float: left;
     width: 100%;
 }
 .pl-48 {
     padding-left: 48px;
 }
-.left .first .inner-menu {
-    /*max-height: 300px;*/
-    /*overflow: auto !important;*/
+
+.left .menu li .box:hover {
+    background: #000000;
 }
 
 .left .menu li i.menu-icon {
diff --git a/js/frame.js b/js/frame.js
index 66a5b0e..db0ac4b 100644
--- a/js/frame.js
+++ b/js/frame.js
@@ -9,29 +9,32 @@
             id:'001',
             title:'首页',
             path:'home.html',
+            level:1,
             children:[]
         },
         {
             icon:'icon-sk002',
             title:'报表',
             id:'002',
+            level:1,
             path:'',
             children:[
-                {id:'003',icon:'',title:'岗位管理',children:[
+                {id:'003', level:2, icon:'',title:'岗位管理',children:[
                     {
-                        icon:'icon-sk001',
+                        icon:'',
                         id:'004',
+                        level:3,
                         title:'首11111页',
                         path:'page1.html',
                         children:[]
                     }
                 ]},
-                {id:'005',icon:'',title:'规定管理',path:'page2.html',children:[]},
-                {id:'006',icon:'',title:'术语管理',path:'page3.html',children:[]},
-                {id:'007',icon:'',title:'程序管理',path:'page1.html',children:[]},
-                {id:'008',icon:'',title:'附件管理',path:'page2.html',children:[]},
-                {id:'009',icon:'',title:'作废审批',path:'page3.html',children:[]},
-                {id:'010',icon:'',title:'岗位说明书管理',path:'page1.html',children:[]}
+                {id:'005',level:2, icon:'',title:'规定管理',path:'page2.html',children:[]},
+                {id:'006',level:2, icon:'',title:'术语管理',path:'page3.html',children:[]},
+                {id:'007',level:2, icon:'',title:'程序管理',path:'page1.html',children:[]},
+                {id:'008',level:2, icon:'',title:'附件管理',path:'page2.html',children:[]},
+                {id:'009',level:2, icon:'',title:'作废审批',path:'page3.html',children:[]},
+                {id:'010',level:2, icon:'',title:'岗位说明书管理',path:'page1.html',children:[]}
             ]
         },
         {
@@ -39,11 +42,12 @@
             icon:'icon-sk003',
             title:'数据中心管理',
             path:'',
+            level:1,
             children:[
-                {id:'012',icon:'',title:'资源管理',path:'',children:[]},
-                {id:'013',icon:'',title:'角色管理',path:'',children:[]},
-                {id:'014',icon:'',title:'用户管理',path:'',children:[]},
-                {id:'015',icon:'',title:'组织机构',path:'',children:[]}
+                {id:'012',level:2,icon:'',title:'资源管理',path:'',children:[]},
+                {id:'013',level:2,icon:'',title:'角色管理',path:'',children:[]},
+                {id:'014',level:2,icon:'',title:'用户管理',path:'',children:[]},
+                {id:'015',level:2,icon:'',title:'组织机构',path:'',children:[]}
             ]
         },
         {
@@ -51,11 +55,12 @@
             icon:'icon-sk004',
             title:'权限管理',
             path:'',
+            level:1,
             children:[
-                {id:'017',icon:'',title:'资源管理',path:'',children:[]},
-                {id:'018',icon:'',title:'角色管理',path:'',children:[]},
-                {id:'019',icon:'',title:'用户管理',path:'',children:[]},
-                {id:'020',icon:'',title:'组织机构',path:'',children:[]}
+                {id:'017',level:2,icon:'',title:'资源管理',path:'',children:[]},
+                {id:'018',level:2,icon:'',title:'角色管理',path:'',children:[]},
+                {id:'019',level:2,icon:'',title:'用户管理',path:'',children:[]},
+                {id:'020',level:2,icon:'',title:'组织机构',path:'',children:[]}
             ]
         },
         {
@@ -63,8 +68,9 @@
             icon:'icon-sk005',
             title:'基础数据维护',
             path:'',
+            level:1,
             children:[
-                {id:'022',icon:'',title:'数据字典管理',path:'',children:[]}
+                {id:'022',level:2,icon:'',title:'数据字典管理',path:'',children:[]}
             ]
         },
         {
@@ -72,11 +78,12 @@
             icon:'icon-sk006',
             title:'系统管理',
             path:'',
+            level:1,
             children:[
-                {id:'024',icon:'',title:'SD图管理',path:'',children:[]},
-                {id:'025',icon:'',title:'SD图审核及记录',path:'',children:[]},
-                {id:'026',icon:'',title:'SD图延迟预警',path:'',children:[]},
-                {id:'027',icon:'',title:'SD图操作日志',path:'',children:[]}
+                {id:'024',level:2,icon:'',title:'SD图管理',path:'',children:[]},
+                {id:'025',level:2,icon:'',title:'SD图审核及记录',path:'',children:[]},
+                {id:'026',level:2,icon:'',title:'SD图延迟预警',path:'',children:[]},
+                {id:'027',level:2,icon:'',title:'SD图操作日志',path:'',children:[]}
             ]
         },
         {
@@ -84,15 +91,16 @@
             icon:'icon-sk007',
             title:'监控',
             path:'',
+            level:1,
             children:[
-                {id:'029',icon:'',title:'SD图管理',path:'',children:[
-                    {id:'030',icon:'',title:'SD图一',path:'',children:[]},
-                    {id:'031',icon:'',title:'SD图二',path:'',children:[]},
-                    {id:'032',icon:'',title:'SD图三',path:'',children:[]}
+                {id:'029',level:2,icon:'',title:'SD图管理',path:'',children:[
+                    {id:'030',level:3,icon:'',title:'SD图一',path:'',children:[]},
+                    {id:'031',level:3,icon:'',title:'SD图二',path:'',children:[]},
+                    {id:'032',level:3,icon:'',title:'SD图三',path:'',children:[]}
                 ]},
-                {id:'033',icon:'',title:'SD图审核及记录',path:'',children:[]},
-                {id:'034',icon:'',title:'SD图延迟预警',path:'',children:[]},
-                {id:'035',icon:'',title:'SD图操作日志',path:'',children:[]}
+                {id:'033',level:2,icon:'',title:'SD图审核及记录',path:'',children:[]},
+                {id:'034',level:2,icon:'',title:'SD图延迟预警',path:'',children:[]},
+                {id:'035',level:2,icon:'',title:'SD图操作日志',path:'',children:[]}
             ]
         }
     ];
@@ -190,10 +198,9 @@
     function createMenuItem (menu) {
         if(menu.children.length == 0)  idMapData[menu.id] = menu ;
         var arrowCls = menu.children.length > 0 ? '' : 'hide';
-        var pl = '';
-        if(menu.icon == "") pl = "pl-48" ;
-        return "<li menu-id='"+menu.id+"' class='"+pl+"'>"+
-            "<div>"+
+        var pl = (menu.level - 1) * 24;
+        return "<li menu-id='"+menu.id+"'>"+
+            "<div class='box' style='padding-left: "+pl+"px'>"+
             "<i class='"+menu.icon+" menu-icon'></i>"+
             "<a>"+menu.title+"</a>"+
             "<i class='menu-arrow icon-sk027 "+arrowCls+"'></i>"+
@@ -207,11 +214,11 @@
     function onMenuItemClick (ev) {
         ev.preventDefault();ev.stopPropagation();
         if($(ev.currentTarget).has("ul").length > 0) {
+            if(!$(ev.currentTarget).find(".menu-arrow").first().hasClass("hide")) {
+                $(ev.currentTarget).find(".menu-arrow").first().toggleClass('icon-sk039','icon-sk027');
+            }
             if(!expendMenu) return ;
             $(ev.currentTarget).find("ul").first().slideToggle(300);
-            if(!$(ev.currentTarget).find(".menu-arrow").hasClass("hide")) {
-                $(ev.currentTarget).find(".menu-arrow").toggleClass('icon-sk039','icon-sk027');
-            }
         } else {
             excuteMenuEvent(ev);
         }
@@ -373,10 +380,11 @@
     }
 
     function onHoverInMenuItem (ev) {
+        if(expendMenu) {return ;}
         ev.preventDefault();ev.stopPropagation();
         var menuId = $(ev.currentTarget).attr("menu-id") ;
         var floatMenu = document.getElementById("f"+menuId);
-        if(!expendMenu && floatMenu == null) {
+        if(floatMenu == null) {
             if(idChildrenData[menuId]) {
                 createFloatMenu(ev.currentTarget ,  menuId);
             }
@@ -384,14 +392,13 @@
     }
 
     function onHoverOutMenuItem (ev) {
+        if(expendMenu) {return ;}
         var menuId = $(ev.currentTarget).attr("menu-id") ;
         var floatMenu = document.getElementById("f"+menuId);
-        if(!expendMenu) {
-            if(floatMenu != null) {
-                $(floatMenu).fadeOut(function () {
-                    $(floatMenu).remove();
-                })
-            }
+        if(floatMenu != null) {
+            $(floatMenu).fadeOut(function () {
+                $(floatMenu).remove();
+            })
         }
     }