更新官网

.idea/workspace.xml

@@ -2,13 +2,6 @@
 <project version="4">
   <component name="ChangeListManager">
     <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" />
@@ -16,6 +9,7 @@
       <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$/news.html" beforeDir="false" afterPath="$PROJECT_DIR$/news.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>
@@ -30,20 +24,20 @@
   </component>
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="400">
-              <caret line="644" lean-forward="true" selection-start-line="644" selection-end-line="644" />
+            <state relative-caret-position="285">
+              <caret line="744" column="37" lean-forward="true" selection-start-line="744" selection-start-column="37" selection-end-line="744" selection-end-column="37" />
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="false">
+      <file pinned="false" current-in-tab="true">
         <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 relative-caret-position="112">
+              <caret line="514" column="28" lean-forward="true" selection-start-line="514" selection-start-column="28" selection-end-line="514" selection-end-column="28" />
             </state>
           </provider>
         </entry>
@@ -51,8 +45,8 @@
       <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 relative-caret-position="345">
+              <caret line="352" column="19" selection-start-line="352" selection-start-column="19" selection-end-line="352" selection-end-column="19" />
             </state>
           </provider>
         </entry>
@@ -60,8 +54,8 @@
       <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="391">
-              <caret line="29" column="51" selection-start-line="29" selection-start-column="51" selection-end-line="29" selection-end-column="51" />
+            <state relative-caret-position="664">
+              <caret line="318" column="19" selection-start-line="318" selection-start-column="19" selection-end-line="318" selection-end-column="19" />
             </state>
           </provider>
         </entry>
@@ -69,8 +63,8 @@
       <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="733">
-              <caret line="142" column="51" selection-start-line="142" selection-start-column="51" selection-end-line="142" selection-end-column="51" />
+            <state relative-caret-position="3631">
+              <caret line="440" column="19" selection-start-line="440" selection-start-column="19" selection-end-line="440" selection-end-column="19" />
             </state>
           </provider>
         </entry>
@@ -78,8 +72,8 @@
       <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="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 relative-caret-position="664">
+              <caret line="621" column="15" selection-start-line="621" selection-start-column="15" selection-end-line="621" selection-end-column="15" />
             </state>
           </provider>
         </entry>
@@ -87,8 +81,8 @@
       <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 relative-caret-position="664">
+              <caret line="301" column="11" selection-start-line="301" selection-start-column="11" selection-end-line="301" selection-end-column="11" />
             </state>
           </provider>
         </entry>
@@ -96,8 +90,8 @@
       <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 relative-caret-position="276">
+              <caret line="12" column="31" lean-forward="true" selection-start-line="12" selection-start-column="31" selection-end-line="12" selection-end-column="31" />
             </state>
           </provider>
         </entry>
@@ -105,8 +99,8 @@
       <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 relative-caret-position="304">
+              <caret line="181" column="32" lean-forward="true" selection-start-line="181" selection-start-column="32" selection-end-line="181" selection-end-column="32" />
             </state>
           </provider>
         </entry>
@@ -114,8 +108,8 @@
       <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 relative-caret-position="285">
+              <caret line="2109" column="10" selection-start-line="2109" selection-start-column="1" selection-end-line="2109" selection-end-column="10" />
             </state>
           </provider>
         </entry>
@@ -131,36 +125,36 @@
   </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <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>handleListShow</find>
+      <find>@media only screen</find>
+      <find>map-address</find>
+      <find>elab_who</find>
+      <find>menu-list</find>
+      <find>handleModuleShow</find>
+      <find>anima</find>
+      <find>animationDesc</find>
+      <find>animationIconDis</find>
+      <find>animationAddressDis</find>
+      <find>animationFadeIn</find>
+      <find>item-time</find>
+      <find>newsItem-mark</find>
+      <find>item-title</find>
       <find>loading</find>
+      <find>menu-contact</find>
+      <find>map-desc</find>
+      <find>news-list-item</find>
+      <find>news-list-item-title</find>
+      <find>news-sample</find>
+      <find>news-sample-list</find>
+      <find>news-list</find>
       <find>parent</find>
