更新新闻中心

.idea/encodings.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

.idea/workspace.xml

@@ -1,12 +1,28 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="16049291-669a-47fb-8e5c-99449ef4a199" name="Default" comment="" />
+    <list default="true" id="16049291-669a-47fb-8e5c-99449ef4a199" name="Default" comment="">
+      <change afterPath="$PROJECT_DIR$/css/gray.svg" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/images/news/List@2x.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/images/news/List@3x.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/images/news/Showroom@2x.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/images/news/Showroom@3x.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/news.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/careers.html" beforeDir="false" afterPath="$PROJECT_DIR$/careers.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/contact.html" beforeDir="false" afterPath="$PROJECT_DIR$/contact.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/style.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/style.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/do.html" beforeDir="false" afterPath="$PROJECT_DIR$/do.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/licheng.html" beforeDir="false" afterPath="$PROJECT_DIR$/licheng.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/loading.html" beforeDir="false" afterPath="$PROJECT_DIR$/loading.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/projects-1.html" beforeDir="false" afterPath="$PROJECT_DIR$/projects-1.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/projects.html" beforeDir="false" afterPath="$PROJECT_DIR$/projects.html" afterDir="false" />
+    </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
     <ignored path="$PROJECT_DIR$/tmp/" />
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
-    <option name="TRACKING_ENABLED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -14,96 +30,177 @@
   </component>
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="451">
-              <caret line="564" column="27" lean-forward="true" selection-start-line="564" selection-start-column="27" selection-end-line="564" selection-end-column="27" />
+            <state relative-caret-position="400">
+              <caret line="644" lean-forward="true" selection-start-line="644" selection-end-line="644" />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="contact.html" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/contact.html">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/news.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="425">
-              <caret line="17" lean-forward="true" selection-start-line="17" selection-end-line="17" />
+            <state relative-caret-position="-2337">
+              <caret line="96" column="80" selection-start-line="96" selection-start-column="74" selection-end-line="96" selection-end-column="80" />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="projects-1-1.html" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/projects-1-1.html">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/careers.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="207">
+              <caret line="42" column="12" lean-forward="true" selection-start-line="42" selection-start-column="12" selection-end-line="42" selection-end-column="12" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/contact.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="2475">
-              <caret line="99" column="26" selection-start-line="99" selection-start-column="26" selection-end-line="99" selection-end-column="26" />
+            <state relative-caret-position="391">
+              <caret line="29" column="51" selection-start-line="29" selection-start-column="51" selection-end-line="29" selection-end-column="51" />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="chuangshiren.html" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/chuangshiren.html">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/do.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="818">
-              <caret line="119" column="112" selection-start-line="119" selection-start-column="112" selection-end-line="119" selection-end-column="112" />
+            <state relative-caret-position="733">
+              <caret line="142" column="51" selection-start-line="142" selection-start-column="51" selection-end-line="142" selection-end-column="51" />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="licheng.html" pinned="false" current-in-tab="false">
+      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/licheng.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="10325">
-              <caret line="413" column="37" selection-start-line="413" selection-start-column="37" selection-end-line="413" selection-end-column="37" />
+            <state relative-caret-position="368">
+              <caret line="16" column="54" lean-forward="true" selection-start-line="16" selection-start-column="54" selection-end-line="16" selection-end-column="54" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/projects.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="388">
+              <caret line="54" column="43" selection-start-line="54" selection-start-column="43" selection-end-line="54" selection-end-column="43" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/projects-1.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="227">
+              <caret line="39" column="51" selection-start-line="39" selection-start-column="51" selection-end-line="39" selection-end-column="51" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/loading.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="281">
+              <caret line="245" column="27" lean-forward="true" selection-start-line="245" selection-start-column="27" selection-end-line="245" selection-end-column="27" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/style.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="515">
+              <caret line="2012" column="5" lean-forward="true" selection-start-line="2012" selection-start-column="5" selection-end-line="2012" selection-end-column="5" />
             </state>
           </provider>
         </entry>
       </file>
     </leaf>
   </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="HTML File" />
+      </list>
+    </option>
+  </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <find>我们在线收集了大量C端的产品设计需求热度数</find>
-      <find>showSliderLink</find>
-      <find>images/slider/2.jpg</find>
-      <find>ELAB是一家以技术</find>
-      <find>ELAB是一家以技术和数据驱动的新型未来人居空间开发的互联网平台型</find>
-      <find>swiper-slide</find>
-      <find>.swiper</find>
-      <find>售后全生命周期地产线上营销应用场</find>
-      <find>spaceBetween</find>
-      <find>“探索必不可少”</find>
+      <find>news-detail</find>
+      <find>article-close</find>
+      <find>newsBody</find>
+      <find>600</find>
+      <find>menu-close</find>
+      <find>and (max-width: 750px)</find>
+      <find>800</find>
+      <find>max-width</find>
+      <find>768px</find>
+      <find>email-address</find>
+      <find>2000</find>
+      <find>upAndDown</find>
+      <find>animation</find>
+      <find>map-img</find>
+      <find>map-address</find>
+      <find>animationDescDis</find>
+      <find>elab_who</find>
+      <find>showWho</find>
+      <find>frameWho</find>
+      <find>menu-contact-list</find>
+      <find>menu-contact-map</find>
+      <find>menu-contact</find>
+      <find>menu-list</find>
+      <find>validateImages</find>
+      <find>hideLoading</find>
+      <find>handleModuleShow</find>
+      <find>turnToArticle</find>
+      <find>news-iframe</find>
+      <find>loading</find>
+      <find>parent</find>
     </findStrings>
+    <replaceStrings>
+      <replace>750</replace>
+      <replace>and (max-width: 750px) and (-webkit-min-device-pixel-ratio:2)</replace>
+      <replace>700</replace>
+    </replaceStrings>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
-        <option value="$PROJECT_DIR$/licheng.html" />
         <option value="$PROJECT_DIR$/projects-1-1.html" />
         <option value="$PROJECT_DIR$/chuangshiren.html" />
+        <option value="$PROJECT_DIR$/js/gray.svg" />
+        <option value="$PROJECT_DIR$/contact.html" />
+        <option value="$PROJECT_DIR$/do.html" />
+        <option value="$PROJECT_DIR$/projects.html" />
+        <option value="$PROJECT_DIR$/projects-1.html" />
+        <option value="$PROJECT_DIR$/careers.html" />
+        <option value="$PROJECT_DIR$/licheng.html" />
+        <option value="$PROJECT_DIR$/css/style.css" />
+        <option value="$PROJECT_DIR$/index.html" />
+        <option value="$PROJECT_DIR$/news.html" />
+        <option value="$PROJECT_DIR$/loading.html" />
       </list>
     </option>
   </component>
-  <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
-  <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
   <component name="JsFlowSettings">
     <service-enabled>true</service-enabled>
     <exe-path />
     <other-services-enabled>true</other-services-enabled>
     <auto-save>true</auto-save>
   </component>
-  <component name="JsGulpfileManager">
-    <detection-done>true</detection-done>
-    <sorting>DEFINITION_ORDER</sorting>
-  </component>
-  <component name="NodePackageJsonFileManager">
-    <packageJsonPaths />
-  </component>
   <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="1912" />
-    <option name="y" value="-8" />
-    <option name="width" value="1936" />
-    <option name="height" value="1056" />
+    <option name="x" value="1667" />
+    <option name="y" value="106" />
+    <option name="width" value="1382" />
+    <option name="height" value="744" />
   </component>
   <component name="ProjectView">
     <navigator proportions="" version="1">
@@ -114,39 +211,42 @@
         <subPane>
           <expand>
             <path>
-              <item name="html" type="b2602c69:ProjectViewProjectNode" />
-              <item name="html" type="462c0819:PsiDirectoryNode" />
+              <item name="ElabGuanWang" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ElabGuanWang" type="462c0819:PsiDirectoryNode" />
             </path>
             <path>
-              <item name="html" type="b2602c69:ProjectViewProjectNode" />
-              <item name="html" type="462c0819:PsiDirectoryNode" />
+              <item name="ElabGuanWang" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ElabGuanWang" type="462c0819:PsiDirectoryNode" />
               <item name="css" type="462c0819:PsiDirectoryNode" />
             </path>
             <path>
-              <item name="html" type="b2602c69:ProjectViewProjectNode" />
-              <item name="html" type="462c0819:PsiDirectoryNode" />
-              <item name="ElabWeb" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="html" type="b2602c69:ProjectViewProjectNode" />
-              <item name="html" type="462c0819:PsiDirectoryNode" />
-              <item name="ElabWeb" type="462c0819:PsiDirectoryNode" />
-              <item name=".idea" type="462c0819:PsiDirectoryNode" />
+              <item name="ElabGuanWang" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ElabGuanWang" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
         </subPane>
       </pane>
       <pane id="Scope" />
+      <pane id="PackagesPane" />
     </panes>
   </component>
   <component name="PropertiesComponent">
+    <property name="DefaultHtmlFileTemplate" value="HTML File" />
     <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="com.android.tools.idea.instantapp.provision.ProvisionBeforeRunTaskProvider.myTimeStamp" value="1543559779251" />
     <property name="last_opened_file_path" value="$PROJECT_DIR$" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
     <property name="settings.editor.selected.configurable" value="configurable.group.editor" />
   </component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="F:\WorkPlace\Elab\GitWorkPlace\ElabGuanWang\css" />
+      <recent name="F:\WorkPlace\Elab\GitWorkPlace\ElabGuanWang\images\news" />
+    </key>
+  </component>
   <component name="RunDashboard">
     <option name="ruleStates">
       <list>
@@ -159,6 +259,16 @@
       </list>
     </option>
   </component>
+  <component name="RunManager">
+    <configuration name="index.html" type="JavascriptDebugType" temporary="true" nameIsGenerated="true" uri="http://localhost:63342/ElabGuanWang/html/index.html">
+      <method v="2" />
+    </configuration>
+    <recent_temporary>
+      <list>
+        <item itemvalue="JavaScript Debug.index.html" />
+      </list>
+    </recent_temporary>
+  </component>
   <component name="SvnConfiguration">
     <configuration />
   </component>
@@ -171,102 +281,176 @@
       <updated>1539660406739</updated>
       <workItem from="1539660408684" duration="3563000" />
       <workItem from="1543228014921" duration="1384000" />
+      <workItem from="1543311560829" duration="3188000" />
+      <workItem from="1543371292215" duration="38782000" />
+      <workItem from="1543457183970" duration="48875000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="4947000" />
+    <option name="totallyTimeSpent" value="95792000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="1912" y="-8" width="1936" height="1056" extended-state="6" />
+    <frame x="1358" y="-8" width="1936" height="1056" extended-state="6" />
     <editor active="true" />
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.13856691" />
-      <window_info anchor="bottom" id="TODO" order="6" />
-      <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
-      <window_info anchor="bottom" id="Event Log" order="7" side_tool="true" />
-      <window_info anchor="bottom" id="Version Control" order="7" show_stripe_button="false" />
-      <window_info anchor="bottom" id="Run" order="2" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.1444563" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
-      <window_info anchor="bottom" id="Terminal" order="7" />
       <window_info id="Favorites" order="2" side_tool="true" />
-      <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
-      <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
+      <window_info id="Image Layers" order="3" />
+      <window_info id="Designer" order="4" />
+      <window_info id="Capture Tool" order="5" />
+      <window_info anchor="bottom" id="Messages" />
+      <window_info anchor="bottom" id="Message" order="0" />
+      <window_info anchor="bottom" id="Find" order="1" />
+      <window_info anchor="bottom" id="Run" order="2" />
+      <window_info anchor="bottom" id="Debug" order="3" visible="true" weight="0.17570499" />
+      <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
       <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
+      <window_info anchor="bottom" id="TODO" order="6" />
+      <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Terminal" order="8" />
+      <window_info anchor="bottom" id="Event Log" order="9" side_tool="true" />
+      <window_info anchor="bottom" id="Version Control" order="10" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Database Changes" order="11" />
       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
-      <window_info anchor="bottom" id="Message" order="0" />
-      <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
-      <window_info anchor="bottom" id="Find" order="1" />
+      <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
+      <window_info anchor="right" id="Theme Preview" order="3" />
+      <window_info anchor="right" id="Capture Analysis" order="4" />
+      <window_info anchor="right" id="Database" order="5" />
+      <window_info anchor="right" id="Palette&#9;" order="6" />
     </layout>
   </component>
   <component name="TypeScriptGeneratedFilesManager">
     <option name="version" value="1" />
   </component>
-  <component name="VcsContentAnnotationSettings">
-    <option name="myLimit" value="2678400000" />
-  </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/index.html">
+    <entry file="file://$PROJECT_DIR$/images/1.png">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external/lib.es5.d.ts">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="13725">
-          <caret line="549" column="13" lean-forward="true" selection-start-line="549" selection-start-column="13" selection-end-line="549" selection-end-column="13" />
+        <state relative-caret-position="23">
+          <caret line="812" column="4" selection-start-line="812" selection-start-column="4" selection-end-line="812" selection-end-column="4" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/projects-1-1.html">
+    <entry file="file://$PROJECT_DIR$/css/index.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="2475">
-          <caret line="99" column="26" lean-forward="true" selection-start-line="99" selection-start-column="26" selection-end-line="99" selection-end-column="26" />
+        <state relative-caret-position="29118">
+          <caret line="1266" column="1" selection-start-line="1266" selection-start-column="1" selection-end-line="1266" selection-end-column="1" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/licheng.html">
+    <entry file="file://$PROJECT_DIR$/js/gray.svg">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/gray.svg">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/projects-1-1.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="10325">
-          <caret line="413" column="37" lean-forward="true" selection-start-line="413" selection-start-column="37" selection-end-line="413" selection-end-column="37" />
+        <state relative-caret-position="-2047">
+          <caret line="13" column="17" selection-start-line="13" selection-start-column="17" selection-end-line="13" selection-end-column="17" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/chuangshiren.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="2975">
+        <state relative-caret-position="2737">
           <caret line="119" column="112" selection-start-line="119" selection-start-column="112" selection-end-line="119" selection-end-column="112" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/licheng.html">
+    <entry file="file://$PROJECT_DIR$/do-damai.html">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/do-future.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-3519" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/more.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="10325">
-          <caret line="413" column="37" selection-start-line="413" selection-start-column="37" selection-end-line="413" selection-end-column="37" />
+        <state relative-caret-position="-3243" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
+      <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+        <state split_layout="SPLIT">
+          <first_editor />
+          <second_editor />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/projects-1-1.html">
+    <entry file="file://$PROJECT_DIR$/projects.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="2475">
-          <caret line="99" column="26" selection-start-line="99" selection-start-column="26" selection-end-line="99" selection-end-column="26" />
+        <state relative-caret-position="388">
+          <caret line="54" column="43" selection-start-line="54" selection-start-column="43" selection-end-line="54" selection-end-column="43" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/chuangshiren.html">
+    <entry file="file://$PROJECT_DIR$/projects-1.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="818">
-          <caret line="119" column="112" selection-start-line="119" selection-start-column="112" selection-end-line="119" selection-end-column="112" />
+        <state relative-caret-position="227">
+          <caret line="39" column="51" selection-start-line="39" selection-start-column="51" selection-end-line="39" selection-end-column="51" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/do.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="733">
+          <caret line="142" column="51" selection-start-line="142" selection-start-column="51" selection-end-line="142" selection-end-column="51" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/contact.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="425">
-          <caret line="17" lean-forward="true" selection-start-line="17" selection-end-line="17" />
+        <state relative-caret-position="391">
+          <caret line="29" column="51" selection-start-line="29" selection-start-column="51" selection-end-line="29" selection-end-column="51" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/careers.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="207">
+          <caret line="42" column="12" lean-forward="true" selection-start-line="42" selection-start-column="12" selection-end-line="42" selection-end-column="12" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/licheng.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="368">
+          <caret line="16" column="54" lean-forward="true" selection-start-line="16" selection-start-column="54" selection-end-line="16" selection-end-column="54" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/style.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="515">
+          <caret line="2012" column="5" lean-forward="true" selection-start-line="2012" selection-start-column="5" selection-end-line="2012" selection-end-column="5" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/news.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-2337">
+          <caret line="96" column="80" selection-start-line="96" selection-start-column="74" selection-end-line="96" selection-end-column="80" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/loading.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="281">
+          <caret line="245" column="27" lean-forward="true" selection-start-line="245" selection-start-column="27" selection-end-line="245" selection-end-column="27" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="451">
-          <caret line="564" column="27" lean-forward="true" selection-start-line="564" selection-start-column="27" selection-end-line="564" selection-end-column="27" />
+        <state relative-caret-position="400">
+          <caret line="644" lean-forward="true" selection-start-line="644" selection-end-line="644" />
         </state>
       </provider>
     </entry>

careers.html

@@ -43,23 +43,71 @@
 			
 			<!--main menu-->
 			<div class="main-menu">
+				<div class="menu-background"></div>
+				<!--contact us-->
+				<div class="menu-contact">
+					<div class="menu-contact-list">
+						<div class="menu-contact-map">
+							<a href="https://m.amap.com/search/mapview/markers=31.287272%2C121.447295%2C%E4%B8%8A%E6%B5%B7%E5%B8%82%E9%9D%99%E5%AE%89%E5%8C%BA%E5%BD%AD%E6%B1%9F%E8%B7%AF602%E5%8F%B7e%E5%BA%A7" target="_blank">
+								<div class="map-icon">
+									<img class="map-img" src="https://dm.static.elab-plus.com/elabGuanWang/Location@2x.png">
+								</div>
+								<div class="map-address">
+									<p>地址</p>
+								</div>
+								<div class="map-desc">
+									<p>上海市静安区彭江路602号E座408室</p>
+								</div>
+							</a>
+						</div>
+						<div class="menu-contact-phone">
+							<div class="phone-icon">
+								<img class="phone-img" src="https://dm.static.elab-plus.com/elabGuanWang/Phone@2x.png">
+							</div>
+							<div class="phone-address">
+								<p>电话</p>
+							</div>
+							<div class="phone-desc">
+								<p><a href="tel:02156519508">021-56519508</a></p>
+							</div>
+						</div>
+						<div class="menu-contact-mail">
+							<div class="email-icon">
+								<img class="email-img" src="https://dm.static.elab-plus.com/elabGuanWang/Email@2x.png">
+							</div>
+							<div class="email-address">
+								<p>邮件</p>
+							</div>
+							<div class="email-desc">
+								<p><a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a></p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!--CONTACT US-->
 				<div class="menu-close"></div>
 				<ul class="menu-list">
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
+					<li class="elab_who">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showWho();">ELAB是谁<small>WHO IS ELAB</small></a>
+					</li>
+					<li class="elab_what">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showDo();">ELAB在做什么<small>WHAT ELAB DO</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
+					<li class="elab_news">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showNews();">新闻中心
+							<small>NEWS</small>
+						</a>
 					</li>