+      <find>news-body</find>
+      <find>news_narrow</find>
+      <find>news_tab_img</find>
     </findStrings>
     <replaceStrings>
       <replace>750</replace>
@@ -177,16 +171,16 @@
         <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$/careers.html" />
         <option value="$PROJECT_DIR$/contact.html" />
         <option value="$PROJECT_DIR$/do.html" />
+        <option value="$PROJECT_DIR$/licheng.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" />
+        <option value="$PROJECT_DIR$/css/style.css" />
+        <option value="$PROJECT_DIR$/news.html" />
       </list>
     </option>
   </component>
@@ -196,9 +190,9 @@
     <other-services-enabled>true</other-services-enabled>
     <auto-save>true</auto-save>
   </component>
-  <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="1667" />
-    <option name="y" value="106" />
+  <component name="ProjectFrameBounds">
+    <option name="x" value="6" />
+    <option name="y" value="49" />
     <option name="width" value="1382" />
     <option name="height" value="744" />
   </component>
@@ -235,7 +229,7 @@
   <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="com.android.tools.idea.instantapp.provision.ProvisionBeforeRunTaskProvider.myTimeStamp" value="1543582860740" />
     <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" />
@@ -283,18 +277,18 @@
       <workItem from="1543228014921" duration="1384000" />
       <workItem from="1543311560829" duration="3188000" />
       <workItem from="1543371292215" duration="38782000" />
-      <workItem from="1543457183970" duration="48875000" />
+      <workItem from="1543457183970" duration="63294000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="95792000" />
+    <option name="totallyTimeSpent" value="110211000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="1358" y="-8" width="1936" height="1056" extended-state="6" />
+    <frame x="6" y="49" width="1382" height="744" extended-state="0" />
     <editor active="true" />
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.1444563" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.20499243" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info id="Favorites" order="2" side_tool="true" />
       <window_info id="Image Layers" order="3" />
@@ -304,7 +298,7 @@
       <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="Debug" order="3" weight="0.26557377" />
       <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" />
@@ -384,73 +378,73 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/projects.html">
+    <entry file="file://$PROJECT_DIR$/careers.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 relative-caret-position="345">
+          <caret line="352" column="19" selection-start-line="352" selection-start-column="19" selection-end-line="352" selection-end-column="19" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/projects-1.html">
+    <entry file="file://$PROJECT_DIR$/contact.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 relative-caret-position="664">
+          <caret line="318" column="19" selection-start-line="318" selection-start-column="19" selection-end-line="318" selection-end-column="19" />
         </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 relative-caret-position="3631">
+          <caret line="440" column="19" selection-start-line="440" selection-start-column="19" selection-end-line="440" selection-end-column="19" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/contact.html">
+    <entry file="file://$PROJECT_DIR$/licheng.html">
       <provider selected="true" editor-type-id="text-editor">
-        <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 relative-caret-position="664">
+          <caret line="621" column="15" selection-start-line="621" selection-start-column="15" selection-end-line="621" selection-end-column="15" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/careers.html">
+    <entry file="file://$PROJECT_DIR$/projects.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 relative-caret-position="664">
+          <caret line="301" column="11" selection-start-line="301" selection-start-column="11" selection-end-line="301" selection-end-column="11" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/licheng.html">
+    <entry file="file://$PROJECT_DIR$/projects-1.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 relative-caret-position="276">
+          <caret line="12" column="31" lean-forward="true" selection-start-line="12" selection-start-column="31" selection-end-line="12" selection-end-column="31" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/style.css">
+    <entry file="file://$PROJECT_DIR$/index.html">
       <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 relative-caret-position="285">
+          <caret line="744" column="37" lean-forward="true" selection-start-line="744" selection-start-column="37" selection-end-line="744" selection-end-column="37" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/news.html">
+    <entry file="file://$PROJECT_DIR$/loading.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 relative-caret-position="304">
+          <caret line="181" column="32" lean-forward="true" selection-start-line="181" selection-start-column="32" selection-end-line="181" selection-end-column="32" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/loading.html">
+    <entry file="file://$PROJECT_DIR$/css/style.css">
       <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 relative-caret-position="285">