-					<li>
+					<li class="elab_project">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showProjects();">作品案例<small>PROJECTS</small></a>
 					</li>
-					<li>
+					<li class="elab_contact">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showCareers();">加入我们<small>CAREERS</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showContact();">联系我们<small>CONTACTS</small></a>
-					</li>
+					<!--<li>-->
+						<!--<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showContact();">联系我们<small>CONTACTS</small></a>-->
+					<!--</li>-->
+
 				</ul>
 			</div>
 			
@@ -156,8 +204,93 @@
 		<script src="js/jquery-1.11.3.min.js"></script>
 		<script src="js/wow.js"></script>
 		<script>
+            var markIdx = 0;
+            var currentIdx = 0;
+            var lastIdx = 0;
 			$(function() {
-				
+
+                <!-- menu hover start-->
+                $('.elab_who').hover(function () {
+                    currentIdx = 1;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_what').hover(function () {
+                    currentIdx = 2;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_news').hover(function () {
+                    currentIdx = 3;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_project').hover(function () {
+                    currentIdx = 4;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_contact').hover(function () {
+                    currentIdx = 5;
+                },function () {
+                    currentIdx = 0;
+                });
+                <!-- menu hover end -->
+                <!--mouse over listener start-->
+                <!--mouse over listener end-->
+                setInterval(function () {
+                    if(markIdx !== currentIdx){
+                        markIdx = currentIdx;
+                        var link = '';
+                        var empty = true;
+                        switch (markIdx) {
+                            case 0:
+                                link = '';
+                                empty = true;
+                                break;
+                            case 1:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_what.png)';
+                                empty = false;
+                                break;
+                            case 2:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_do.png)';
+                                empty = false;
+                                break;
+                            case 3:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_news.png)';
+                                empty = false;
+                                break;
+                            case 4:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_project.png)';
+                                empty = false;
+                                break;
+                            case 5:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_join.png)';
+                                empty = false;
+                                break;
+                        }
+                        if(empty){
+                            $(".menu-background").fadeOut(400,function () {
+                                $(".menu-background").css('background-image',link);
+                            });
+                        }else {
+                            if(lastIdx!==0){
+                                $(".menu-background").fadeOut(400,function () {
+                                    $(".menu-background").css('background-image',link);
+                                    $(".menu-background").fadeIn(800);
+                                })
+                            }else {
+                                $(".menu-background").css('background-image',link);
+                                $(".menu-background").fadeIn(800);
+                            }
+                        }
+                        lastIdx = markIdx;
+                    }
+                },1210);
 				//show menu
 				$(".menu").on("click", function(e) {
 					$(".main-menu").addClass("active");

contact.html

@@ -27,23 +27,71 @@
 			
 			<!--main menu-->
 			<div class="main-menu">
+				<div class="menu-background"></div>
+				<!--contact us-->
+				<div class="menu-contact">
+					<div class="menu-contact-list">
+						<div class="menu-contact-map">
+							<a href="https://m.amap.com/search/mapview/markers=31.287272%2C121.447295%2C%E4%B8%8A%E6%B5%B7%E5%B8%82%E9%9D%99%E5%AE%89%E5%8C%BA%E5%BD%AD%E6%B1%9F%E8%B7%AF602%E5%8F%B7e%E5%BA%A7" target="_blank">
+								<div class="map-icon">
+									<img class="map-img" src="https://dm.static.elab-plus.com/elabGuanWang/Location@2x.png">
+								</div>
+								<div class="map-address">
+									<p>地址</p>
+								</div>
+								<div class="map-desc">
+									<p>上海市静安区彭江路602号E座408室</p>
+								</div>
+							</a>
+						</div>
+						<div class="menu-contact-phone">
+							<div class="phone-icon">
+								<img class="phone-img" src="https://dm.static.elab-plus.com/elabGuanWang/Phone@2x.png">
+							</div>
+							<div class="phone-address">
+								<p>电话</p>
+							</div>
+							<div class="phone-desc">
+								<p><a href="tel:02156519508">021-56519508</a></p>
+							</div>
+						</div>
+						<div class="menu-contact-mail">
+							<div class="email-icon">
+								<img class="email-img" src="https://dm.static.elab-plus.com/elabGuanWang/Email@2x.png">
+							</div>
+							<div class="email-address">
+								<p>邮件</p>
+							</div>
+							<div class="email-desc">
+								<p><a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a></p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!--CONTACT US-->
 				<div class="menu-close"></div>
 				<ul class="menu-list">
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
+					<li class="elab_who">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showWho();">ELAB是谁<small>WHO IS ELAB</small></a>
+					</li>
+					<li class="elab_what">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showDo();">我们在做什么<small>WHAT ELAB DO</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
+					<li class="elab_news">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showNews();">新闻中心
+							<small>NEWS</small>
+						</a>
 					</li>
-					<li>
+					<li class="elab_project">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showProjects();">作品案例<small>PROJECTS</small></a>
 					</li>
-					<li>
+					<li class="elab_contact">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showCareers();">加入我们<small>CAREERS</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showContact();">联系我们<small>CONTACTS</small></a>
-					</li>
+					<!--<li>-->
+						<!--<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showContact();">联系我们<small>CONTACTS</small></a>-->
+					<!--</li>-->
+
 				</ul>
 			</div>
 			
@@ -89,6 +137,9 @@
 		<script src="js/jquery-1.11.3.min.js"></script>
 		<script src="js/wow.js"></script>
 		<script>
+            var markIdx = 0;
+            var currentIdx = 0;
+            var lastIdx = 0;
 			$(function() {
 
 				//show menu
@@ -124,6 +175,89 @@
 					//},600);
 				});
 
+                <!-- menu hover start-->
+                $('.elab_who').hover(function () {
+                    currentIdx = 1;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_what').hover(function () {
+                    currentIdx = 2;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_news').hover(function () {
+                    currentIdx = 3;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_project').hover(function () {
+                    currentIdx = 4;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_contact').hover(function () {
+                    currentIdx = 5;
+                },function () {
+                    currentIdx = 0;
+                });
+                <!-- menu hover end -->
+                <!--mouse over listener start-->
+                <!--mouse over listener end-->
+                setInterval(function () {
+                    if(markIdx !== currentIdx){
+                        markIdx = currentIdx;
+                        var link = '';
+                        var empty = true;
+                        switch (markIdx) {
+                            case 0:
+                                link = '';
+                                empty = true;
+                                break;
+                            case 1:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_what.png)';
+                                empty = false;
+                                break;
+                            case 2:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_do.png)';
+                                empty = false;
+                                break;
+                            case 3:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_news.png)';
+                                empty = false;
+                                break;
+                            case 4:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_project.png)';
+                                empty = false;
+                                break;
+                            case 5:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_join.png)';
+                                empty = false;
+                                break;
+                        }
+                        if(empty){
+                            $(".menu-background").fadeOut(400,function () {
+                                $(".menu-background").css('background-image',link);
+                            });
+                        }else {
+                            if(lastIdx!==0){
+                                $(".menu-background").fadeOut(400,function () {
+                                    $(".menu-background").css('background-image',link);
+                                    $(".menu-background").fadeIn(800);
+                                })
+                            }else {
+                                $(".menu-background").css('background-image',link);
+                                $(".menu-background").fadeIn(800);
+                            }
+                        }
+                        lastIdx = markIdx;
+                    }
+                },1210);
+
 			});
 
 			function startWow() {

css/gray.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+    <filter id="grayscale">
+        <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>
+    </filter>
+</svg>

do.html

@@ -140,23 +140,71 @@
 			</div>
 			<!--main menu-->
 			<div class="main-menu">
+				<div class="menu-background"></div>
+				<!--contact us-->
+				<div class="menu-contact">
+					<div class="menu-contact-list">
+						<div class="menu-contact-map">
+							<a href="https://m.amap.com/search/mapview/markers=31.287272%2C121.447295%2C%E4%B8%8A%E6%B5%B7%E5%B8%82%E9%9D%99%E5%AE%89%E5%8C%BA%E5%BD%AD%E6%B1%9F%E8%B7%AF602%E5%8F%B7e%E5%BA%A7" target="_blank">
+								<div class="map-icon">
+									<img class="map-img" src="https://dm.static.elab-plus.com/elabGuanWang/Location@2x.png">
+								</div>
+								<div class="map-address">
+									<p>地址</p>
+								</div>
+								<div class="map-desc">
+									<p>上海市静安区彭江路602号E座408室</p>
+								</div>
+							</a>
+						</div>
+						<div class="menu-contact-phone">
+							<div class="phone-icon">
+								<img class="phone-img" src="https://dm.static.elab-plus.com/elabGuanWang/Phone@2x.png">
+							</div>
+							<div class="phone-address">
+								<p>电话</p>
+							</div>
+							<div class="phone-desc">
+								<p><a href="tel:02156519508">021-56519508</a></p>
+							</div>
+						</div>
+						<div class="menu-contact-mail">
+							<div class="email-icon">
+								<img class="email-img" src="https://dm.static.elab-plus.com/elabGuanWang/Email@2x.png">
+							</div>
+							<div class="email-address">
+								<p>邮件</p>
+							</div>
+							<div class="email-desc">
+								<p><a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a></p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!--CONTACT US-->
 				<div class="menu-close"></div>
 				<ul class="menu-list">
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
+					<li class="elab_who">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showWho();">ELAB是谁<small>WHO IS ELAB</small></a>
+					</li>
+					<li class="elab_what">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showDo();">ELAB在做什么<small>WHAT ELAB DO</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
+					<li class="elab_news">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showNews();">新闻中心
+							<small>NEWS</small>
+						</a>
 					</li>
-					<li>
+					<li class="elab_project">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showProjects();">作品案例<small>PROJECTS</small></a>
 					</li>
-					<li>
+					<li class="elab_contact">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showCareers();">加入我们<small>CAREERS</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showContact();">联系我们<small>CONTACTS</small></a>
-					</li>
+					<!--<li>-->
+						<!--<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showContact();">联系我们<small>CONTACTS</small></a>-->
+					<!--</li>-->
+
 				</ul>
 			</div>
 
@@ -224,6 +272,9 @@
 		<script src="js/jquery-1.11.3.min.js"></script>
 		<script src="js/wow.js"></script>
 		<script>
+            var markIdx = 0;
+            var currentIdx = 0;
+            var lastIdx = 0;
 			$(function() {
 
 				//show menu
@@ -246,6 +297,89 @@
 
 				});
 
+                <!-- menu hover start-->
+                $('.elab_who').hover(function () {
+                    currentIdx = 1;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_what').hover(function () {
+                    currentIdx = 2;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_news').hover(function () {
+                    currentIdx = 3;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_project').hover(function () {
+                    currentIdx = 4;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_contact').hover(function () {
+                    currentIdx = 5;
+                },function () {
+                    currentIdx = 0;
+                });
+                <!-- menu hover end -->
+                <!--mouse over listener start-->
+                <!--mouse over listener end-->
+                setInterval(function () {
+                    if(markIdx !== currentIdx){
+                        markIdx = currentIdx;
+                        var link = '';
+                        var empty = true;
+                        switch (markIdx) {
+                            case 0:
+                                link = '';
+                                empty = true;
+                                break;
+                            case 1:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_what.png)';
+                                empty = false;
+                                break;
+                            case 2:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_do.png)';
+                                empty = false;
+                                break;
+                            case 3:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_news.png)';
+                                empty = false;
+                                break;
+                            case 4:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_project.png)';
+                                empty = false;
+                                break;
+                            case 5:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_join.png)';
+                                empty = false;
+                                break;
+                        }
+                        if(empty){
+                            $(".menu-background").fadeOut(400,function () {
+                                $(".menu-background").css('background-image',link);
+                            });
+                        }else {
+                            if(lastIdx!==0){
+                                $(".menu-background").fadeOut(400,function () {
+                                    $(".menu-background").css('background-image',link);
+                                    $(".menu-background").fadeIn(800);
+                                })
+                            }else {
+                                $(".menu-background").css('background-image',link);
+                                $(".menu-background").fadeIn(800);
+                            }
+                        }
+                        lastIdx = markIdx;
+                    }
+                },1210);
+
 			});
 
 			function startWow() {

licheng.html

@@ -10,6 +10,7 @@
 		<link rel="stylesheet" href="css/index.css?v=1.0734757">
 		<link rel="stylesheet" href="css/animate.min.css"></link>
 		<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
+		<link href="css/style.css?v=0.346785347683" rel="stylesheet"/>
 		<script src="js/jquery-1.11.3.min.js"></script>
 		<script src="js/layer/layer.js"></script>
 		<script src="js/rem.js"></script>
@@ -24,7 +25,6 @@
 				height: auto;
 			}
 
-			
 			.hideTimeLine {
 				width: 100%;
 				display: none;
@@ -191,23 +191,70 @@
 			</div>
 			<!--main menu-->
 			<div class="main-menu">
+				<div class="menu-background"></div>
+				<!--contact us-->
+				<div class="menu-contact">
+					<div class="menu-contact-list">
+						<div class="menu-contact-map">
+							<a href="https://m.amap.com/search/mapview/markers=31.287272%2C121.447295%2C%E4%B8%8A%E6%B5%B7%E5%B8%82%E9%9D%99%E5%AE%89%E5%8C%BA%E5%BD%AD%E6%B1%9F%E8%B7%AF602%E5%8F%B7e%E5%BA%A7" target="_blank">
+								<div class="map-icon">
+									<img class="map-img" src="https://dm.static.elab-plus.com/elabGuanWang/Location@2x.png">
+								</div>
+								<div class="map-address">
+									<p>地址</p>
+								</div>
+								<div class="map-desc">
+									<p>上海市静安区彭江路602号E座408室</p>
+								</div>
+							</a>
+						</div>
+						<div class="menu-contact-phone">
+							<div class="phone-icon">
+								<img class="phone-img" src="https://dm.static.elab-plus.com/elabGuanWang/Phone@2x.png">
+							</div>
+							<div class="phone-address">
+								<p>电话</p>
+							</div>
+							<div class="phone-desc">
+								<p><a href="tel:02156519508">021-56519508</a></p>
+							</div>
+						</div>
+						<div class="menu-contact-mail">
+							<div class="email-icon">
+								<img class="email-img" src="https://dm.static.elab-plus.com/elabGuanWang/Email@2x.png">
+							</div>
+							<div class="email-address">
+								<p>邮件</p>
+							</div>
+							<div class="email-desc">
+								<p><a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a></p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!--CONTACT US-->
 				<div class="menu-close"></div>
 				<ul class="menu-list">
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
+					<li class="elab_who">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showWho();">ELAB是谁<small>WHO IS ELAB</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
+					<li class="elab_what">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showDo();">ELAB在做什么<small>WHAT ELAB DO</small></a>
 					</li>
-					<li>
+					<li class="elab_news">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showNews();">新闻中心
+							<small>NEWS</small>
+						</a>
+					</li>
+					<li class="elab_project">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showProjects();">作品案例<small>PROJECTS</small></a>
 					</li>
-					<li>
+					<li class="elab_contact">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showCareers();">加入我们<small>CAREERS</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showContact();">联系我们<small>CONTACTS</small></a>
-					</li>
+					<!--<li>-->
+						<!--<a href="javascript:$('.main-menu').removeClass('active');parent.closeWho();parent.showContact();">联系我们<small>CONTACTS</small></a>-->
+					<!--</li>-->
 				</ul>
 			</div>
 
@@ -426,7 +473,93 @@
 	<!--<script src="js/debug.js"></script>-->
 	<script>
 		var $_w,myswiper;
+        var markIdx = 0;
+        var currentIdx = 0;
+        var lastIdx = 0;
 		$(function() {
+
+            <!-- menu hover start-->
+            $('.elab_who').hover(function () {
+                currentIdx = 1;
+            },function () {
+                currentIdx = 0;
+            });
+
+            $('.elab_what').hover(function () {
+                currentIdx = 2;
+            },function () {
+                currentIdx = 0;
+            });
+
+            $('.elab_news').hover(function () {
+                currentIdx = 3;
+            },function () {
+                currentIdx = 0;
+            });
+
+            $('.elab_project').hover(function () {
+                currentIdx = 4;
+            },function () {
+                currentIdx = 0;
+            });
+
+            $('.elab_contact').hover(function () {
+                currentIdx = 5;
+            },function () {
+                currentIdx = 0;
+            });
+            <!-- menu hover end -->
+            <!--mouse over listener start-->
+            <!--mouse over listener end-->
+            setInterval(function () {
+                if(markIdx !== currentIdx){
+                    markIdx = currentIdx;
+                    var link = '';
+                    var empty = true;
+                    switch (markIdx) {
+                        case 0:
+                            link = '';
+                            empty = true;
+                            break;
+                        case 1:
+                            link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_what.png)';
+                            empty = false;
+                            break;
+                        case 2:
+                            link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_do.png)';
+                            empty = false;
+                            break;
+                        case 3:
+                            link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_news.png)';
+                            empty = false;
+                            break;
+                        case 4:
+                            link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_project.png)';
+                            empty = false;
+                            break;
+                        case 5:
+                            link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_join.png)';
+                            empty = false;
+                            break;
+                    }
+                    if(empty){
+                        $(".menu-background").fadeOut(400,function () {
+                            $(".menu-background").css('background-image',link);
+                        });
+                    }else {
+                        if(lastIdx!==0){
+                            $(".menu-background").fadeOut(400,function () {
+                                $(".menu-background").css('background-image',link);
+                                $(".menu-background").fadeIn(800);
+                            })
+                        }else {
+                            $(".menu-background").css('background-image',link);
+                            $(".menu-background").fadeIn(800);
+                        }
+                    }
+                    lastIdx = markIdx;
+                }
+            },1210);
 			
 			$_w = $(top).width()*0.9;
 			//alert($_w);

loading.html

@@ -151,6 +151,16 @@
         <img src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg" class="hidden_img"></img>
         <img src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_15.jpg" class="hidden_img"></img>
         <img src="http://yun-image.elab-plus.com/images/projects/2_objects@2x.png" class="hidden_img"></img>