+          <caret line="2109" column="10" selection-start-line="2109" selection-start-column="1" selection-end-line="2109" selection-end-column="10" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/index.html">
+    <entry file="file://$PROJECT_DIR$/news.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="400">
-          <caret line="644" lean-forward="true" selection-start-line="644" selection-end-line="644" />
+        <state relative-caret-position="112">
+          <caret line="514" column="28" lean-forward="true" selection-start-line="514" selection-start-column="28" selection-end-line="514" selection-end-column="28" />
         </state>
       </provider>
     </entry>

careers.html

@@ -212,32 +212,144 @@
                 <!-- menu hover start-->
                 $('.elab_who').hover(function () {
                     currentIdx = 1;
+
+                    $(".elab_who").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_who").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_what').hover(function () {
                     currentIdx = 2;
+                    $(".elab_what").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_what").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_news').hover(function () {
                     currentIdx = 3;
+                    $(".elab_news").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_news").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_project').hover(function () {
                     currentIdx = 4;
+                    $(".elab_project").css("opacity","1");
+
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_project").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_contact').hover(function () {
                     currentIdx = 5;
+                    $(".elab_contact").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_contact").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
                 });
                 <!-- menu hover end -->
                 <!--mouse over listener start-->

contact.html

@@ -178,32 +178,144 @@
                 <!-- menu hover start-->
                 $('.elab_who').hover(function () {
                     currentIdx = 1;
+
+                    $(".elab_who").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_who").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_what').hover(function () {
                     currentIdx = 2;
+                    $(".elab_what").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_what").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_news').hover(function () {
                     currentIdx = 3;
+                    $(".elab_news").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_news").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_project').hover(function () {
                     currentIdx = 4;
+                    $(".elab_project").css("opacity","1");
+
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_project").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_contact').hover(function () {
                     currentIdx = 5;
+                    $(".elab_contact").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_contact").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
                 });
                 <!-- menu hover end -->
                 <!--mouse over listener start-->

css/style.css

@@ -243,35 +243,6 @@ body {
 	-webkit-animation-direction: alternate;
 }
 