+
+        <img src="https://dm.static.elab-plus.com/elabGuanWang/elab_what.png" class="hidden_img"></img>
+        <img src="https://dm.static.elab-plus.com/elabGuanWang/elab_do.png" class="hidden_img"></img>
+        <img src="https://dm.static.elab-plus.com/elabGuanWang/elab_news.png" class="hidden_img"></img>
+        <img src="https://dm.static.elab-plus.com/elabGuanWang/elab_project.png" class="hidden_img"></img>
+        <img src="https://dm.static.elab-plus.com/elabGuanWang/elab_join.png" class="hidden_img"></img>
+
+        <img src="https://dm.static.elab-plus.com/elabGuanWang/Location@2x.png" class="hidden_img"></img>
+        <img src="https://dm.static.elab-plus.com/elabGuanWang/Phone@2x.png" class="hidden_img"></img>
+        <img src="https://dm.static.elab-plus.com/elabGuanWang/Email@2x.png" class="hidden_img"></img>
     </div>
 </div>
 
@@ -181,7 +191,7 @@
         var cur = new Date();
         var t = (cur.getTime() - time0) / 1000;
         var s = t | 0;
-        var res = 98;
+        var res = 104;
         if (s >= 0 && s < 3) {
             res = 8 * t;
         }

news.html