-/*@media only screen and (max-width: 768px){*/
-	/*.menu-list {*/
-		/*width: 100%;*/
-		/*margin: 0 auto;*/
-		/*margin-top: 24.5%;*/
-	/*}*/
-	/*.menu-list li {*/
-		/*width: 100%;*/
-		/*margin-bottom: 1%;*/
-		/*color: #fff;*/
-		/*font-size: 40px;*/
-		/*font-weight: 700;*/
-		/*text-align: center;*/
-		/*letter-spacing: 4.689653px;*/
-		/*font-family: 'AritaHeiti';*/
-	/*}*/
-
-	/*.menu-list li small {*/
-		/*opacity: 1;*/
-		/*width: 100%;*/
-		/*display: block;*/
-		/*font-size: 16px;*/
-	/*}*/
-
-	/*.menu-list li a {*/
-		/*opacity: 1;*/
-		/*color: #fff;*/
-	/*}*/
-/*}*/
 @media only screen and (max-width: 1024px){
 	.menu-list {
 		width: 100%;
@@ -305,13 +276,12 @@ body {
 	.menu-list {
 		width: 100%;
 		margin: 0 auto;
-		margin-top: 14.5%;
+		margin-top: 10.5%;
 	}
 	.menu-list li {
 		width: 100%;
 		margin-bottom: 5%;
 		color: #fff;
-		/*top: 80%;*/
 		font-size: 24px;
 		font-weight: 700;
 		text-align: left;
@@ -352,19 +322,19 @@ body {
 	}
 
 	.menu-list li small {
-		opacity: 0.2;
+		opacity: 1;
 		width: 100%;
 		display: block;
 		font-size: 16px;
 	}
 
 	.menu-list li a {
-		opacity: 0.2;
+		opacity: 1;
 		color: #fff;
 	}
 }
 
-.elab_who:hover a{
+/*.elab_who:hover a{
 	opacity: 1;
 }
 .elab_who:hover small{
@@ -397,7 +367,7 @@ body {
 }
 .elab_contact:hover small{
 	opacity: 1;
-}
+}*/
 #index{
 	z-index: 10;
 }
@@ -725,13 +695,7 @@ body {
 		transform: scale(0.6);
 		top: -3%;
 	}
-	/*.menu-list li {*/
-		/*width: 95%;*/
-		/*padding-left: 4%;*/
-		/*text-align: left;*/
-		/*margin-bottom: 5%;*/
-		/*font-size: 7vw;*/
-	/*}*/
+
 	.logo {
 		width: 18%;
 		position: absolute;
@@ -1494,7 +1458,7 @@ body {
 	padding-left: 30px;
 }
 .item-title{
-	top: 40%;
+	top: 35%;
 	font-size: 42px;
 	letter-spacing: 8px;
 }
@@ -1502,6 +1466,13 @@ body {
 	font-size: 16px;
 	font-weight: 400;
 	letter-spacing: 2.46px;
+	opacity: 0.7;
+}
+.item-title-sub{
+	font-size: 33px;
+}
+.item-title-sub p{
+	font-size: 12px;
 }
 .item-link{
 	bottom: 10%;
@@ -1571,9 +1542,9 @@ body {
 	}
 	.map-desc{
 		text-align: center;
-		width: 300%;
+		width: 120%;
 		height: 32px;
-		left: -100%;
+		left: -10%;
 		position: relative;
 	}
 	.map-desc p{
@@ -1612,9 +1583,9 @@ body {
 	}
 	.phone-desc{
 		text-align: center;
-		width: 300%;
+		width: 120%;
 		height: 32px;
-		left: -100%;
+		left: -10%;
 		position: relative;
 	}
 	.phone-desc p{
@@ -1653,9 +1624,9 @@ body {
 	}
 	.email-desc{
 		text-align: center;
-		width: 300%;
+		width: 120%;
 		height: 32px;
-		left: -100%;
+		left: -10%;
 		position: relative;
 	}
 	.email-desc p{
@@ -1673,7 +1644,7 @@ body {
 		width: 96%;
 		height: 32px;
 		position: absolute;
-		top: 77%;
+		top: 67%;
 		left: 2%;
 	}
 
@@ -1835,11 +1806,11 @@ body {
 }
 @media only screen and (min-width: 1025px){
 	.menu-contact{
-		width: 60%;
+		width: 40%;
 		height: 96px;
 		position: absolute;
 		top: 82%;
-		left: 20%;
+		left: 30%;
 	}
 
 	.menu-contact-map{
@@ -1889,9 +1860,9 @@ body {
 	}
 	.map-desc{
 		text-align: center;
-		width: 300%;
+		width: 120%;
 		height: 32px;
-		left: -100%;
+		left: -10%;
 		position: relative;
 	}
 	.map-desc p{
@@ -1933,9 +1904,9 @@ body {
 	}
 	.phone-desc{
 		text-align: center;
-		width: 300%;
+		width: 120%;
 		height: 32px;
-		left: -100%;
+		left: -10%;
 		position: relative;
 	}
 	.phone-desc p{
@@ -1977,9 +1948,9 @@ body {
 	}
 	.email-desc{
 		text-align: center;
-		width: 300%;
+		width: 120%;
 		height: 32px;
-		left: -100%;
+		left: -10%;
 		position: relative;
 	}
 	.email-desc p{
@@ -1995,10 +1966,10 @@ body {
 }
 @media only screen and (max-height: 650px){
 	.menu-contact{
-		top: 86%;
+		top: 75%;
 	}
 	.menu-list{
-		margin-top: 4%;
+		margin-top: 3%;
 	}
 }
 /**
@@ -2055,6 +2026,32 @@ body {
 		opacity:0.7;
 	}
 }
+
+@-webkit-keyframes animationFadeIn {
+	0% {
+		opacity:0.2;
+	}
+	100% {
+		opacity:1;
+	}
+}
+@-webkit-keyframes animationFadeOut {
+	0% {
+		opacity:1;
+	}
+	100% {
+		opacity:0.2;
+	}
+}
+.animate_fadeIn{
+	animation: animationFadeIn 0.4s linear 1;
+	-webkit-animation-fill-mode:forwards;
+}
+
+.animate_fadeOut{
+	animation: animationFadeOut 0.4s linear 1;
+	-webkit-animation-fill-mode:forwards;
+}
 /**
  *contact
  */
@@ -2172,7 +2169,7 @@ body {
 	bottom: 6%;
 	font-size: 16px;
 	letter-spacing: 8px;
-
+	opacity: 0.9;
 }
 .item-time-inner{
 	width: 100%;
@@ -2189,7 +2186,7 @@ body {
 	letter-spacing: 2.46px;
 }
 .newsItem-mark{
-	top: 10%;
+	top: 20%;
 }
 .newsItem-mark a{
 	font-size: 12px;
@@ -2357,6 +2354,9 @@ body {
 	color: #fff;
 	line-height: 68px;
 	vertical-align: center;
+	overflow:hidden;
+	text-overflow:ellipsis;
+	white-space:nowrap;
 	height: 68px;
 }
 .news-list-item-bottom{

do.html

@@ -300,32 +300,144 @@
                 <!-- menu hover start-->
                 $('.elab_who').hover(function () {
                     currentIdx = 1;
+
+                    $(".elab_who").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_who").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_what').hover(function () {
                     currentIdx = 2;
+                    $(".elab_what").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_what").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_news').hover(function () {
                     currentIdx = 3;
+                    $(".elab_news").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_news").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_project').hover(function () {
                     currentIdx = 4;
+                    $(".elab_project").css("opacity","1");
+
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_project").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_contact').hover(function () {
                     currentIdx = 5;
+                    $(".elab_contact").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_contact").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
                 });
                 <!-- menu hover end -->
                 <!--mouse over listener start-->

index.html

@@ -537,32 +537,144 @@
         <!-- menu hover start-->
         $('.elab_who').hover(function () {
             currentIdx = 1;
+
+            $(".elab_who").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_who").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_what').hover(function () {
             currentIdx = 2;
+            $(".elab_what").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_what").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_news').hover(function () {
             currentIdx = 3;
+            $(".elab_news").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_news").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_project').hover(function () {
             currentIdx = 4;
+            $(".elab_project").css("opacity","1");
+
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_project").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_contact').hover(function () {
             currentIdx = 5;
+            $(".elab_contact").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_contact").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
         });
         <!-- menu hover end -->
         <!--mouse over listener start-->
@@ -626,6 +738,13 @@
             $(".footer").removeClass("fadeIn").addClass("fadeInLeft");
         }
     }*/
+    var checkLoad = setInterval(function () {
+        // localStorage.setItem("loadComplete","0");
+        if(localStorage.getItem("loadComplete") === "1"){
+            hideLoading();
+            clearInterval(checkLoad);
+        }
+    },800);
 
     //loading completed
     function hideLoading() {

licheng.html

@@ -481,32 +481,144 @@
             <!-- menu hover start-->
             $('.elab_who').hover(function () {
                 currentIdx = 1;
+
+                $(".elab_who").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeIn");
+                $(".elab_what").removeClass("animate_fadeIn");
+                $(".elab_news").removeClass("animate_fadeIn");
+                $(".elab_project").removeClass("animate_fadeIn");
+                $(".elab_contact").removeClass("animate_fadeIn");
+
+                $(".elab_what").addClass("animate_fadeOut");
+                $(".elab_news").addClass("animate_fadeOut");
+                $(".elab_project").addClass("animate_fadeOut");
+                $(".elab_contact").addClass("animate_fadeOut");
             },function () {
                 currentIdx = 0;
+                $(".elab_who").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeOut");
+                $(".elab_what").removeClass("animate_fadeOut");
+                $(".elab_news").removeClass("animate_fadeOut");
+                $(".elab_project").removeClass("animate_fadeOut");
+                $(".elab_contact").removeClass("animate_fadeOut");
+
+                $(".elab_what").addClass("animate_fadeIn");
+                $(".elab_news").addClass("animate_fadeIn");
+                $(".elab_project").addClass("animate_fadeIn");
+                $(".elab_contact").addClass("animate_fadeIn");
             });
 
             $('.elab_what').hover(function () {
                 currentIdx = 2;
+                $(".elab_what").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeIn");
+                $(".elab_what").removeClass("animate_fadeIn");
+                $(".elab_news").removeClass("animate_fadeIn");
+                $(".elab_project").removeClass("animate_fadeIn");
+                $(".elab_contact").removeClass("animate_fadeIn");
+
+                $(".elab_who").addClass("animate_fadeOut");
+                $(".elab_news").addClass("animate_fadeOut");
+                $(".elab_project").addClass("animate_fadeOut");
+                $(".elab_contact").addClass("animate_fadeOut");
             },function () {
                 currentIdx = 0;
+                $(".elab_what").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeOut");
+                $(".elab_what").removeClass("animate_fadeOut");
+                $(".elab_news").removeClass("animate_fadeOut");
+                $(".elab_project").removeClass("animate_fadeOut");
+                $(".elab_contact").removeClass("animate_fadeOut");
+
+                $(".elab_who").addClass("animate_fadeIn");
+                $(".elab_news").addClass("animate_fadeIn");
+                $(".elab_project").addClass("animate_fadeIn");
+                $(".elab_contact").addClass("animate_fadeIn");
             });
 
             $('.elab_news').hover(function () {
                 currentIdx = 3;
+                $(".elab_news").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeIn");
+                $(".elab_what").removeClass("animate_fadeIn");
+                $(".elab_news").removeClass("animate_fadeIn");
+                $(".elab_project").removeClass("animate_fadeIn");
+                $(".elab_contact").removeClass("animate_fadeIn");
+
+                $(".elab_who").addClass("animate_fadeOut");
+                $(".elab_what").addClass("animate_fadeOut");
+                $(".elab_project").addClass("animate_fadeOut");
+                $(".elab_contact").addClass("animate_fadeOut");
             },function () {
                 currentIdx = 0;
+                $(".elab_news").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeOut");
+                $(".elab_what").removeClass("animate_fadeOut");
+                $(".elab_news").removeClass("animate_fadeOut");
+                $(".elab_project").removeClass("animate_fadeOut");
+                $(".elab_contact").removeClass("animate_fadeOut");
+
+                $(".elab_who").addClass("animate_fadeIn");
+                $(".elab_what").addClass("animate_fadeIn");
+                $(".elab_project").addClass("animate_fadeIn");
+                $(".elab_contact").addClass("animate_fadeIn");
             });
 
             $('.elab_project').hover(function () {
                 currentIdx = 4;
+                $(".elab_project").css("opacity","1");
+
+                $(".elab_who").removeClass("animate_fadeIn");
+                $(".elab_what").removeClass("animate_fadeIn");
+                $(".elab_news").removeClass("animate_fadeIn");
+                $(".elab_project").removeClass("animate_fadeIn");
+                $(".elab_contact").removeClass("animate_fadeIn");
+
+                $(".elab_who").addClass("animate_fadeOut");
+                $(".elab_what").addClass("animate_fadeOut");
+                $(".elab_news").addClass("animate_fadeOut");
+                $(".elab_contact").addClass("animate_fadeOut");
             },function () {
                 currentIdx = 0;
+                $(".elab_project").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeOut");
+                $(".elab_what").removeClass("animate_fadeOut");
+                $(".elab_news").removeClass("animate_fadeOut");
+                $(".elab_project").removeClass("animate_fadeOut");
+                $(".elab_contact").removeClass("animate_fadeOut");
+
+                $(".elab_who").addClass("animate_fadeIn");
+                $(".elab_what").addClass("animate_fadeIn");
+                $(".elab_news").addClass("animate_fadeIn");
+                $(".elab_contact").addClass("animate_fadeIn");
             });
 
             $('.elab_contact').hover(function () {
                 currentIdx = 5;
+                $(".elab_contact").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeIn");
+                $(".elab_what").removeClass("animate_fadeIn");
+                $(".elab_news").removeClass("animate_fadeIn");
+                $(".elab_project").removeClass("animate_fadeIn");
+                $(".elab_contact").removeClass("animate_fadeIn");
+
+                $(".elab_who").addClass("animate_fadeOut");
+                $(".elab_what").addClass("animate_fadeOut");
+                $(".elab_news").addClass("animate_fadeOut");
+                $(".elab_project").addClass("animate_fadeOut");
             },function () {
                 currentIdx = 0;
+                $(".elab_contact").css("opacity","1");
+                $(".elab_who").removeClass("animate_fadeOut");
+                $(".elab_what").removeClass("animate_fadeOut");
+                $(".elab_news").removeClass("animate_fadeOut");
+                $(".elab_project").removeClass("animate_fadeOut");
+                $(".elab_contact").removeClass("animate_fadeOut");
+
+                $(".elab_who").addClass("animate_fadeIn");
+                $(".elab_what").addClass("animate_fadeIn");
+                $(".elab_news").addClass("animate_fadeIn");
+                $(".elab_project").addClass("animate_fadeIn");
             });
             <!-- menu hover end -->
             <!--mouse over listener start-->

loading.html

@@ -174,7 +174,7 @@
 	//console.log($_h);
 	$(".container").height($_h+'px');
 	
-	
+    localStorage.setItem("loadComplete","0");
     var percent;
     var Count = $(".hidden_img").length; //图片数量
     var Imgs = new Array(Count);
@@ -243,7 +243,8 @@
                 // controlBar.reach(100);
                 //加载完毕，关闭loading
                 clearInterval(mock);
-                parent.hideLoading();
+                // parent.hideLoading();
+                localStorage.setItem("loadComplete","1");
             }
         }
     }

news.html

@@ -118,11 +118,6 @@
                     <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-->
@@ -173,32 +168,144 @@
         <!-- menu hover start-->
         $('.elab_who').hover(function () {
             currentIdx = 1;
+
+            $(".elab_who").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_who").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_what').hover(function () {
             currentIdx = 2;
+            $(".elab_what").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_what").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_news').hover(function () {
             currentIdx = 3;
+            $(".elab_news").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_news").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_project').hover(function () {
             currentIdx = 4;
+            $(".elab_project").css("opacity","1");
+
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_project").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_contact').hover(function () {
             currentIdx = 5;
+            $(".elab_contact").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_contact").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
         });
         <!-- menu hover end -->
         <!--mouse over listener start-->
@@ -296,13 +403,13 @@
 				                    <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-title item-inner item-title-sub">${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-title item-inner item-title-sub">${tmp2['title']}<p>${tmp2['subTitle']}</p></div>
 					                    <div class="item-time item-time-inner"><p>${data2.toLocaleString( )}</p></div>
                                     </div>
                                   </div>
@@ -317,13 +424,13 @@
 				                    <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-title item-inner item-title-sub">${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-title item-inner item-title-sub">${tmp1['title']}<p>${tmp1['subTitle']}</p></div>
 					                    <div class="item-time item-time-inner"><p>${data1.toLocaleString( )}</p></div>
                                     </div>
                                   </div>
@@ -336,7 +443,7 @@
 				                    <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-title item-inner item-title-sub">${tmp0['title']}<p>${tmp0['subTitle']}</p></div>
 					                    <div class="item-time item-time-inner"><p>${data0.toLocaleString( )}</p></div>
                                     </div>
                                   </div>
@@ -363,7 +470,7 @@
                 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-left" onclick="turnToArticle(${item1['linkUrl']})">
 
                                         <div class="news-list-item-box"><p>${item1['id']}</p></div>
                                         <div class="news-list-item-description">
@@ -371,7 +478,7 @@
                                             <div class="news-list-item-bottom"></div>
                                         </div>
                                       </div>
-                                      <div class="news-list-item-right">
+                                      <div class="news-list-item-right" onclick="turnToArticle(${item2['linkUrl']})">
                                         <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>
@@ -382,7 +489,7 @@
                                  `;
                 }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-left" onclick="turnToArticle(${item1['linkUrl']})">
                                         <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>
@@ -405,10 +512,13 @@
                 $(".news_tab_img").attr("src", "https://dm.static.elab-plus.com/elabGuanWang/Showroom@2x.png");
                 $(".news-sample-list").empty();
                 handleListShow();
+                // news-body
+                $(".news-body").css("padding-top","5%");
             }else {
                 $(".news_tab_img").attr("src", "https://dm.static.elab-plus.com/elabGuanWang/List@2x.png");
                 $(".news-list").empty();
                 handleModuleShow();
+                $(".news-body").css("padding-top","0%");
             }
         }
         $(".news_tab_img").on("click", function (e) {

projects-1.html

@@ -137,9 +137,7 @@
 					</div>
 				</div>
 				<!--/single item-->
-
 			</div>
-
 		</div>
 
 		<script src="js/jquery-1.11.3.min.js"></script>
@@ -153,32 +151,144 @@
                 <!-- menu hover start-->
                 $('.elab_who').hover(function () {
                     currentIdx = 1;
+
+                    $(".elab_who").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_who").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_what').hover(function () {
                     currentIdx = 2;
+                    $(".elab_what").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_what").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_news').hover(function () {
                     currentIdx = 3;
+                    $(".elab_news").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_news").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_project').hover(function () {
                     currentIdx = 4;
+                    $(".elab_project").css("opacity","1");
+
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_contact").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_project").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_contact").addClass("animate_fadeIn");
                 });
 
                 $('.elab_contact').hover(function () {
                     currentIdx = 5;
+                    $(".elab_contact").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeIn");
+                    $(".elab_what").removeClass("animate_fadeIn");
+                    $(".elab_news").removeClass("animate_fadeIn");
+                    $(".elab_project").removeClass("animate_fadeIn");
+                    $(".elab_contact").removeClass("animate_fadeIn");
+
+                    $(".elab_who").addClass("animate_fadeOut");
+                    $(".elab_what").addClass("animate_fadeOut");
+                    $(".elab_news").addClass("animate_fadeOut");
+                    $(".elab_project").addClass("animate_fadeOut");
                 },function () {
                     currentIdx = 0;
+                    $(".elab_contact").css("opacity","1");
+                    $(".elab_who").removeClass("animate_fadeOut");
+                    $(".elab_what").removeClass("animate_fadeOut");
+                    $(".elab_news").removeClass("animate_fadeOut");
+                    $(".elab_project").removeClass("animate_fadeOut");
+                    $(".elab_contact").removeClass("animate_fadeOut");
+
+                    $(".elab_who").addClass("animate_fadeIn");
+                    $(".elab_what").addClass("animate_fadeIn");
+                    $(".elab_news").addClass("animate_fadeIn");
+                    $(".elab_project").addClass("animate_fadeIn");
                 });
                 <!-- menu hover end -->
                 <!--mouse over listener start-->

projects.html

@@ -161,32 +161,144 @@
         <!-- menu hover start-->
         $('.elab_who').hover(function () {
             currentIdx = 1;
+
+            $(".elab_who").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_who").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_what').hover(function () {
             currentIdx = 2;
+            $(".elab_what").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_what").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_news').hover(function () {
             currentIdx = 3;
+            $(".elab_news").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_news").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_project').hover(function () {
             currentIdx = 4;
+            $(".elab_project").css("opacity","1");
+
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_contact").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_project").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_contact").addClass("animate_fadeIn");
         });
 
         $('.elab_contact').hover(function () {
             currentIdx = 5;
+            $(".elab_contact").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeIn");
+            $(".elab_what").removeClass("animate_fadeIn");
+            $(".elab_news").removeClass("animate_fadeIn");
+            $(".elab_project").removeClass("animate_fadeIn");
+            $(".elab_contact").removeClass("animate_fadeIn");
+
+            $(".elab_who").addClass("animate_fadeOut");
+            $(".elab_what").addClass("animate_fadeOut");
+            $(".elab_news").addClass("animate_fadeOut");
+            $(".elab_project").addClass("animate_fadeOut");
         },function () {
             currentIdx = 0;
+            $(".elab_contact").css("opacity","1");
+            $(".elab_who").removeClass("animate_fadeOut");
+            $(".elab_what").removeClass("animate_fadeOut");
+            $(".elab_news").removeClass("animate_fadeOut");
+            $(".elab_project").removeClass("animate_fadeOut");
+            $(".elab_contact").removeClass("animate_fadeOut");
+
+            $(".elab_who").addClass("animate_fadeIn");
+            $(".elab_what").addClass("animate_fadeIn");
+            $(".elab_news").addClass("animate_fadeIn");
+            $(".elab_project").addClass("animate_fadeIn");
         });
         <!-- menu hover end -->
         <!--mouse over listener start-->