@@ -0,0 +1,448 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
+    <meta content='width=device-width, initial-scale=1.0,user-scalable=no' name='viewport'>
+    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
+    <title>NEWS CENTER</title>
+    <link href="css/reset.css" rel="stylesheet"/>
+    <link href="css/style.css?v=0.346785347683" rel="stylesheet"/>
+    <link href="css/animate.min.css" rel="stylesheet"/>
+    <style type="text/css">
+        html,
+        body {
+            height: auto;
+            min-height: 100%;
+            background: #1b2030;
+        }
+
+        #projects {
+            width: 100%;
+            height: auto;
+            background: #1b2030;
+            max-width: none;
+            overflow-x: hidden;
+            overflow-y: auto;
+        }
+
+        .slide-line, .slide-line1 {
+            background: #fff;
+        }
+    </style>
+</head>
+<body>
+<div class="page" id="projects">
+
+    <!--top menu-->
+    <div class="top-menu wow fadeInDown" data-wow-delay="1s" data-wow-duration="1s">
+        <div class="logo">
+            <a href="javascript:parent.showIndex();"><img class="inner-icon"
+                                                          src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_3.png"/></a>
+        </div>
+        <div class="menu"><img class="inner-icon"
+                               src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_4.png"/></div>
+        <div class="cases"><a href="javascript:void(0);"><img class="inner-icon"
+                                                              src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_5.png"/></a>
+        </div>
+    </div>
+
+    <!--main menu-->
+    <div class="main-menu">
+        <div class="menu-background"></div>
+        <!--contact us-->
+        <div class="menu-contact">
+            <div class="menu-contact-list">
+                <div class="menu-contact-map">
+                    <a href="https://m.amap.com/search/mapview/markers=31.287272%2C121.447295%2C%E4%B8%8A%E6%B5%B7%E5%B8%82%E9%9D%99%E5%AE%89%E5%8C%BA%E5%BD%AD%E6%B1%9F%E8%B7%AF602%E5%8F%B7e%E5%BA%A7" target="_blank">
+                        <div class="map-icon">
+                            <img class="map-img" src="https://dm.static.elab-plus.com/elabGuanWang/Location@2x.png">
+                        </div>
+                        <div class="map-address">
+                            <p>地址</p>
+                        </div>
+                        <div class="map-desc">
+                            <p>上海市静安区彭江路602号E座408室</p>
+                        </div>
+                    </a>
+                </div>
+                <div class="menu-contact-phone">
+                    <div class="phone-icon">
+                        <img class="phone-img" src="https://dm.static.elab-plus.com/elabGuanWang/Phone@2x.png">
+                    </div>
+                    <div class="phone-address">
+                        <p>电话</p>
+                    </div>
+                    <div class="phone-desc">
+                        <p><a href="tel:02156519508">021-56519508</a></p>
+                    </div>
+                </div>
+                <div class="menu-contact-mail">
+                    <div class="email-icon">
+                        <img class="email-img" src="https://dm.static.elab-plus.com/elabGuanWang/Email@2x.png">
+                    </div>
+                    <div class="email-address">
+                        <p>邮件</p>
+                    </div>
+                    <div class="email-desc">
+                        <p><a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--CONTACT US-->
+        <div class="menu-close"></div>
+        <ul class="menu-list">
+            <li class="elab_who">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showWho();">ELAB是谁
+                    <small>WHO IS ELAB</small>
+                </a>
+            </li>
+            <li class="elab_what">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showDo();">ELAB做什么
+                    <small>WHAT ELAB DO</small>
+                </a>
+            </li>
+            <li class="elab_news">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showNews();">新闻中心
+                    <small>NEWS</small>
+                </a>
+            </li>
+            <li class="elab_project">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showProjects();">作品案例
+                    <small>PROJECTS</small>
+                </a>
+            </li>
+            <li class="elab_contact">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showCareers();">加入我们
+                    <small>CAREERS</small>
+                </a>
+            </li>
+            <!--<li>-->
+                <!--<a href="javascript:$('.main-menu').removeClass('active');parent.closeNews();parent.showContact();">联系我们-->
+                    <!--<small>CONTACTS</small>-->
+                <!--</a>-->
+            <!--</li>-->
+        </ul>
+    </div>
+    <!--main-->
+    <div class="news_narrow">
+        <img class="news_tab_img" src = "https://dm.static.elab-plus.com/elabGuanWang/List@2x.png"/>
+    </div>
+    <div class="news-detail">
+        <div class="article-close"></div>
+        <iframe frameborder="0" height="100%" scrolling="yes" class="news-iframe" width="100%"></iframe>
+    </div>
+    <div class="news-body">
+        <div class="news-list"></div>
+        <div class="news-sample-list"></div>
+    </div>
+
+</div>
+<script src="js/jquery-1.11.3.min.js"></script>
+<script src="js/wow.js"></script>
+<script>
+    var btnChange = false;
+    var iframeShow =false;
+    // var itemFocus = false;
+    var markIdx = 0;
+    var currentIdx = 0;
+    var lastIdx = 0;
+    $(function () {
+
+        $("news-body").on("touchmove",(e)=>{
+            if(iframeShow){
+                e.preventDefault();
+            }
+        });
+
+        //show menu
+        $(".menu").on("click", function (e) {
+            $(".main-menu").addClass("active");
+        });
+        //close menu
+        $('.menu-close').on('click', function (e) {
+            $(".main-menu").removeClass("active");
+        });
+
+        $('.news-detail').on('click', function (e) {
+            $(".news-detail").removeClass("active");
+            iframeShow = false;
+        });
+
+        <!-- menu hover start-->
+        $('.elab_who').hover(function () {
+            currentIdx = 1;
+        },function () {
+            currentIdx = 0;
+        });
+
+        $('.elab_what').hover(function () {
+            currentIdx = 2;
+        },function () {
+            currentIdx = 0;
+        });
+
+        $('.elab_news').hover(function () {
+            currentIdx = 3;
+        },function () {
+            currentIdx = 0;
+        });
+
+        $('.elab_project').hover(function () {
+            currentIdx = 4;
+        },function () {
+            currentIdx = 0;
+        });
+
+        $('.elab_contact').hover(function () {
+            currentIdx = 5;
+        },function () {
+            currentIdx = 0;
+        });
+        <!-- menu hover end -->
+        <!--mouse over listener start-->
+        <!--mouse over listener end-->
+        setInterval(function () {
+            if(markIdx !== currentIdx){
+                markIdx = currentIdx;
+                var link = '';
+                var empty = true;
+                switch (markIdx) {
+                    case 0:
+                        link = '';
+                        empty = true;
+                        break;
+                    case 1:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_what.png)';
+                        empty = false;
+                        break;
+                    case 2:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_do.png)';
+                        empty = false;
+                        break;
+                    case 3:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_news.png)';
+                        empty = false;
+                        break;
+                    case 4:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_project.png)';
+                        empty = false;
+                        break;
+                    case 5:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_join.png)';
+                        empty = false;
+                        break;
+                }
+                if(empty){
+                    $(".menu-background").fadeOut(400,function () {
+                        $(".menu-background").css('background-image',link);
+                    });
+                }else {
+                    if(lastIdx!==0){
+                        $(".menu-background").fadeOut(400,function () {
+                            $(".menu-background").css('background-image',link);
+                            $(".menu-background").fadeIn(800);
+                        })
+                    }else {
+                        $(".menu-background").css('background-image',link);
+                        $(".menu-background").fadeIn(800);
+                    }
+                }
+                lastIdx = markIdx;
+            }
+        },1210);
+
+        var $_list;
+        //读取分类数据 106.14.225.13
+        $.get("http://192.168.0.16:8081/rest/listNews", function (result) {
+            console.log("Result Data:" + JSON.stringify(result.result));
+            $_list = result.result;
+            handleModuleShow();
+        });
+        /**
+         * 网格显示
+         * */
+        function handleModuleShow() {
+            if ($_list.length > 0) {
+                $(".news-list").empty();//清空demo $_list.length
+                for (var i = 0; i < $_list.length; i+=3) {
+                    var tmp0 = $_list[i];
+                    var tmp1 = $_list[i+1];
+                    var tmp2 = $_list[i+2];
+                    var $_t = 0.1;
+                    if (i < 2) {
+                        $_t = (1 + i) * 0.2;
+                    }
+                    console.log($_t);
+                    // console.log('$_img:' + $_img);
+                    var $_html = '';
+                    if (tmp0 && tmp1 && tmp2) {
+                        var $_img0 = tmp0['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
+                        var $_img1 = tmp1['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
+                        var $_img2 = tmp2['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
+
+                        var data0 = new Date(tmp0['updated']);
+                        var data1 = new Date(tmp1['updated']);
+                        var data2 = new Date(tmp2['updated']);
+
+                        $_html = `<div class="newsItem_1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp0['linkUrl']})">
+					                  <img class="itemBg" src="${$_img0}"/>
+					                  <div class="newsItem-mark item-inner"><a>${tmp0['tag']}</a></div>
+					                  <div class="item-title item-inner">${tmp0['title']}<p>${tmp0['subTitle']}</p></div>
+					                  <div class="item-time item-time-inner"><p>${data0.toLocaleString( )}</p></div>
+				                  </div>
+				                  <div class="newsBody">
+				                    <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp1['linkUrl']})">
+				                        <img class="itemBg" src="${$_img1}" />
+				                        <div class="newsItem-mark item-inner"><a>${tmp1['tag']}</a></div>
+					                    <div class="item-title item-inner">${tmp1['title']}<p>${tmp1['subTitle']}</p></div>
+					                    <div class="item-time item-time-inner"><p>${data1.toLocaleString( )}</p></div>
+                                    </div>
+                                    <div class="newsItem_3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp2['linkUrl']})">
+				                        <img class="itemBg" src="${$_img2}" />
+				                        <div class="newsItem-mark item-inner"><a>${tmp2['tag']}</a></div>
+					                    <div class="item-title item-inner">${tmp2['title']}<p>${tmp2['subTitle']}</p></div>
+					                    <div class="item-time item-time-inner"><p>${data2.toLocaleString( )}</p></div>
+                                    </div>
+                                  </div>
+                                 `;
+                    }else if (tmp0 && tmp1 && !tmp2) {
+                        var $_img0 = tmp0['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
+                        var $_img1 = tmp1['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
+                        var data0 = new Date(tmp0['updated']);
+                        var data1 = new Date(tmp1['updated']);
+                        $_html = `
+                                  <div class="newsBody">
+				                    <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp0['linkUrl']})">
+				                        <img class="itemBg" src="${$_img0}"/>
+				                        <div class="newsItem-mark item-inner"><a>${tmp0['tag']}</a></div>
+					                    <div class="item-title item-inner">${tmp0['title']}<p>${tmp0['subTitle']}</p></div>
+					                    <div class="item-time item-time-inner"><p>${data0.toLocaleString( )}</p></div>
+                                    </div>
+                                    <div class="newsItem_3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp1['linkUrl']})">
+				                        <img class="itemBg" src="${$_img1}" />
+				                        <div class="newsItem-mark item-inner"><a>${tmp1['tag']}</a></div>
+					                    <div class="item-title item-inner">${tmp1['title']}<p>${tmp1['subTitle']}</p></div>
+					                    <div class="item-time item-time-inner"><p>${data1.toLocaleString( )}</p></div>
+                                    </div>
+                                  </div>
+                                 `;
+                    }else if(tmp0 && !tmp1 && !tmp2){
+                        var $_img0 = tmp0['bgImage'] || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
+                        var data0 = new Date(tmp0['updated']);
+                        $_html = `
+				                  <div class="newsBody">
+				                    <div class="newsItem_2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s" target="_self" onclick="turnToArticle(${tmp0['linkUrl']})">
+				                        <img class="itemBg" src="${$_img0}"/>
+				                        <div class="newsItem-mark item-inner"><a>${tmp0['tag']}</a></div>
+					                    <div class="item-title item-inner">${tmp0['title']}<p>${tmp0['subTitle']}</p></div>
+					                    <div class="item-time item-time-inner"><p>${data0.toLocaleString( )}</p></div>
+                                    </div>
+                                  </div>
+                                 `;
+                    }
+                    $(".news-sample-list").append($_html);
+                }
+            }
+        }
+
+        /**
+         * 列表显示
+         * @param list
+         */
+        function handleListShow() {
+            // var list = [];
+            console.log('handleListShow：'+JSON.stringify($_list));
+            for(var i=0;i<$_list.length;i+=2){
+                var item1 = $_list[i];
+                var item2 = $_list[i+1];
+
+                var $_t = (1 + i) * 0.2;
+                var $_html = '';
+                if(item2 && item1){
+                    $_html = `<div class="news-list-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s">
+
+                                      <div class="news-list-item-left">
+
+                                        <div class="news-list-item-box"><p>${item1['id']}</p></div>
+                                        <div class="news-list-item-description">
+                                            <div class="news-list-item-title"><p>${item1['title']}</p></div>
+                                            <div class="news-list-item-bottom"></div>
+                                        </div>
+                                      </div>
+                                      <div class="news-list-item-right">
+                                        <div class="news-list-item-box"><p>${item2['id']}</p></div>
+                                        <div class="news-list-item-description">
+                                            <div class="news-list-item-title"><p>${item2['title']}</p></div>
+                                            <div class="news-list-item-bottom"></div>
+                                        </div>
+                                      </div>
+				          </div>
+                                 `;
+                }else if(!item2 && item1){
+                    $_html = `<div class="news-list-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s">
+                                      <div class="news-list-item-left">
+                                        <div class="news-list-item-box"><p>${item1['id']}</p></div>
+                                        <div class="news-list-item-description">
+                                            <div class="news-list-item-title"><p>${item1['title']}</p></div>
+                                            <div class="news-list-item-bottom"></div>
+                                        </div>
+                                      </div>
+                                      <div class="news-list-item-divideHeight"></div>
+
+				          </div>
+                                 `;
+                }
+                $(".news-list").append($_html);
+            }
+        }
+
+        function lishChange() {
+            btnChange = !btnChange;
+            if(btnChange){
+                // <img class="news_tab_img" src = "https://dm.static.elab-plus.com/elabGuanWang/Showroom@2x.png"/>
+                $(".news_tab_img").attr("src", "https://dm.static.elab-plus.com/elabGuanWang/Showroom@2x.png");
+                $(".news-sample-list").empty();
+                handleListShow();
+            }else {
+                $(".news_tab_img").attr("src", "https://dm.static.elab-plus.com/elabGuanWang/List@2x.png");
+                $(".news-list").empty();
+                handleModuleShow();
+            }
+        }
+        $(".news_tab_img").on("click", function (e) {
+            lishChange();
+        });
+    });
+
+    function startWow() {
+        //start wow
+        var wow = new WOW({
+            boxClass: 'wow',
+            animateClass: 'animated',
+            offset: 100,
+            mobile: true,
+            live: true
+        });
+        wow.init();
+    }
+
+    function menuShowProjects() {
+        top.closeAndShowPro('projectsLayer');
+    }
+
+    function turnToArticle(link) {
+        console.log('turnToArticle：'+link);
+        // $(".news-iframe",parent.document.body).attr("src","https://www.baidu.com/");
+        if(!link){
+            return
+        }
+        $(".news-iframe").src = link;
+        $(".news-detail").addClass("active");
+        iframeShow = true;
+        // news-body
+    }
+</script>
+</body>
+</html>

projects-1.html

@@ -37,23 +37,71 @@
 			
 			<!--main menu-->
 			<div class="main-menu">
+				<div class="menu-background"></div>
+				<!--contact us-->
+				<div class="menu-contact">
+					<div class="menu-contact-list">
+						<div class="menu-contact-map">
+							<a href="https://m.amap.com/search/mapview/markers=31.287272%2C121.447295%2C%E4%B8%8A%E6%B5%B7%E5%B8%82%E9%9D%99%E5%AE%89%E5%8C%BA%E5%BD%AD%E6%B1%9F%E8%B7%AF602%E5%8F%B7e%E5%BA%A7" target="_blank">
+								<div class="map-icon">
+									<img class="map-img" src="https://dm.static.elab-plus.com/elabGuanWang/Location@2x.png">
+								</div>
+								<div class="map-address">
+									<p>地址</p>
+								</div>
+								<div class="map-desc">
+									<p>上海市静安区彭江路602号E座408室</p>
+								</div>
+							</a>
+						</div>
+						<div class="menu-contact-phone">
+							<div class="phone-icon">
+								<img class="phone-img" src="https://dm.static.elab-plus.com/elabGuanWang/Phone@2x.png">
+							</div>
+							<div class="phone-address">
+								<p>电话</p>
+							</div>
+							<div class="phone-desc">
+								<p><a href="tel:02156519508">021-56519508</a></p>
+							</div>
+						</div>
+						<div class="menu-contact-mail">
+							<div class="email-icon">
+								<img class="email-img" src="https://dm.static.elab-plus.com/elabGuanWang/Email@2x.png">
+							</div>
+							<div class="email-address">
+								<p>邮件</p>
+							</div>
+							<div class="email-desc">
+								<p><a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a></p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!--CONTACT US-->
 				<div class="menu-close"></div>
 				<ul class="menu-list">
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
+					<li class="elab_who">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showWho();">ELAB是谁<small>WHO IS ELAB</small></a>
+					</li>
+					<li class="elab_what">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showDo();">ELAB在做什么<small>WHAT ELAB DO</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
+					<li class="elab_news">
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showNews();">新闻中心
+							<small>NEWS</small>
+						</a>
 					</li>
-					<li>
+					<li class="elab_project">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showProjects();">作品案例<small>PROJECTS</small></a>
 					</li>
-					<li>
+					<li class="elab_contact">
 						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showCareers();">加入我们<small>CAREERS</small></a>
 					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showContact();">联系我们<small>CONTACTS</small></a>
-					</li>
+					<!--<li>-->
+						<!--<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showContact();">联系我们<small>CONTACTS</small></a>-->
+					<!--</li>-->
+
 				</ul>
 			</div>
 			
@@ -97,8 +145,93 @@
 		<script src="js/jquery-1.11.3.min.js"></script>
 		<script src="js/wow.js"></script>
 		<script>
+            var markIdx = 0;
+            var currentIdx = 0;
+            var lastIdx = 0;
 			$(function() {
-				
+
+                <!-- menu hover start-->
+                $('.elab_who').hover(function () {
+                    currentIdx = 1;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_what').hover(function () {
+                    currentIdx = 2;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_news').hover(function () {
+                    currentIdx = 3;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_project').hover(function () {
+                    currentIdx = 4;
+                },function () {
+                    currentIdx = 0;
+                });
+
+                $('.elab_contact').hover(function () {
+                    currentIdx = 5;
+                },function () {
+                    currentIdx = 0;
+                });
+                <!-- menu hover end -->
+                <!--mouse over listener start-->
+                <!--mouse over listener end-->
+                setInterval(function () {
+                    if(markIdx !== currentIdx){
+                        markIdx = currentIdx;
+                        var link = '';
+                        var empty = true;
+                        switch (markIdx) {
+                            case 0:
+                                link = '';
+                                empty = true;
+                                break;
+                            case 1:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_what.png)';
+                                empty = false;
+                                break;
+                            case 2:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_do.png)';
+                                empty = false;
+                                break;
+                            case 3:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_news.png)';
+                                empty = false;
+                                break;
+                            case 4:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_project.png)';
+                                empty = false;
+                                break;
+                            case 5:
+                                link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_join.png)';
+                                empty = false;
+                                break;
+                        }
+                        if(empty){
+                            $(".menu-background").fadeOut(400,function () {
+                                $(".menu-background").css('background-image',link);
+                            });
+                        }else {
+                            if(lastIdx!==0){
+                                $(".menu-background").fadeOut(400,function () {
+                                    $(".menu-background").css('background-image',link);
+                                    $(".menu-background").fadeIn(800);
+                                })
+                            }else {
+                                $(".menu-background").css('background-image',link);
+                                $(".menu-background").fadeIn(800);
+                            }
+                        }
+                        lastIdx = markIdx;
+                    }
+                },1210);
 				//show menu
 				$(".menu").on("click", function(e) {
 					$(".main-menu").addClass("active");

projects.html

@@ -1,176 +1,326 @@
 <!DOCTYPE html>
 <html lang='en'>
 
-	<head>
-		<meta charset="UTF-8">
-		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
-		<meta name='viewport' content='width=device-width, initial-scale=1.0,user-scalable=no'>
-		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
-		<title>PROJECTS | ELAB</title>
-		<link rel="stylesheet" href="css/reset.css"></link>
-		<link rel="stylesheet" href="css/style.css?v=0.346785347683"></link>
-		<link rel="stylesheet" href="css/animate.min.css"></link>
-		<style type="text/css">
-			html,
-			body {
-				height: auto;
-				min-height: 100%;
-				background: #1b2030;
-			}
-			
-			#projects {
-				width: 100%;
-				height: auto;
-				background: #1b2030;
-				max-width: none;
-				overflow-x: hidden;
-				overflow-y: auto;
-			}
-			.slide-line,.slide-line1{
-				background: #fff;
-			}
-		</style>
-	</head>
-
-	<body>
-
-		<div id="projects" class="page">
-
-			<!--top menu-->
-			<div class="top-menu wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s">
-				<div class="logo">
-					<a href="javascript:parent.showIndex();"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_3.png" /></a>
-				</div>
-				<div class="menu"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_4.png" /></div>
-				<div class="cases"><a href="javascript:void(0);"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_5.png" /></a></div>
-			</div>
-			
-			<!--main menu-->
-			<div class="main-menu">
-				<div class="menu-close"></div>
-				<ul class="menu-list">
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
-					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
-					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showProjects();">作品案例<small>PROJECTS</small></a>
-					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showCareers();">加入我们<small>CAREERS</small></a>
-					</li>
-					<li>
-						<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showContact();">联系我们<small>CONTACTS</small></a>
-					</li>
-				</ul>
-			</div>
-			
-			<div class="who-we-are wow fadeInUpIndex" data-wow-duration="1s" data-wow-delay="2s">
-				<p>
-					<a href="javascript:parent.closeProjects();parent.showWho();">我们是谁</a>
-				</p>
-				<div class="slide-line"></div>
-				<div class="slide-line1"></div>
-			</div>
-			<div class="what-we-do wow fadeInUpIndex1" data-wow-duration="1s" data-wow-delay="2s">
-				<p>
-					<a href="javascript:parent.closeProjects();parent.showDo();">我们在做什么</a>
-				</p>
-				<div class="slide-line"></div>
-				<div class="slide-line1"></div>
-			</div>
-
-			<!--main-->
-			<div class="project-list"></div>
-
-		</div>
-
-		<script src="js/jquery-1.11.3.min.js"></script>
-		<script src="js/wow.js"></script>
-		<script>
-			$(function() {
-				
-				//show menu
-				$(".menu").on("click", function(e) {
-					$(".main-menu").addClass("active");
-				});
-				//close menu
-				$('.menu-close').on('click', function(e) {
-					$(".main-menu").removeClass("active");
-				});
-				
-				//hover style
-				$(".who-we-are").on('mouseover', function(e) {
-					$(".footer .left,#leftWave").addClass("active");
-					$(".who-we-are .slide-line,.who-we-are .slide-line1").addClass("active");
-				});
-				$(".who-we-are").on('mouseout', function(e) {
-					$(".footer .left,#leftWave").removeClass("active");
-					$(".who-we-are .slide-line,.who-we-are .slide-line1").removeClass("active").addClass("fadeInUp");
-
-				});
-
-				$(".what-we-do").on('mouseover', function(e) {
-					$(".footer .right,#rightWave").addClass("active");
-					$(".what-we-do .slide-line,.what-we-do .slide-line1").addClass("active");
-					$("#menuLayer .cases img").attr("src", "http://yun-image.elab-plus.com/images/index/1_objects@2x_5.png");
-				});
-				$(".what-we-do").on('mouseout', function(e) {
-					//setTimeout(function(){
-					$(".footer .right,#rightWave").removeClass("active");
-					$(".what-we-do .slide-line,.what-we-do .slide-line1").removeClass("active").addClass("fadeInUp");
-					$("#menuLayer .cases img").attr("src", "http://yun-image.elab-plus.com/images/index/1_objects@2x_4.png");
-					//},600);
-				});
-				
-				
-				//读取分类数据
-				$.get("http://106.14.225.13:8081/rest/listCategory1", function(result) {
-					console.log(result);
-					var $_list = result.result.list;
-					var host = "";
-
-					if($_list.length > 0) {
-						$(".project-list").empty();//清空demo
-						for(var i = 0; i < $_list.length; i++) {
-							var tmp = $_list[i];
-							var $_t = 0.1;
-							if(i<2){$_t =(1+i)*0.2;}
-							console.log($_t);
-							var $_img = (host+tmp['image1']) || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
-							var $_html = `<div class="project-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s">
+<head>
+    <meta charset="UTF-8">
+    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
+    <meta content='width=device-width, initial-scale=1.0,user-scalable=no' name='viewport'>
+    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
+    <title>PROJECTS | ELAB</title>
+    <link href="css/reset.css" rel="stylesheet"></link>
+    <link href="css/style.css?v=0.346785347683" rel="stylesheet"></link>
+    <link href="css/animate.min.css" rel="stylesheet"></link>
+    <style type="text/css">
+        html,
+        body {
+            height: auto;
+            min-height: 100%;
+            background: #1b2030;
+        }
+
+        #projects {
+            width: 100%;
+            height: auto;
+            background: #1b2030;
+            max-width: none;
+            overflow-x: hidden;
+            overflow-y: auto;
+        }
+
+        .slide-line, .slide-line1 {
+            background: #fff;
+        }
+    </style>
+</head>
+
+<body>
+
+<div class="page" id="projects">
+
+    <!--top menu-->
+    <div class="top-menu wow fadeInDown" data-wow-delay="1s" data-wow-duration="1s">
+        <div class="logo">
+            <a href="javascript:parent.showIndex();"><img class="inner-icon"
+                                                          src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_3.png"/></a>
+        </div>
+        <div class="menu"><img class="inner-icon"
+                               src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_4.png"/></div>
+        <div class="cases"><a href="javascript:void(0);"><img class="inner-icon"
+                                                              src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_5.png"/></a>
+        </div>
+    </div>
+
+    <!--main menu-->
+    <div class="main-menu">
+        <div class="menu-background"></div>
+        <!--contact us-->
+        <div class="menu-contact">
+            <div class="menu-contact-list">
+                <div class="menu-contact-map">
+                    <a href="https://m.amap.com/search/mapview/markers=31.287272%2C121.447295%2C%E4%B8%8A%E6%B5%B7%E5%B8%82%E9%9D%99%E5%AE%89%E5%8C%BA%E5%BD%AD%E6%B1%9F%E8%B7%AF602%E5%8F%B7e%E5%BA%A7" target="_blank">
+                        <div class="map-icon">
+                            <img class="map-img" src="https://dm.static.elab-plus.com/elabGuanWang/Location@2x.png">
+                        </div>
+                        <div class="map-address">
+                            <p>地址</p>
+                        </div>
+                        <div class="map-desc">
+                            <p>上海市静安区彭江路602号E座408室</p>
+                        </div>
+                    </a>
+                </div>
+                <div class="menu-contact-phone">
+                    <div class="phone-icon">
+                        <img class="phone-img" src="https://dm.static.elab-plus.com/elabGuanWang/Phone@2x.png">
+                    </div>
+                    <div class="phone-address">
+                        <p>电话</p>
+                    </div>
+                    <div class="phone-desc">
+                        <p><a href="tel:02156519508">021-56519508</a></p>
+                    </div>
+                </div>
+                <div class="menu-contact-mail">
+                    <div class="email-icon">
+                        <img class="email-img" src="https://dm.static.elab-plus.com/elabGuanWang/Email@2x.png">
+                    </div>
+                    <div class="email-address">
+                        <p>邮件</p>
+                    </div>
+                    <div class="email-desc">
+                        <p><a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--CONTACT US-->
+        <div class="menu-close"></div>
+        <ul class="menu-list">
+            <li class="elab_who">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showWho();">ELAB是谁
+                    <small>WHO IS ELAB</small>
+                </a>
+            </li>
+            <li class="elab_what">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showDo();">ELAB在做什么
+                    <small>WHAT ELAB DO</small>
+                </a>
+            </li>
+            <li class="elab_news">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showNews();">新闻中心
+                    <small>NEWS</small>
+                </a>
+            </li>
+            <li class="elab_project">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showProjects();">作品案例
+                    <small>PROJECTS</small>
+                </a>
+            </li>
+            <li class="elab_contact">
+                <a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showCareers();">加入我们
+                    <small>CAREERS</small>
+                </a>
+            </li>
+            <!--<li>-->
+                <!--<a href="javascript:$('.main-menu').removeClass('active');parent.closeProjects();parent.showContact();">联系我们-->
+                    <!--<small>CONTACTS</small>-->
+                <!--</a>-->
+            <!--</li>-->
+
+        </ul>
+    </div>
+
+    <div class="who-we-are wow fadeInUpIndex" data-wow-delay="2s" data-wow-duration="1s">
+        <p>
+            <a href="javascript:parent.closeProjects();parent.showWho();">我们是谁</a>
+        </p>
+        <div class="slide-line"></div>
+        <div class="slide-line1"></div>
+    </div>
+    <div class="what-we-do wow fadeInUpIndex1" data-wow-delay="2s" data-wow-duration="1s">
+        <p>
+            <a href="javascript:parent.closeProjects();parent.showDo();">我们在做什么</a>
+        </p>
+        <div class="slide-line"></div>
+        <div class="slide-line1"></div>
+    </div>
+
+    <!--main-->
+    <div class="project-list"></div>
+
+</div>
+
+<script src="js/jquery-1.11.3.min.js"></script>
+<script src="js/wow.js"></script>
+<script>
+    var markIdx = 0;
+    var currentIdx = 0;
+    var lastIdx = 0;
+    $(function () {
+
+        <!-- menu hover start-->
+        $('.elab_who').hover(function () {
+            currentIdx = 1;
+        },function () {
+            currentIdx = 0;
+        });
+
+        $('.elab_what').hover(function () {
+            currentIdx = 2;
+        },function () {
+            currentIdx = 0;
+        });
+
+        $('.elab_news').hover(function () {
+            currentIdx = 3;
+        },function () {
+            currentIdx = 0;
+        });
+
+        $('.elab_project').hover(function () {
+            currentIdx = 4;
+        },function () {
+            currentIdx = 0;
+        });
+
+        $('.elab_contact').hover(function () {
+            currentIdx = 5;
+        },function () {
+            currentIdx = 0;
+        });
+        <!-- menu hover end -->
+        <!--mouse over listener start-->
+        <!--mouse over listener end-->
+        setInterval(function () {
+            if(markIdx !== currentIdx){
+                markIdx = currentIdx;
+                var link = '';
+                var empty = true;
+                switch (markIdx) {
+                    case 0:
+                        link = '';
+                        empty = true;
+                        break;
+                    case 1:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_what.png)';
+                        empty = false;
+                        break;
+                    case 2:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_do.png)';
+                        empty = false;
+                        break;
+                    case 3:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_news.png)';
+                        empty = false;
+                        break;
+                    case 4:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_project.png)';
+                        empty = false;
+                        break;
+                    case 5:
+                        link = 'url(https://dm.static.elab-plus.com/elabGuanWang/elab_join.png)';
+                        empty = false;
+                        break;
+                }
+                if(empty){
+                    $(".menu-background").fadeOut(400,function () {
+                        $(".menu-background").css('background-image',link);
+                    });
+                }else {
+                    if(lastIdx!==0){
+                        $(".menu-background").fadeOut(400,function () {
+                            $(".menu-background").css('background-image',link);
+                            $(".menu-background").fadeIn(800);
+                        })
+                    }else {
+                        $(".menu-background").css('background-image',link);
+                        $(".menu-background").fadeIn(800);
+                    }
+                }
+                lastIdx = markIdx;
+            }
+        },1210);
+        //show menu
+        $(".menu").on("click", function (e) {
+            $(".main-menu").addClass("active");
+        });
+        //close menu
+        $('.menu-close').on('click', function (e) {
+            $(".main-menu").removeClass("active");
+        });
+
+        //hover style
+        $(".who-we-are").on('mouseover', function (e) {
+            $(".footer .left,#leftWave").addClass("active");
+            $(".who-we-are .slide-line,.who-we-are .slide-line1").addClass("active");
+        });
+        $(".who-we-are").on('mouseout', function (e) {
+            $(".footer .left,#leftWave").removeClass("active");
+            $(".who-we-are .slide-line,.who-we-are .slide-line1").removeClass("active").addClass("fadeInUp");
+
+        });
+
+        $(".what-we-do").on('mouseover', function (e) {
+            $(".footer .right,#rightWave").addClass("active");
+            $(".what-we-do .slide-line,.what-we-do .slide-line1").addClass("active");
+            $("#menuLayer .cases img").attr("src", "http://yun-image.elab-plus.com/images/index/1_objects@2x_5.png");
+        });
+        $(".what-we-do").on('mouseout', function (e) {
+            //setTimeout(function(){
+            $(".footer .right,#rightWave").removeClass("active");
+            $(".what-we-do .slide-line,.what-we-do .slide-line1").removeClass("active").addClass("fadeInUp");
+            $("#menuLayer .cases img").attr("src", "http://yun-image.elab-plus.com/images/index/1_objects@2x_4.png");
+            //},600);
+        });
+
+
+        //读取分类数据
+        $.get("http://106.14.225.13:8081/rest/listCategory1", function (result) {
+            console.log(result);
+            var $_list = result.result.list;
+            var host = "";
+
+            if ($_list.length > 0) {
+                $(".project-list").empty();//清空demo
+                for (var i = 0; i < $_list.length; i++) {
+                    var tmp = $_list[i];
+                    var $_t = 0.1;
+                    if (i < 2) {
+                        $_t = (1 + i) * 0.2;
+                    }
+                    console.log($_t);
+                    var $_img = (host + tmp['image1']) || 'http://yun-image.elab-plus.com/images/projects/1_objects@2x_14.jpg';
+                    var $_html = `<div class="project-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="${$_t}s">
 					                  <img class="inner-icon" src="${$_img}" />
 					                  <div class="item-desc item-inner"><span>${tmp['textTitle']}</span></div>
 					                  <div class="item-title item-inner">${tmp['textCn']}<p>${tmp['textEn']}</p></div>
 					                  <div class="item-link item-inner"><a href="javascript:parent.showList(${tmp['id']})" target="_self">浏览作品</a></div>
 				                      </div>`;
-				            $(".project-list").append($_html);          
-						}
-					}
-					
-				});
-
-			});
-
-			function startWow() {
-				//start wow
-				var wow = new WOW({
-					boxClass: 'wow',
-					animateClass: 'animated',
-					offset: 100,
-					mobile: true,
-					live: true
-				});
-				wow.init();
-			}
-			
-			function menuShowProjects(){
-				top.closeAndShowPro('projectsLayer');
-			}
-		</script>
-
-	</body>
+                    $(".project-list").append($_html);
+                }
+            }
+
+        });
+
+    });
+
+    function startWow() {
+        //start wow
+        var wow = new WOW({
+            boxClass: 'wow',
+            animateClass: 'animated',
+            offset: 100,
+            mobile: true,
+            live: true
+        });
+        wow.init();
+    }
+
+    function menuShowProjects() {
+        top.closeAndShowPro('projectsLayer');
+    }
+</script>
+
+</body>
 
 </html>