update

@@ -2,16 +2,30 @@
 <project version="4">
 <project version="4">
   <component name="ChangeListManager">
   <component name="ChangeListManager">
     <list default="true" id="45116894-83a8-452c-8a78-cd7bfbe48655" name="Default Changelist" comment="">
     <list default="true" id="45116894-83a8-452c-8a78-cd7bfbe48655" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/css/dropload.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/css/page.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/css/paging.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/js/dropload.min.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/js/jquery.min.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/js/page.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/js/paging.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/alxq.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/alxq.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/common.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/common.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/cpxq_2.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/cpxq_2.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/cpzx_2.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/cpzx_2.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/gsjj.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/gsjj.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/jm_3.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/jm_3.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/jpal.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/jpal.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/css/qqrz.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/qqrz.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/css/qqrz.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/qqrz.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/sckj.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/sckj.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/zxdt.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/zxdt.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/alxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/alxq.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/alxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/alxq.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/cpxq_2.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/cpxq_2.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/cpxq_2.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/cpxq_2.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/cpzx_2.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/cpzx_2.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/cpzx_2.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/cpzx_2.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/dtxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/dtxq.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/dtxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/dtxq.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/fwcx_4.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/fwcx_4.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/fwcx_4.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/fwcx_4.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/html/fwcx_4_1result.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/fwcx_4_1result.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/html/fwcx_4_2result.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/fwcx_4_2result.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/html/fwxc_4_3result_none.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/fwxc_4_3result_none.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/gsjj.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/gsjj.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/gsjj.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/gsjj.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/index.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/index.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/jm_3.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/jm_3.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/html/jm_3.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/jm_3.html" afterDir="false" />
@@ -132,35 +146,40 @@
     <session id="-2119211925">
     <session id="-2119211925">
       <usages-collector id="statistics.lifecycle.project">
       <usages-collector id="statistics.lifecycle.project">
         <counts>
         <counts>
-          <entry key="project.closed" value="2" />
-          <entry key="project.open.time.1" value="1" />
+          <entry key="project.closed" value="4" />
+          <entry key="project.open.time.1" value="2" />
+          <entry key="project.open.time.26" value="1" />
           <entry key="project.open.time.3" value="1" />
           <entry key="project.open.time.3" value="1" />
           <entry key="project.open.time.5" value="1" />
           <entry key="project.open.time.5" value="1" />
-          <entry key="project.opened" value="3" />
+          <entry key="project.opened" value="5" />
         </counts>
         </counts>
       </usages-collector>
       </usages-collector>
       <usages-collector id="statistics.file.extensions.open">
       <usages-collector id="statistics.file.extensions.open">
         <counts>
         <counts>
-          <entry key="css" value="3" />
-          <entry key="html" value="20" />
+          <entry key="css" value="28" />
+          <entry key="html" value="46" />
+          <entry key="js" value="4" />
         </counts>
         </counts>
       </usages-collector>
       </usages-collector>
       <usages-collector id="statistics.file.types.open">
       <usages-collector id="statistics.file.types.open">
         <counts>
         <counts>
-          <entry key="CSS" value="3" />
-          <entry key="HTML" value="20" />
+          <entry key="CSS" value="28" />
+          <entry key="HTML" value="46" />
+          <entry key="JavaScript" value="4" />
         </counts>
         </counts>
       </usages-collector>
       </usages-collector>
       <usages-collector id="statistics.file.extensions.edit">
       <usages-collector id="statistics.file.extensions.edit">
         <counts>
         <counts>
-          <entry key="css" value="70" />
-          <entry key="html" value="425" />
+          <entry key="css" value="1725" />
+          <entry key="html" value="4264" />
+          <entry key="js" value="49" />
         </counts>
         </counts>
       </usages-collector>
       </usages-collector>
       <usages-collector id="statistics.file.types.edit">
       <usages-collector id="statistics.file.types.edit">
         <counts>
         <counts>
-          <entry key="CSS" value="70" />
-          <entry key="HTML" value="425" />
+          <entry key="CSS" value="1725" />
+          <entry key="HTML" value="4265" />
+          <entry key="JavaScript" value="48" />
         </counts>
         </counts>
       </usages-collector>
       </usages-collector>
     </session>
     </session>
@@ -168,136 +187,164 @@
   <component name="FileEditorManager">
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="false">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/lxwm_5.html">
+        <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="185">
-              <caret line="27" column="44" selection-start-line="27" selection-start-column="44" selection-end-line="27" selection-end-column="44" />
+            <state relative-caret-position="378">
+              <caret line="14" column="4" lean-forward="true" selection-start-line="14" selection-start-column="4" selection-end-line="14" selection-end-column="47" />
               <folding>
               <folding>
+                <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+                <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
                 <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#3;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#3;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#3;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#1;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#select#0;n#div#0;n#div#1;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#1;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#4;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#7;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#8;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#10;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#11;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#12;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#5;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="e#11885#11936#0" />
+                <element signature="e#11963#12013#0" />
+                <element signature="e#12035#12085#0" />
+                <element signature="e#12109#12161#0" />
+                <element signature="e#12185#12235#0" />
+                <element signature="e#12259#12309#0" />
+                <element signature="e#12333#12385#0" />
+                <element signature="e#12409#12461#0" />
+                <element signature="e#12693#12895#0" />
+                <element signature="e#12933#13486#0" />
               </folding>
               </folding>
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
       <file pinned="false" current-in-tab="false">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/qqrz.html">
+        <entry file="file://$PROJECT_DIR$/html/search_2.html">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="264">
-              <caret line="22" column="18" lean-forward="true" selection-start-line="22" selection-start-column="18" selection-end-line="22" selection-end-column="18" />
+            <state relative-caret-position="405">
+              <caret line="64" column="12" lean-forward="true" selection-start-line="15" selection-start-column="4" selection-end-line="64" selection-end-column="12" />
               <folding>
               <folding>
+                <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+                <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
                 <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#2;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#3;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#4;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#5;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="e#9727#9778#0" />
+                <element signature="e#9805#9855#0" />
+                <element signature="e#9877#9927#0" />
+                <element signature="e#9951#10003#0" />
+                <element signature="e#10027#10077#0" />
+                <element signature="e#10101#10151#0" />
+                <element signature="e#10175#10227#0" />
+                <element signature="e#10251#10303#0" />
+                <element signature="e#10339#10892#0" />
               </folding>
               </folding>
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
       <file pinned="false" current-in-tab="false">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/sckj.html">
+        <entry file="file://$PROJECT_DIR$/html/search_no_2.html">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="347">
-              <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+            <state relative-caret-position="405">
+              <caret line="64" column="12" selection-start-line="64" selection-start-column="12" selection-end-line="64" selection-end-column="12" />
+              <folding>
+                <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+                <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="e#7218#7269#0" />
+                <element signature="e#7296#7346#0" />
+                <element signature="e#7368#7418#0" />
+                <element signature="e#7442#7494#0" />
+                <element signature="e#7518#7568#0" />
+                <element signature="e#7592#7642#0" />
+                <element signature="e#7666#7718#0" />
+                <element signature="e#7742#7794#0" />
+                <element signature="e#7830#8383#0" />
+              </folding>
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/search_2.html">
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/html/fwcx_4_1result.html">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="158">
-              <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+            <state relative-caret-position="104">
+              <caret line="22" column="18" lean-forward="true" selection-start-line="22" selection-start-column="18" selection-end-line="22" selection-end-column="18" />
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
       <file pinned="false" current-in-tab="false">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/search_no_2.html">
+        <entry file="file://$PROJECT_DIR$/html/cpxq_2.html">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="185">
-              <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+            <state relative-caret-position="432">
+              <caret line="65" column="12" lean-forward="true" selection-start-line="16" selection-start-column="4" selection-end-line="65" selection-end-column="12" />
+              <folding>
+                <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+                <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="e#15410#15461#0" />
+                <element signature="e#15488#15538#0" />
+                <element signature="e#15560#15610#0" />
+                <element signature="e#15634#15686#0" />
+                <element signature="e#15710#15760#0" />
+                <element signature="e#15784#15834#0" />
+                <element signature="e#15858#15910#0" />
+                <element signature="e#15934#15986#0" />
+                <element signature="e#16026#16579#0" />
+              </folding>
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
       <file pinned="false" current-in-tab="false">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/zxdt.html">
+        <entry file="file://$PROJECT_DIR$/css/cpxq_2.css">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="185">
-              <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+            <state relative-caret-position="240">
+              <caret line="617" column="23" lean-forward="true" selection-start-line="617" selection-start-column="23" selection-end-line="617" selection-end-column="23" />
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
       <file pinned="false" current-in-tab="false">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/css/index.css">
+        <entry file="file://$PROJECT_DIR$/css/paging.css">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="158">
-              <caret line="8" column="10" selection-start-line="8" selection-start-column="1" selection-end-line="8" selection-end-column="10" />
+            <state relative-caret-position="-460">
+              <caret line="15" column="27" lean-forward="true" selection-start-line="15" selection-start-column="27" selection-end-line="15" selection-end-column="27" />
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
-      <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/html/index.html">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="320">
-              <caret line="30" column="22" lean-forward="true" selection-start-line="30" selection-start-column="22" selection-end-line="30" selection-end-column="22" />
-              <folding>
-                <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="e#11447#11791#0" />
-              </folding>
+            <state relative-caret-position="26">
+              <caret line="376" column="8" selection-start-line="376" selection-start-column="5" selection-end-line="376" selection-end-column="8" />
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
       <file pinned="false" current-in-tab="false">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/jm_3.html">
+        <entry file="file://$PROJECT_DIR$/js/paging.js">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="158">
-              <caret line="24" column="36" lean-forward="true" selection-start-line="24" selection-start-column="36" selection-end-line="24" selection-end-column="36" />
+            <state relative-caret-position="81">
+              <caret line="21" column="31" lean-forward="true" selection-start-line="21" selection-start-column="31" selection-end-line="21" selection-end-column="31" />
+              <folding>
+                <element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#ul#0;n#div#0;n#!!top" expanded="true" />
+              </folding>
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
       </file>
       </file>
       <file pinned="false" current-in-tab="false">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/jpal.html">
+        <entry file="file://$PROJECT_DIR$/css/page.css">
           <provider selected="true" editor-type-id="text-editor">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="185">
-              <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+            <state relative-caret-position="323">
+              <caret line="40" column="21" lean-forward="true" selection-start-line="40" selection-start-column="21" selection-end-line="40" selection-end-column="21" />
             </state>
             </state>
           </provider>
           </provider>
         </entry>
         </entry>
@@ -314,39 +361,40 @@
   </component>
   </component>
   <component name="FindInProjectRecents">
   <component name="FindInProjectRecents">
     <findStrings>
     <findStrings>
-      <find>mid_text</find>
-      <find>mid_title</find>
-      <find>mid_online</find>
-      <find>mid_count</find>
-      <find>mid_se</find>
-      <find>mid_text_box</find>
-      <find>mid_common_item_las</find>
-      <find>mid_common_item</find>
-      <find>mid_common_item_la</find>
-      <find>mid_shop</find>
+      <find>mid_join_input</find>
+      <find>mid_menu_item</find>
+      <find>mid_menu</find>
+      <find>color</find>
+      <find>mid_sele</find>
+      <find>mid_select_box_page</find>
+      <find>mid_top</find>
+      <find>pic_list</find>
+      <find>show_pic</find>
+      <find>footer_me</find>
+      <find>domRefresh</find>
+      <find>mid_box_text</find>
+      <find>foo</find>
+      <find>bottom</find>
+      <find>mid_new_box</find>
+      <find>dropload-down</find>
+      <find>pic2_box</find>
       <find>mid</find>
       <find>mid</find>
-      <find>mid_box_PRO</find>
       <find>mid_box</find>
       <find>mid_box</find>
-      <find>mid_area_right</find>
-      <find>opti</find>
-      <find>mid_box_item_text</find>
-      <find>mid_inquire</find>
-      <find>mid_shop_items</find>
-      <find>mid_opinion_input</find>
-      <find>mid_opinion</find>
-      <find>items</find>
-      <find>pic4_view</find>
-      <find>footer_menu</find>
-      <find>header_mid</find>
-      <find>header_mi</find>
-      <find>bicon_03@2x.png</find>
-      <find>er_mid</find>
-      <find>pic4</find>
-      <find>container</find>
-      <find>menu_default</find>
+      <find>pageWrap</find>
+      <find>turnPa</find>
+      <find>#ebebeb</find>
+      <find>turnPage</find>
+      <find>包装</find>
+      <find>mid_number</find>
+      <find>box</find>
+      <find>mid_item</find>
+      <find>mid_se</find>
+      <find>mid_price</find>
+      <find>select</find>
     </findStrings>
     </findStrings>
     <replaceStrings>
     <replaceStrings>
       <replace>div</replace>
       <replace>div</replace>
+      <replace>#e6e6e6</replace>
     </replaceStrings>
     </replaceStrings>
   </component>
   </component>
   <component name="Git.Settings">
   <component name="Git.Settings">
@@ -357,44 +405,46 @@
       <list>
       <list>
         <option value="$PROJECT_DIR$/css/comment.css" />
         <option value="$PROJECT_DIR$/css/comment.css" />
         <option value="$PROJECT_DIR$/icon/iconfont.css" />
         <option value="$PROJECT_DIR$/icon/iconfont.css" />
-        <option value="$PROJECT_DIR$/css/sckj.css" />
-        <option value="$PROJECT_DIR$/css/gsjj.css" />
-        <option value="$PROJECT_DIR$/css/common.css" />
-        <option value="$PROJECT_DIR$/css/jpal.css" />
-        <option value="$PROJECT_DIR$/css/alxq.css" />
-        <option value="$PROJECT_DIR$/css/zxdt.css" />
         <option value="$PROJECT_DIR$/css/dtxq.css" />
         <option value="$PROJECT_DIR$/css/dtxq.css" />
         <option value="$PROJECT_DIR$/js/swiper.js" />
         <option value="$PROJECT_DIR$/js/swiper.js" />
-        <option value="$PROJECT_DIR$/css/cpzx_2.css" />
         <option value="$PROJECT_DIR$/css/search_no_2.css" />
         <option value="$PROJECT_DIR$/css/search_no_2.css" />
         <option value="$PROJECT_DIR$/css/search_2.css" />
         <option value="$PROJECT_DIR$/css/search_2.css" />
-        <option value="$PROJECT_DIR$/css/cpxq_2.css" />
-        <option value="$PROJECT_DIR$/css/jm_3.css" />
         <option value="$PROJECT_DIR$/css/fwcx_4.css" />
         <option value="$PROJECT_DIR$/css/fwcx_4.css" />
         <option value="$PROJECT_DIR$/css/fwcx_4_1result.css" />
         <option value="$PROJECT_DIR$/css/fwcx_4_1result.css" />
         <option value="$PROJECT_DIR$/css/fwcx_4_2result.css" />
         <option value="$PROJECT_DIR$/css/fwcx_4_2result.css" />
         <option value="$PROJECT_DIR$/css/fwxc_4_3result_none.css" />
         <option value="$PROJECT_DIR$/css/fwxc_4_3result_none.css" />
         <option value="$PROJECT_DIR$/css/lxwm_5.css" />
         <option value="$PROJECT_DIR$/css/lxwm_5.css" />
-        <option value="$PROJECT_DIR$/css/qqrz.css" />
-        <option value="$PROJECT_DIR$/html/qqrz.html" />
-        <option value="$PROJECT_DIR$/html/alxq.html" />
-        <option value="$PROJECT_DIR$/html/cpxq_2.html" />
-        <option value="$PROJECT_DIR$/html/cpzx_2.html" />
-        <option value="$PROJECT_DIR$/html/dtxq.html" />
-        <option value="$PROJECT_DIR$/html/fwcx_4.html" />
         <option value="$PROJECT_DIR$/html/fwcx_4_1result.html" />
         <option value="$PROJECT_DIR$/html/fwcx_4_1result.html" />
         <option value="$PROJECT_DIR$/html/fwcx_4_2result.html" />
         <option value="$PROJECT_DIR$/html/fwcx_4_2result.html" />
         <option value="$PROJECT_DIR$/html/fwxc_4_3result_none.html" />
         <option value="$PROJECT_DIR$/html/fwxc_4_3result_none.html" />
-        <option value="$PROJECT_DIR$/html/gsjj.html" />
-        <option value="$PROJECT_DIR$/html/jm_3.html" />
-        <option value="$PROJECT_DIR$/html/jpal.html" />
+        <option value="$PROJECT_DIR$/html/fwcx_4.html" />
         <option value="$PROJECT_DIR$/html/lxwm_5.html" />
         <option value="$PROJECT_DIR$/html/lxwm_5.html" />
+        <option value="$PROJECT_DIR$/css/common.css" />
+        <option value="$PROJECT_DIR$/css/index.css" />
+        <option value="$PROJECT_DIR$/html/jm_3.html" />
+        <option value="$PROJECT_DIR$/css/jm_3.css" />
+        <option value="$PROJECT_DIR$/css/cpzx_2.css" />
+        <option value="$PROJECT_DIR$/css/sckj.css" />
         <option value="$PROJECT_DIR$/html/sckj.html" />
         <option value="$PROJECT_DIR$/html/sckj.html" />
+        <option value="$PROJECT_DIR$/css/qqrz.css" />
+        <option value="$PROJECT_DIR$/html/gsjj.html" />
+        <option value="$PROJECT_DIR$/css/gsjj.css" />
+        <option value="$PROJECT_DIR$/css/jpal.css" />
+        <option value="$PROJECT_DIR$/html/qqrz.html" />
+        <option value="$PROJECT_DIR$/css/alxq.css" />
+        <option value="$PROJECT_DIR$/html/jpal.html" />
+        <option value="$PROJECT_DIR$/html/alxq.html" />
+        <option value="$PROJECT_DIR$/css/zxdt.css" />
+        <option value="$PROJECT_DIR$/html/index.html" />
+        <option value="$PROJECT_DIR$/html/zxdt.html" />
+        <option value="$PROJECT_DIR$/html/dtxq.html" />
+        <option value="$PROJECT_DIR$/js/paging.js" />
+        <option value="$PROJECT_DIR$/css/paging.css" />
+        <option value="$PROJECT_DIR$/css/cpxq_2.css" />
+        <option value="$PROJECT_DIR$/html/cpxq_2.html" />
+        <option value="$PROJECT_DIR$/html/cpzx_2.html" />
         <option value="$PROJECT_DIR$/html/search_2.html" />
         <option value="$PROJECT_DIR$/html/search_2.html" />
         <option value="$PROJECT_DIR$/html/search_no_2.html" />
         <option value="$PROJECT_DIR$/html/search_no_2.html" />
-        <option value="$PROJECT_DIR$/html/zxdt.html" />
-        <option value="$PROJECT_DIR$/css/index.css" />
-        <option value="$PROJECT_DIR$/html/index.html" />
       </list>
       </list>
     </option>
     </option>
   </component>
   </component>
@@ -405,10 +455,10 @@
     <sorting>DEFINITION_ORDER</sorting>
     <sorting>DEFINITION_ORDER</sorting>
   </component>
   </component>
   <component name="ProjectFrameBounds">
   <component name="ProjectFrameBounds">
-    <option name="x" value="443" />
-    <option name="y" value="95" />
-    <option name="width" value="1330" />
-    <option name="height" value="909" />
+    <option name="x" value="498" />
+    <option name="y" value="132" />
+    <option name="width" value="1656" />
+    <option name="height" value="1003" />
   </component>
   </component>
   <component name="ProjectView">
   <component name="ProjectView">
     <navigator proportions="" version="1">
     <navigator proportions="" version="1">
@@ -436,8 +486,18 @@
             <path>
             <path>
               <item name="clime" type="b2602c69:ProjectViewProjectNode" />
               <item name="clime" type="b2602c69:ProjectViewProjectNode" />
               <item name="clime" type="462c0819:PsiDirectoryNode" />
               <item name="clime" type="462c0819:PsiDirectoryNode" />
+              <item name="icon" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="clime" type="b2602c69:ProjectViewProjectNode" />
+              <item name="clime" type="462c0819:PsiDirectoryNode" />
               <item name="js" type="462c0819:PsiDirectoryNode" />
               <item name="js" type="462c0819:PsiDirectoryNode" />
             </path>
             </path>
+            <path>
+              <item name="clime" type="b2602c69:ProjectViewProjectNode" />
+              <item name="clime" type="462c0819:PsiDirectoryNode" />
+              <item name="video" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
           </expand>
           <select />
           <select />
         </subPane>
         </subPane>
@@ -448,13 +508,15 @@
     <property name="DefaultHtmlFileTemplate" value="HTML File" />
     <property name="DefaultHtmlFileTemplate" value="HTML File" />
     <property name="SearchEverywhereHistoryKey" value="&#9;FILE&#9;file://F:/ljh项目/可耐美手机端/clime/html/cpxq_2.html" />
     <property name="SearchEverywhereHistoryKey" value="&#9;FILE&#9;file://F:/ljh项目/可耐美手机端/clime/html/cpxq_2.html" />
     <property name="WebServerToolWindowFactoryState" value="false" />
     <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$/../../企业微信/Wechat_project_1" />
+    <property name="last_opened_file_path" value="F:/案例项目/kenaimei" />
     <property name="list.type.of.created.stylesheet" value="CSS" />
     <property name="list.type.of.created.stylesheet" value="CSS" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
   </component>
   </component>
   <component name="RecentsManager">
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="F:\ljhWeb项目（重要）\可耐美手机端\clime\js" />
+      <recent name="F:\ljhWeb项目（重要）\可耐美手机端\clime\css" />
       <recent name="F:\ljh项目\可耐美手机端\js" />
       <recent name="F:\ljh项目\可耐美手机端\js" />
       <recent name="F:\ljh项目\可耐美手机端\css" />
       <recent name="F:\ljh项目\可耐美手机端\css" />
       <recent name="F:\ljh项目\可耐美手机端\images" />
       <recent name="F:\ljh项目\可耐美手机端\images" />
@@ -499,18 +561,20 @@
       <workItem from="1548233677826" duration="326000" />
       <workItem from="1548233677826" duration="326000" />
       <workItem from="1548234604883" duration="1063000" />
       <workItem from="1548234604883" duration="1063000" />
       <workItem from="1548236022389" duration="21000" />
       <workItem from="1548236022389" duration="21000" />
-      <workItem from="1548236542901" duration="5491000" />
+      <workItem from="1548236542901" duration="5554000" />
+      <workItem from="1548289565644" duration="30059000" />
+      <workItem from="1548376254799" duration="27333000" />
     </task>
     </task>
     <servers />
     <servers />
   </component>
   </component>
   <component name="TimeTrackingManager">
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="169346000" />
+    <option name="totallyTimeSpent" value="226801000" />
   </component>
   </component>
   <component name="ToolWindowManager">
   <component name="ToolWindowManager">
-    <frame x="443" y="95" width="1330" height="909" extended-state="0" />
+    <frame x="617" y="163" width="1656" height="1003" extended-state="0" />
     <editor active="true" />
     <editor active="true" />
     <layout>
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.4993464" visible="true" weight="0.21207431" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.4993464" visible="true" weight="0.16934487" />
       <window_info id="Structure" order="1" sideWeight="0.5006536" side_tool="true" weight="0.16211294" />
       <window_info id="Structure" order="1" sideWeight="0.5006536" side_tool="true" weight="0.16211294" />
       <window_info id="Favorites" order="2" side_tool="true" />
       <window_info id="Favorites" order="2" side_tool="true" />
       <window_info anchor="bottom" id="Message" order="0" />
       <window_info anchor="bottom" id="Message" order="0" />
@@ -522,7 +586,7 @@
       <window_info anchor="bottom" id="TODO" order="6" />
       <window_info anchor="bottom" id="TODO" order="6" />
       <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
       <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
       <window_info anchor="bottom" id="Version Control" order="8" />
       <window_info anchor="bottom" id="Version Control" order="8" />
-      <window_info anchor="bottom" id="Terminal" order="9" visible="true" weight="0.28165373" />
+      <window_info anchor="bottom" id="Terminal" order="9" visible="true" weight="0.25691244" />
       <window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
       <window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
@@ -536,48 +600,13 @@
     <option name="myLimit" value="2678400000" />
     <option name="myLimit" value="2678400000" />
   </component>
   </component>
   <component name="editorHistoryManager">
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/css/gsjj.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="471">
-          <caret line="409" column="4" selection-start-line="409" selection-start-column="4" selection-end-line="413" selection-end-column="21" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/css/common.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="270">
-          <caret line="10" column="11" lean-forward="true" selection-start-line="10" selection-start-column="11" selection-end-line="10" selection-end-column="11" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/css/zxdt.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="251">
-          <caret line="90" column="20" selection-start-line="90" selection-start-column="20" selection-end-line="90" selection-end-column="20" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/css/alxq.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="270">
-          <caret line="148" column="23" lean-forward="true" selection-end-line="282" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/js/swiper.min.js.map">
     <entry file="file://$PROJECT_DIR$/js/swiper.min.js.map">
-      <provider editor-type-id="sourcemapFileViewerProvider" />
       <provider selected="true" editor-type-id="text-editor" />
       <provider selected="true" editor-type-id="text-editor" />
+      <provider editor-type-id="sourcemapFileViewerProvider" />
     </entry>
     </entry>
     <entry file="file://$PROJECT_DIR$/js/swiper.js">
     <entry file="file://$PROJECT_DIR$/js/swiper.js">
       <provider selected="true" editor-type-id="text-editor" />
       <provider selected="true" editor-type-id="text-editor" />
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/sckj.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="9045">
-          <caret line="335" column="30" lean-forward="true" selection-end-line="428" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
     <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="945">
         <state relative-caret-position="945">
@@ -595,20 +624,6 @@
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/icon/iconfont.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="459">
-          <caret line="17" column="21" selection-start-line="17" selection-start-column="21" selection-end-line="17" selection-end-column="21" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/css/cpxq_2.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="12879">
-          <caret line="477" column="25" selection-start-line="477" selection-start-column="25" selection-end-line="477" selection-end-column="25" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/css/dtxq.css">
     <entry file="file://$PROJECT_DIR$/css/dtxq.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="2646">
         <state relative-caret-position="2646">
@@ -616,20 +631,6 @@
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/jm_3.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="4887">
-          <caret line="181" column="22" selection-start-line="181" selection-start-column="22" selection-end-line="181" selection-end-column="22" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="12123">
-          <caret line="449" column="25" selection-end-line="626" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/css/search_2.css">
     <entry file="file://$PROJECT_DIR$/css/search_2.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="7884">
         <state relative-caret-position="7884">
@@ -637,9 +638,6 @@
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/swiper.css">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
     <entry file="file://$PROJECT_DIR$/css/fwcx_4_2result.css">
     <entry file="file://$PROJECT_DIR$/css/fwcx_4_2result.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="2106">
         <state relative-caret-position="2106">
@@ -647,13 +645,6 @@
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/jpal.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1431">
-          <caret line="53" column="23" selection-end-line="250" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/css/lxwm_5.css">
     <entry file="file://$PROJECT_DIR$/css/lxwm_5.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="9396">
         <state relative-caret-position="9396">
@@ -707,225 +698,487 @@
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/qqrz.css">
+    <entry file="file://$PROJECT_DIR$/html/fwcx_4_2result.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="37">
-          <caret line="195" column="8" lean-forward="true" selection-start-line="195" selection-start-column="8" selection-end-line="195" selection-end-column="8" />
-          <folding>
-            <element signature="e#3676#3704#0" />
-            <element signature="e#3716#3743#0" />
-          </folding>
+        <state relative-caret-position="185">
+          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/alxq.html">
+    <entry file="file://$PROJECT_DIR$/html/fwxc_4_3result_none.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="185">
         <state relative-caret-position="185">
           <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
           <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/cpxq_2.html">
+    <entry file="file://$PROJECT_DIR$/icon/iconfont.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="297">
+          <caret line="17" selection-start-line="17" selection-end-line="19" selection-end-column="1" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
+    <entry file="file://$PROJECT_DIR$/html/fwcx_4.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="444">
+          <caret line="440" column="9" selection-start-line="396" selection-end-line="440" selection-end-column="9" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/dtxq.html">
+    <entry file="file://$PROJECT_DIR$/html/lxwm_5.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="81">
+          <caret line="3" column="26" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/jquery.min.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/dropload.min.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/common.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="135">
+          <caret line="5" column="5" lean-forward="true" selection-start-line="5" selection-start-column="5" selection-end-line="5" selection-end-column="5" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/index.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="618">
+          <caret line="458" column="21" lean-forward="true" selection-start-line="458" selection-start-column="21" selection-end-line="458" selection-end-column="21" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/jm_3.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2322">
+          <caret line="190" column="40" selection-start-line="190" selection-start-column="26" selection-end-line="190" selection-end-column="40" />
           <folding>
           <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
             <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#2;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
           </folding>
           </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/fwcx_4.html">
+    <entry file="file://$PROJECT_DIR$/css/jm_3.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="24" column="44" selection-start-line="24" selection-start-column="44" selection-end-line="24" selection-end-column="44" />
+        <state relative-caret-position="4779">
+          <caret line="177" column="5" selection-start-line="177" selection-start-column="5" selection-end-line="177" selection-end-column="5" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/page.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="297">
+          <caret line="13" column="27" lean-forward="true" selection-start-line="13" selection-start-column="27" selection-end-line="13" selection-end-column="27" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/sckj.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="189">
+          <caret line="191" column="10" lean-forward="true" selection-start-line="191" selection-start-column="10" selection-end-line="191" selection-end-column="10" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/sckj.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="149">
+          <caret line="157" column="56" lean-forward="true" selection-start-line="157" selection-start-column="56" selection-end-line="157" selection-end-column="56" />
           <folding>
           <folding>
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#1;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#5;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#7;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#8;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#8;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#9;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#10;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#11;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#11;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#11;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#6;n#div#11;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#14;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#14;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#10623#10674#0" />
+            <element signature="e#10701#10751#0" />
+            <element signature="e#10773#10823#0" />
+            <element signature="e#10847#10899#0" />
+            <element signature="e#10923#10973#0" />
+            <element signature="e#10997#11047#0" />
+            <element signature="e#11071#11123#0" />
+            <element signature="e#11236#11789#0" />
           </folding>
           </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/fwcx_4_1result.html">
+    <entry file="file://$PROJECT_DIR$/css/gsjj.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="324">
+          <caret line="12" column="22" lean-forward="true" selection-start-line="12" selection-start-column="22" selection-end-line="12" selection-end-column="22" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/alxq.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="236">
+          <caret line="106" column="19" lean-forward="true" selection-start-line="106" selection-start-column="19" selection-end-line="106" selection-end-column="19" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/alxq.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-2862">
+          <caret line="14" column="47" lean-forward="true" selection-start-line="14" selection-start-column="47" selection-end-line="14" selection-end-column="47" />
           <folding>
           <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#5522#5573#0" />
+            <element signature="e#5600#5650#0" />
+            <element signature="e#5672#5722#0" />
+            <element signature="e#5746#5798#0" />
+            <element signature="e#5822#5872#0" />
+            <element signature="e#5896#5946#0" />
+            <element signature="e#5970#6022#0" />
+            <element signature="e#6046#6098#0" />
+            <element signature="e#7095#7594#0" />
           </folding>
           </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/fwcx_4_2result.html">
+    <entry file="file://$PROJECT_DIR$/css/swiper.css">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/jpal.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="-342">
+          <caret line="223" column="8" lean-forward="true" selection-start-line="223" selection-start-column="8" selection-end-line="223" selection-end-column="8" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/gsjj.html">
+    <entry file="file://$PROJECT_DIR$/css/qqrz.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="-2812">
+          <caret line="96" column="25" selection-start-line="96" selection-start-column="25" selection-end-line="96" selection-end-column="25" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/fwxc_4_3result_none.html">
+    <entry file="file://$PROJECT_DIR$/html/gsjj.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="-4865">
+          <caret line="8" column="4" lean-forward="true" selection-start-line="8" selection-start-column="4" selection-end-line="8" selection-end-column="102" />
+          <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#12533#12584#0" />
+            <element signature="e#12611#12661#0" />
+            <element signature="e#12683#12733#0" />
+            <element signature="e#12757#12809#0" />
+            <element signature="e#12833#12883#0" />
+            <element signature="e#12907#12957#0" />
+            <element signature="e#12981#13033#0" />
+            <element signature="e#13147#13701#0" />
+            <element signature="e#13738#14290#0" />
+            <element signature="e#14335#14432#0" />
+            <element signature="e#14534#14563#0" />
+            <element signature="e#14591#16975#0" />
+            <element signature="e#20913#20943#0" />
+          </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/jm_3.html">
+    <entry file="file://$PROJECT_DIR$/html/qqrz.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="158">
-          <caret line="24" column="36" lean-forward="true" selection-start-line="24" selection-start-column="36" selection-end-line="24" selection-end-column="36" />
+        <state relative-caret-position="218">
+          <caret line="214" column="18" lean-forward="true" selection-start-line="211" selection-start-column="7" selection-end-line="295" />
+          <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#6964#7015#0" />
+            <element signature="e#7042#7092#0" />
+            <element signature="e#7114#7164#0" />
+            <element signature="e#7188#7240#0" />
+            <element signature="e#7264#7314#0" />
+            <element signature="e#7338#7388#0" />
+            <element signature="e#7412#7464#0" />
+            <element signature="e#7488#7540#0" />
+          </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
     <entry file="file://$PROJECT_DIR$/html/jpal.html">
     <entry file="file://$PROJECT_DIR$/html/jpal.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="343">
+          <caret line="284" column="6" lean-forward="true" selection-start-line="194" selection-start-column="4" selection-end-line="284" selection-end-column="6" />
+          <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#4925#4976#0" />
+            <element signature="e#5003#5053#0" />
+            <element signature="e#5075#5125#0" />
+            <element signature="e#5149#5201#0" />
+            <element signature="e#5225#5275#0" />
+            <element signature="e#5299#5349#0" />
+            <element signature="e#5373#5425#0" />
+            <element signature="e#5449#5501#0" />
+            <element signature="e#5662#6214#0" />
+            <element signature="e#5708#6207#0" />
+          </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/lxwm_5.html">
+    <entry file="file://$PROJECT_DIR$/css/zxdt.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="27" column="44" selection-start-line="27" selection-start-column="44" selection-end-line="27" selection-end-column="44" />
+        <state relative-caret-position="183">
+          <caret line="88" column="11" lean-forward="true" selection-start-line="88" selection-start-column="11" selection-end-line="88" selection-end-column="11" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="262">
+          <caret line="349" column="5" lean-forward="true" selection-start-line="349" selection-start-column="5" selection-end-line="349" selection-end-column="5" />
           <folding>
           <folding>
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#3;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#3;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#3;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#1;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#select#0;n#div#0;n#div#1;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#1;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#4;n#div#6;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#7;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#8;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#10;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#11;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#12;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#11984#12035#0" />
+            <element signature="e#12062#12112#0" />
+            <element signature="e#12134#12184#0" />
+            <element signature="e#12208#12260#0" />
+            <element signature="e#12284#12334#0" />
+            <element signature="e#12358#12408#0" />
+            <element signature="e#12432#12484#0" />
+            <element signature="e#12508#12560#0" />
           </folding>
           </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/qqrz.html">
+    <entry file="file://$PROJECT_DIR$/html/zxdt.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="264">
-          <caret line="22" column="18" lean-forward="true" selection-start-line="22" selection-start-column="18" selection-end-line="22" selection-end-column="18" />
+        <state relative-caret-position="432">
+          <caret line="16" column="4" lean-forward="true" selection-start-line="16" selection-start-column="4" selection-end-line="54" selection-end-column="12" />
           <folding>
           <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#6619#6670#0" />
+            <element signature="e#6697#6747#0" />
+            <element signature="e#6769#6819#0" />
+            <element signature="e#6843#6895#0" />
+            <element signature="e#6919#6969#0" />
+            <element signature="e#6993#7043#0" />
+            <element signature="e#7067#7119#0" />
+            <element signature="e#7143#7195#0" />
+            <element signature="e#6634#7133#0" />
           </folding>
           </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/sckj.html">
+    <entry file="file://$PROJECT_DIR$/html/dtxq.html">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="347">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="432">
+          <caret line="54" column="12" selection-start-line="54" selection-start-column="12" selection-end-line="54" selection-end-column="12" />
+          <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#6227#6278#0" />
+            <element signature="e#6305#6355#0" />
+            <element signature="e#6377#6427#0" />
+            <element signature="e#6451#6503#0" />
+            <element signature="e#6527#6577#0" />
+            <element signature="e#6601#6651#0" />
+            <element signature="e#6675#6727#0" />
+            <element signature="e#6751#6803#0" />
+            <element signature="e#6845#7296#0" />
+          </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/search_2.html">
+    <entry file="file://$PROJECT_DIR$/css/dropload.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="158">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="297">
+          <caret line="11" column="1" lean-forward="true" selection-start-line="11" selection-start-column="1" selection-end-line="11" selection-end-column="1" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/search_no_2.html">
+    <entry file="file://$PROJECT_DIR$/css/page.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="323">
+          <caret line="40" column="21" lean-forward="true" selection-start-line="40" selection-start-column="21" selection-end-line="40" selection-end-column="21" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/zxdt.html">
+    <entry file="file://$PROJECT_DIR$/css/paging.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="185">
-          <caret line="25" column="44" selection-start-line="25" selection-start-column="44" selection-end-line="25" selection-end-column="44" />
+        <state relative-caret-position="-460">
+          <caret line="15" column="27" lean-forward="true" selection-start-line="15" selection-start-column="27" selection-end-line="15" selection-end-column="27" />
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/index.css">
+    <entry file="file://$PROJECT_DIR$/js/paging.js">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="158">
-          <caret line="8" column="10" selection-start-line="8" selection-start-column="1" selection-end-line="8" selection-end-column="10" />
+        <state relative-caret-position="81">
+          <caret line="21" column="31" lean-forward="true" selection-start-line="21" selection-start-column="31" selection-end-line="21" selection-end-column="31" />
+          <folding>
+            <element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#ul#0;n#div#0;n#!!top" expanded="true" />
+          </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/index.html">
+    <entry file="file://$PROJECT_DIR$/css/cpxq_2.css">
       <provider selected="true" editor-type-id="text-editor">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="320">
-          <caret line="30" column="22" lean-forward="true" selection-start-line="30" selection-start-column="22" selection-end-line="30" selection-end-column="22" />
+        <state relative-caret-position="240">
+          <caret line="617" column="23" lean-forward="true" selection-start-line="617" selection-start-column="23" selection-end-line="617" selection-end-column="23" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="26">
+          <caret line="376" column="8" selection-start-line="376" selection-start-column="5" selection-end-line="376" selection-end-column="8" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="378">
+          <caret line="14" column="4" lean-forward="true" selection-start-line="14" selection-start-column="4" selection-end-line="14" selection-end-column="47" />
           <folding>
           <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="e#11447#11791#0" />
+            <element signature="e#11885#11936#0" />
+            <element signature="e#11963#12013#0" />
+            <element signature="e#12035#12085#0" />
+            <element signature="e#12109#12161#0" />
+            <element signature="e#12185#12235#0" />
+            <element signature="e#12259#12309#0" />
+            <element signature="e#12333#12385#0" />
+            <element signature="e#12409#12461#0" />
+            <element signature="e#12693#12895#0" />
+            <element signature="e#12933#13486#0" />
           </folding>
           </folding>
         </state>
         </state>
       </provider>
       </provider>
     </entry>
     </entry>
+    <entry file="file://$PROJECT_DIR$/html/cpxq_2.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="432">
+          <caret line="65" column="12" lean-forward="true" selection-start-line="16" selection-start-column="4" selection-end-line="65" selection-end-column="12" />
+          <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#15410#15461#0" />
+            <element signature="e#15488#15538#0" />
+            <element signature="e#15560#15610#0" />
+            <element signature="e#15634#15686#0" />
+            <element signature="e#15710#15760#0" />
+            <element signature="e#15784#15834#0" />
+            <element signature="e#15858#15910#0" />
+            <element signature="e#15934#15986#0" />
+            <element signature="e#16026#16579#0" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/search_2.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="405">
+          <caret line="64" column="12" lean-forward="true" selection-start-line="15" selection-start-column="4" selection-end-line="64" selection-end-column="12" />
+          <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#9727#9778#0" />
+            <element signature="e#9805#9855#0" />
+            <element signature="e#9877#9927#0" />
+            <element signature="e#9951#10003#0" />
+            <element signature="e#10027#10077#0" />
+            <element signature="e#10101#10151#0" />
+            <element signature="e#10175#10227#0" />
+            <element signature="e#10251#10303#0" />
+            <element signature="e#10339#10892#0" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/search_no_2.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="405">
+          <caret line="64" column="12" selection-start-line="64" selection-start-column="12" selection-end-line="64" selection-end-column="12" />
+          <folding>
+            <element signature="n#style#0;n#head#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="e#7218#7269#0" />
+            <element signature="e#7296#7346#0" />
+            <element signature="e#7368#7418#0" />
+            <element signature="e#7442#7494#0" />
+            <element signature="e#7518#7568#0" />
+            <element signature="e#7592#7642#0" />
+            <element signature="e#7666#7718#0" />
+            <element signature="e#7742#7794#0" />
+            <element signature="e#7830#8383#0" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/fwcx_4_1result.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="104">
+          <caret line="22" column="18" lean-forward="true" selection-start-line="22" selection-start-column="18" selection-end-line="22" selection-end-column="18" />
+        </state>
+      </provider>
+    </entry>
   </component>
   </component>
 </project>
 </project>

@@ -109,7 +109,7 @@
     font-weight: 500;
     font-weight: 500;
     line-height: 0.4rem;
     line-height: 0.4rem;
     word-wrap: break-word;
     word-wrap: break-word;
-
+    margin-bottom: 0.3rem;
 
 
 }
 }
 
 

@@ -3,6 +3,9 @@
     padding: 0;
     padding: 0;
 
 
 }
 }
+body{
+    -webkit-overflow-scrolling : touch;
+}
 a{
 a{
     text-decoration: none;
     text-decoration: none;
 }
 }
@@ -11,3 +14,10 @@ a{
     top: 0;
     top: 0;
     left: 0;
     left: 0;
 }
 }
+.menu_default{
+    position: fixed;
+    top: 0.88rem;
+    left: 0;
+    z-index: 10;
+    background: #fff;
+}

@@ -621,3 +621,6 @@
     margin-top: 0.38rem;
     margin-top: 0.38rem;
     font-size: 0.22rem;
     font-size: 0.22rem;
 }
 }
+.mid_number{
+    margin-left: 0.3rem;
+}

@@ -391,13 +391,33 @@ input::-webkit-input-placeholder{
     overflow-x: auto;
     overflow-x: auto;
 }
 }
 .mid_menu_item{
 .mid_menu_item{
+
     font-size: 0.26rem;
     font-size: 0.26rem;
+    position: relative;
+}
+.item_color{
+    color: #922020;
+
 }
 }
+.item_color:before{
+    content: "";
+    width: 0.4rem;
+    height: 0.04rem;
+    border-radius: 0.02rem ;
+    position: absolute;
+    background-color: #922020;
+    top: 0.34rem;
+    left: 0;
+    right:0;
+    margin: 0 auto;
+
+}
+
 .mid_items{
 .mid_items{
     margin-top: 0.19rem;
     margin-top: 0.19rem;
     width: 6.86rem;
     width: 6.86rem;
     height: 11.04rem;
     height: 11.04rem;
-    background-color: #50B388;
+    /*background-color: #50B388;*/
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
 }
 }
@@ -601,7 +621,7 @@ input::-webkit-input-placeholder{
     width: 7.5rem;
     width: 7.5rem;
     height: 2.89rem;
     height: 2.89rem;
     background-color: #922020;
     background-color: #922020;
-    margin-bottom: 0.98rem;
+    /*margin-bottom: 0.98rem;*/
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
     align-items: center;
     align-items: center;

+.dropload-up,.dropload-down{
+    position: relative;
+    height: 0;
+    overflow: hidden;
+    font-size: 12px;
+    /* 开启硬件加速 */
+    -webkit-transform:translateZ(0);
+    transform:translateZ(0);
+}
+.dropload-down{
+    height: 50px;
+}
+.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
+}
+.dropload-load .loading{
+    display: inline-block;
+    height: 15px;
+    width: 15px;
+    border-radius: 100%;
+    margin: 6px;
+    border: 2px solid #666;
+    border-bottom-color: transparent;
+    vertical-align: middle;
+    -webkit-animation: rotate 0.75s linear infinite;
+    animation: rotate 0.75s linear infinite;
+}
+@-webkit-keyframes rotate {
+    0% {
+        -webkit-transform: rotate(0deg);
+    }
+    50% {
+        -webkit-transform: rotate(180deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+    }
+}
+@keyframes rotate {
+    0% {
+        transform: rotate(0deg);
+    }
+    50% {
+        transform: rotate(180deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}

@@ -11,7 +11,7 @@
     line-height: 1;
     line-height: 1;
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
-    align-items: center;
+    /*align-items: center;*/
 }
 }
 /*---------- 头部导航栏  ----------*/
 /*---------- 头部导航栏  ----------*/
 .header{
 .header{
@@ -21,7 +21,9 @@
     color: #ffffff;
     color: #ffffff;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
-    position: relative;
+    /*position: relative;*/
+
+
 }
 }
 .icon-caidan{
 .icon-caidan{
     font-size: 0.65rem;
     font-size: 0.65rem;
@@ -38,9 +40,7 @@
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
 }
 }
-.menu_default{
-    width: 7.5rem;
-}
+
 .menu_item{
 .menu_item{
     display: flex;
     display: flex;
     justify-content: space-between;
     justify-content: space-between;
@@ -68,19 +68,29 @@
     align-items: center;
     align-items: center;
     font-size: 0.32rem;
     font-size: 0.32rem;
     font-weight: bold;
     font-weight: bold;
-    position: relative;
+    /*position: relative;*/
+    margin-top: 0.88rem;
 }
 }
-.top_left{
-    color: #922020;
+.top_text{
+    /*height: 0.92rem;*/
+    color: #666666;
+    position: relative;
 }
 }
 .menu_sort{
 .menu_sort{
-    /*width: 0.4rem;*/
     color: #922020;
     color: #922020;
-    /*height: 0.1rem;*/
-    border-bottom: 0.04rem solid #922020;
 }
 }
-.top_right{
+.menu_sort:before{
+    content: "";
+    width: 0.4rem;
+    height: 0.04rem;
+    background-color: #922020;
+    border-radius: 0.02rem;
+    position: absolute;
+    left: 0.6rem;
+    bottom: -0.15rem;
+
 }
 }
+
 .top_intro{
 .top_intro{
     width: 7.5rem;
     width: 7.5rem;
     height: 3.6rem;
     height: 3.6rem;
@@ -128,12 +138,12 @@
 /*--------------- 人物介绍栏 ---------------*/
 /*--------------- 人物介绍栏 ---------------*/
 .mid_person{
 .mid_person{
     width: 6.86rem;
     width: 6.86rem;
-    height: 6.4rem;
+    /*height: 6.4rem;*/
     background:rgba(255,255,255,1);
     background:rgba(255,255,255,1);
     box-shadow:0  0.06rem 0.2rem 0 rgba(0, 0, 0, 0.2);
     box-shadow:0  0.06rem 0.2rem 0 rgba(0, 0, 0, 0.2);
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
-    margin: 0.6rem 0.59rem;
+    margin: 0.6rem 0.32rem;
 
 
 }
 }
 .mid_person_box{
 .mid_person_box{
@@ -144,7 +154,7 @@
 }
 }
 /*左边*/
 /*左边*/
 .mid_person_left{
 .mid_person_left{
-    width: 2.84rem;
+    width: 3rem;
     height: 2.42rem;
     height: 2.42rem;
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
@@ -191,18 +201,19 @@
 
 
 }
 }
 .mid_bottom p{
 .mid_bottom p{
-    margin: 0 0.25rem;
+    margin: 0 0.25rem 0.5rem;
     font-size:0.26rem;
     font-size:0.26rem;
     font-family:PingFang-SC-Medium;
     font-family:PingFang-SC-Medium;
     font-weight:500;
     font-weight:500;
     color:rgba(153,153,153,1);
     color:rgba(153,153,153,1);
     line-height:0.4rem;
     line-height:0.4rem;
+    /*margin-bottom: 0.5rem;*/
 
 
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 8;
-    overflow: hidden;
+    /*text-overflow: ellipsis;*/
+    /*display: -webkit-box;*/
+    /*-webkit-box-orient: vertical;*/
+    /*-webkit-line-clamp: 8;*/
+    /*overflow: hidden;*/
 }
 }
 /*--------------- 公司介绍 ---------------*/
 /*--------------- 公司介绍 ---------------*/
 .mid_company{
 .mid_company{
@@ -236,6 +247,7 @@
     font-weight: 500;
     font-weight: 500;
     color: #666666;
     color: #666666;
     line-height: 0.4rem;
     line-height: 0.4rem;
+    margin-bottom: 0.3rem;
 }
 }
 /*视频播放*/
 /*视频播放*/
 .mid_company_video{
 .mid_company_video{
@@ -316,7 +328,7 @@
     width: 6.86rem;
     width: 6.86rem;
     height: 2.1rem;
     height: 2.1rem;
     display: flex;
     display: flex;
-    margin-top: 0.24rem;
+    margin-top: 0.2rem;
     background-color: #ffffff;
     background-color: #ffffff;
 }
 }
 .pic2_margin_top{
 .pic2_margin_top{
@@ -369,7 +381,7 @@
     line-height: 0.5rem;
     line-height: 0.5rem;
     color: #ffffff;
     color: #ffffff;
     text-align: center;
     text-align: center;
-    margin-top: 0.34rem;
+    margin-top: 0.2rem;
 }
 }
 /*最新动态轮播图*/
 /*最新动态轮播图*/
 .mid_new{
 .mid_new{
@@ -382,8 +394,15 @@
 .mid_new_banner{
 .mid_new_banner{
     margin-top: 0.58rem;
     margin-top: 0.58rem;
     width: 100%;
     width: 100%;
+    display:flex;
+    flex-wrap: nowrap;
     height: 4.5rem;
     height: 4.5rem;
-    background-color: #50B388;
+    /*background-color: #50B388;*/
+    white-space: nowrap;
+    overflow-x: scroll;
+}
+.mid_new_box{
+    margin-left: 0.3rem;
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
     align-items: center;
     align-items: center;
@@ -477,7 +496,7 @@
     width: 7.5rem;
     width: 7.5rem;
     height: 2.89rem;
     height: 2.89rem;
     background-color: #922020;
     background-color: #922020;
-    margin-bottom: 0.98rem;
+    /*margin-bottom: 0.98rem;*/
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
     align-items: center;
     align-items: center;
@@ -500,3 +519,28 @@
     margin-top: 0.38rem;
     margin-top: 0.38rem;
     font-size: 0.22rem;
     font-size: 0.22rem;
 }
 }
+
+/*可耐美德国*/
+.clime_germany{
+
+}
+
+/*最新动态盒子*/
+.pic2_big_box{
+    margin-top: 0.1rem;
+    height: 5.3rem;
+    overflow-y: scroll;
+}
+.pic3_viewMore{
+    width: 1.5rem;
+    height: 0.5rem;
+    background-color: #3F4249;
+    border-radius: 0.25rem;
+
+    font-size: 0.26rem;
+    font-weight: 500;
+    line-height: 0.5rem;
+    color: #ffffff;
+    text-align: center;
+    margin-top: 0.2rem;
+}

@@ -22,8 +22,8 @@
     position: relative;
     position: relative;
 }
 }
 .icon-caidan{
 .icon-caidan{
-    font-size: 0.65rem;
-    margin-left: 0.32rem;
+    font-size: 0.8rem;
+    margin-left: 0.3rem;
 }
 }
 .header_mid{
 .header_mid{
     display: flex;
     display: flex;
@@ -35,10 +35,15 @@
 .header_mid img{
 .header_mid img{
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
+
+}
+.menu_default{
+    position: fixed;
+    top: 0.88rem;
+    left: 0;
+    z-index: 10;
+    background: #fff;
 }
 }
-/*.menu_default{*/
-    /*width: 7.5rem;*/
-/*}*/
 .menu_item{
 .menu_item{
     display: flex;
     display: flex;
     justify-content: space-between;
     justify-content: space-between;
@@ -125,6 +130,7 @@
     height: 4.08rem;
     height: 4.08rem;
     background-color: #ffffff;
     background-color: #ffffff;
     margin-top: 0.36rem;
     margin-top: 0.36rem;
+    opacity: 0.2;
 }
 }
 .pic2{
 .pic2{
     display: flex;
     display: flex;
@@ -446,3 +452,9 @@
     margin-top: 0.38rem;
     margin-top: 0.38rem;
     font-size: 0.22rem;
     font-size: 0.22rem;
 }
 }
+
+.pic2_big_box{
+    margin-top: 0.1rem;
+    height: 5rem;
+    overflow-y: scroll;
+}

@@ -86,25 +86,38 @@ html{
     justify-content: center;
     justify-content: center;
     align-items: center;
     align-items: center;
     position: relative;
     position: relative;
+    /*height: 0.2rem;*/
+    /*border-bottom: 0.04rem solid transparent;*/
 }
 }
-.item_color{
+.item_color:before{
     color: #922020;
     color: #922020;
-}
-.top_item_line{
+    content: "";
     width: 0.4rem;
     width: 0.4rem;
     height: 0.04rem;
     height: 0.04rem;
-    border-radius: 0.02rem;
     background-color: #922020;
     background-color: #922020;
     position: absolute;
     position: absolute;
-    bottom: 0.12rem;
+    bottom: 0.15rem;
+    border-radius: 0.02rem;
 }
 }
+.item_color{
+    color: #922020;
+}
+
+/*.top_item_line{*/
+    /*width: 0.4rem;*/
+    /*height: 0.04rem;*/
+    /*border-radius: 0.02rem;*/
+    /*background-color: #922020;*/
+    /*position: absolute;*/
+    /*bottom: 0.12rem;*/
+/*}*/
 
 
 
 
 /*--------------------------- mid ---------------------------------*/
 /*--------------------------- mid ---------------------------------*/
 .mid{
 .mid{
     margin-top: 0.14rem;
     margin-top: 0.14rem;
     width: 7.5rem;
     width: 7.5rem;
-    height: 12rem;
+    /*height: 12rem;*/
     background-color: #ffffff;
     background-color: #ffffff;
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
@@ -132,7 +145,8 @@ html{
     width: 6.76rem;
     width: 6.76rem;
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
-    border: 1px solid red;
+    /*border: 1px solid red;*/
+    margin-bottom: 0.5rem;
 }
 }
 .mid_text_big{
 .mid_text_big{
     font-size: 0.32rem;
     font-size: 0.32rem;
@@ -168,7 +182,10 @@ html{
     border: none;
     border: none;
     border-radius: 0.33rem;
     border-radius: 0.33rem;
     outline: none;
     outline: none;
-    padding-left: 0.3rem;
+    /*padding-left: 0.3rem;*/
+    box-sizing: border-box;
+    padding:  0 0.3rem;
+    font-size: 0.26rem;
 }
 }
 .mid_join_button{
 .mid_join_button{
     margin-top: 0.32rem;
     margin-top: 0.32rem;
@@ -278,7 +295,7 @@ html{
     width: 7.5rem;
     width: 7.5rem;
     height: 2.89rem;
     height: 2.89rem;
     background-color: #922020;
     background-color: #922020;
-    margin-bottom: 0.98rem;
+    /*margin-bottom: 0.98rem;*/
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
     align-items: center;
     align-items: center;
@@ -298,6 +315,6 @@ html{
     margin-top: 0.2rem;
     margin-top: 0.2rem;
 }
 }
 .bottom_copyright{
 .bottom_copyright{
-    margin-top: 0.38rem;
+    margin-top: 0.2rem;
     font-size: 0.22rem;
     font-size: 0.22rem;
 }
 }

@@ -225,7 +225,7 @@
     width: 7.5rem;
     width: 7.5rem;
     height: 2.89rem;
     height: 2.89rem;
     background-color: #922020;
     background-color: #922020;
-    margin-bottom: 0.98rem;
+    /*margin-bottom: 0.98rem;*/
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
     align-items: center;
     align-items: center;

+.pagingUl{
+  float:right;
+  padding:0;
+  margin:0;
+  list-style: none;
+}
+.pagingUl li{
+  float: left;
+  width: 30px;
+  height: 30px;
+  list-style: 30px;
+  text-align: center;
+}
+.pagingUl li a{
+  text-decoration: none;
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  text-align: center;
+  line-height: 28px;
+  padding: 0;
+  background: #fafafa;
+  color: #666;
+  font-size: 12px;
+  border: 1px solid #ddd;
+}
+
+.prv, .next {
+  width: 30px;
+  height: 30px;
+  float: left;
+  text-align: center;
+  line-height: 30px;
+  border: 1px solid #ddd;
+  cursor: pointer;
+}
+.first, .last {
+  width: 30px;
+  height: 30px;
+  font-size: 12px;
+  text-align: center;
+  line-height: 30px;
+  border: 1px solid #ddd;
+  cursor: pointer;
+}

+* {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.fl {
+    float: left;
+}
+
+.box {
+    width: 3.2rem;
+    margin: 0 auto;
+    height: 0.96rem;
+    line-height: 0.96rem;
+    box-sizing: border-box;
+    /*padding-top: 0.23rem;*/
+    text-align: center;
+    display: flex;
+    align-items: center;
+}
+
+.box button {
+    width: 0.44rem;
+    padding: 0 0.15rem;
+    margin: 0 0.1rem;
+    height: 0.44rem;
+    float: left;
+    cursor: pointer;
+    border: 1px solid #e6e6e6;
+    background-color: #ffffff;
+}
+
+.box button img {
+    width: 100%;
+    height: 100%;
+}
+
+.box .first-page,
+.box .last-page {
+    margin: 0;
+}
+
+.box .pageWrap {
+    height: 0.4rem;
+    float: left;
+    overflow: hidden;
+}
+
+.box .pageWrap ul {
+    width: 3rem;
+    height: 0.4rem;
+    float: left;
+}
+
+.box .pageWrap ul li {
+    width: 0.4rem;
+    height: 0.43rem;
+    margin: 0 2px;
+    border: 1px solid #e6e6e6;
+    line-height: 0.4rem;
+    box-sizing: border-box;
+    cursor: pointer;
+    float: left;
+    font-size: 0.3rem;
+}
+
+.box .pageWrap ul .sel-page {
+    background: rgba(209, 51, 51, 1);
+    color: #fff;
+}
+
+.box .jump-text {
+    width: 60px;
+    height: 40px;
+    box-sizing: border-box;
+    text-align: center;
+    margin: 0 5px;
+    float: left;
+}
+
+.box .jump-button {
+    margin: 0;
+    float: left;
+}
+
+.box .total-pages,
+.box .total-count {
+    margin-left: 10px;
+    float: left;
+    font-size: 14px;
+}

@@ -19,7 +19,7 @@
     color: #ffffff;
     color: #ffffff;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
-    position: relative;
+    /*position: relative;*/
 }
 }
 .icon-caidan{
 .icon-caidan{
     font-size: 0.65rem;
     font-size: 0.65rem;
@@ -62,7 +62,7 @@
 .banner{
 .banner{
     width: 7.5rem;
     width: 7.5rem;
     height: 3.6rem;
     height: 3.6rem;
-
+    margin-top: 0.88rem;
 }
 }
 .banner img{
 .banner img{
     width: 100%;
     width: 100%;
@@ -94,6 +94,7 @@
     flex-flow: column;
     flex-flow: column;
     align-items: center;
     align-items: center;
     margin-top: 0.24rem;
     margin-top: 0.24rem;
+    margin-bottom: 0.3rem;
 }
 }
 .mid_box_pic{
 .mid_box_pic{
     width: 6.22rem;
     width: 6.22rem;
@@ -203,6 +204,10 @@
     align-items: center;
     align-items: center;
     font-size: 0.24rem;
     font-size: 0.24rem;
     color: #ffffff;
     color: #ffffff;
+    /*position: absolute;*/
+    /*right: 0;*/
+    /*bottom: 0;*/
+    /*left: 0;*/
 }
 }
 .bottom_addr{
 .bottom_addr{
     margin-top: 0.34rem;
     margin-top: 0.34rem;

@@ -143,14 +143,27 @@ input::-webkit-input-placeholder{
     height: 1.4rem;
     height: 1.4rem;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
-    overflow-x: auto;
-    justify-content: space-around;
-    margin: 0.36rem 0.09rem;
+    overflow-y: hidden;
+    overflow-x: scroll;
+    /*justify-content: space-around;*/
+    justify-content: space-between;
+    /*margin: 0.36rem 0.09rem;*/
+    padding: 0.36rem 0.09rem;
+    box-sizing: border-box;
+    margin-top: 0.2rem;
 }
 }
 .mid_top_item{
 .mid_top_item{
     width: 1.2rem;
     width: 1.2rem;
     height: 1rem;
     height: 1rem;
     border-radius: 0.1rem;
     border-radius: 0.1rem;
+    flex:0 0 auto;
+    margin-left: 0.15rem;
+}
+.mid_top_item:first-child{
+    margin-left: 0;
+}
+.mid_top_item:last-child{
+    /*padding-right: 0.15rem;*/
 }
 }
 .item_big{
 .item_big{
     width: 1.2rem;
     width: 1.2rem;
@@ -171,13 +184,16 @@ input::-webkit-input-placeholder{
 .mid_list{
 .mid_list{
     width: 6.57rem;
     width: 6.57rem;
     display: flex;
     display: flex;
+    flex-wrap: wrap;
     justify-content: space-between;
     justify-content: space-between;
     margin-top: 0.16rem;
     margin-top: 0.16rem;
+    position: relative;
 }
 }
 .pic_list{
 .pic_list{
     width: 0.8rem;
     width: 0.8rem;
     height: 0.8rem;
     height: 0.8rem;
     border-radius: 0.06rem;
     border-radius: 0.06rem;
+    position: relative;
 }
 }
 .color_list_1{
 .color_list_1{
     background-color: #E5E0D2;
     background-color: #E5E0D2;
@@ -261,12 +277,13 @@ input::-webkit-input-placeholder{
     width: 6.57rem;
     width: 6.57rem;
     height: 4.17rem;
     height: 4.17rem;
     background-color: #ffffff;
     background-color: #ffffff;
-    margin-top: 0.03rem;
     box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
     box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
     border-radius:4px;
     border-radius:4px;
     display: flex;
     display: flex;
     justify-content: center;
     justify-content: center;
     align-items: center;
     align-items: center;
+    position: absolute;
+    top: 0.8rem;
 }
 }
 .pic_size{
 .pic_size{
     width: 6.36rem;
     width: 6.36rem;

@@ -93,6 +93,7 @@
     height: 2.1rem;
     height: 2.1rem;
     background-color: #ffffff;
     background-color: #ffffff;
     display: flex;
     display: flex;
+    margin-bottom: 0.3rem;
 }
 }
 .mid_box_left{
 .mid_box_left{
     width: 3.2rem;
     width: 3.2rem;
@@ -233,7 +234,7 @@
     width: 7.5rem;
     width: 7.5rem;
     height: 2.89rem;
     height: 2.89rem;
     background-color: #922020;
     background-color: #922020;
-    margin-bottom: 0.98rem;
+    /*margin-bottom: 0.98rem;*/
     display: flex;
     display: flex;
     flex-flow: column;
     flex-flow: column;
     align-items: center;
     align-items: center;

@@ -8,10 +8,51 @@
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/alxq.css">
     <link rel="stylesheet" type="text/css" href="../css/alxq.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
 
 
 
 
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
-    <script src="../js/jquery-2.1.0.js"></script>
+    <script src="../js/jquery.min.js"></script>
+
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -27,32 +68,41 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
 
 
         </div>
         </div>
 
 
@@ -143,6 +193,46 @@
     </div>
     </div>
 </div>
 </div>
 
 
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+    $(".icon-caidan").click(function () {
+        $(".menu_default").slideToggle();
+        if($(this).hasClass("icon-caidan")){
+            $(this).addClass("icon-guanbi");
+            $(this).removeClass("icon-caidan");
+            $("body").css("overflow","hidden");
+        }else{
+            $(this).removeClass("icon-guanbi");
+            $(this).addClass("icon-caidan");
+            $("body").css("overflow","auto");
+        }
+        // $(".icon-guanbi").css("display","none");
+    })
+</script>
 
 
 </body>
 </body>
 </html>
 </html>

@@ -6,12 +6,64 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/cpxq_2.css">
     <link rel="stylesheet" type="text/css" href="../css/cpxq_2.css">
 
 
 
 
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
-    <script src="../js/jquery-2.1.0.js"></script>
+    <script src="../js/jquery.min.js"></script>
+
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+        .activP{
+            width: 0.44rem;
+            height: 0.44rem;
+            border: 0.01rem solid #e6e6e6;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 0.26rem;
+            background-color: #ffffff;
+            color: #999999;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -27,32 +79,45 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
+
+        </div>
+            <!--首页-->
+
 
 
         </div>
         </div>
         <!-------------图片------------->
         <!-------------图片------------->
@@ -75,8 +140,8 @@
                         </div>
                         </div>
                         <!--包装，编号-->
                         <!--包装，编号-->
                         <div class="mid_intro_box_top_2">
                         <div class="mid_intro_box_top_2">
-                            <div>包装：2.5L</div>
-                            <div>编号：H6006 5L</div>
+                            <div class="mid_bz">包装：2.5L</div>
+                            <div class="mid_number">编号：H6006 5L</div>
 
 
                         </div>
                         </div>
                         <!--施工工艺-->
                         <!--施工工艺-->
@@ -107,7 +172,7 @@
                             <div class="mid_intro_box_middle_left">
                             <div class="mid_intro_box_middle_left">
                                 全国统一零售价: ￥
                                 全国统一零售价: ￥
                                 <span class="mid_price">
                                 <span class="mid_price">
-                                    9999
+                                    99999
                                 </span>
                                 </span>
                             </div>
                             </div>
                             <!--右边-->
                             <!--右边-->
@@ -354,6 +419,50 @@
     </div>
     </div>
 </div>
 </div>
 
 
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+    $(document).ready(function () {
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+            // $(".icon-guanbi").css("display","none");
+        })
+
+    })
+
+</script>
 
 
 </body>
 </body>
 </html>
 </html>

@@ -6,12 +6,65 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/cpzx_2.css">
     <link rel="stylesheet" type="text/css" href="../css/cpzx_2.css">
-
+    <link rel="stylesheet" href="../css/paging.css">
 
 
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
-    <script src="../js/jquery-2.1.0.js"></script>
+    <script src="../js/jquery.min.js"></script>
+    <script src="../js/paging.js"></script>
+
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+        .activP{
+            width: 0.44rem;
+            height: 0.44rem;
+            border: 0.01rem solid #e6e6e6;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 0.26rem;
+            background-color: #ffffff;
+            color: #999999;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -27,33 +80,42 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
 
 
+
         </div>
         </div>
 
 
         <!-------------图片------------->
         <!-------------图片------------->
@@ -73,7 +135,7 @@
                 <!--搜索内容-->
                 <!--搜索内容-->
                 <input type="text" placeholder="请输入色彩名或色彩编号">
                 <input type="text" placeholder="请输入色彩名或色彩编号">
                 <!--搜索按钮-->
                 <!--搜索按钮-->
-                <div class="mid_search_button">
+                <div class="mid_search_button" onclick="btn_search()">
                     搜索
                     搜索
                 </div>
                 </div>
             </div>
             </div>
@@ -108,15 +170,15 @@
             </div>
             </div>
             <!--菜单列表-->
             <!--菜单列表-->
             <div class="mid_menu">
             <div class="mid_menu">
-                <div class="mid_menu_item">新产品</div>
-                <div class="mid_menu_item">新产品</div>
-                <div class="mid_menu_item">新产品</div>
-                <div class="mid_menu_item">新产品</div>
-                <div class="mid_menu_item">新产品</div>
+                <div class="mid_menu_item item_color">新产品</div>
+                <div class="mid_menu_item ">原装进口</div>
+                <div class="mid_menu_item">内墙漆</div>
+                <div class="mid_menu_item">外墙漆</div>
+                <div class="mid_menu_item">木器漆</div>
             </div>
             </div>
             <!--产品列表-->
             <!--产品列表-->
             <div class="mid_items">
             <div class="mid_items">
-                <div class="mid_item">
+                <div class="mid_item" onclick="btn_cpxq()">
                     <!--顶部图片-->
                     <!--顶部图片-->
                     <div class="mid_item_pic">
                     <div class="mid_item_pic">
                         <img src="../images/bicon_24@2x.png">
                         <img src="../images/bicon_24@2x.png">
@@ -208,53 +270,14 @@
             </div>
             </div>
             <!--选择页-->
             <!--选择页-->
             <div class="mid_select">
             <div class="mid_select">
-
-                <div class="mid_select_box">
-                    <!--左箭头-->
-                    <div class="mid_select_box_icon">
-                        <!--左边箭头图片-->
-                        <div class="mid_select_left_icon">
-                            <img src="../images/bicon_30@2x.png">
-                        </div>
-
-                    </div>
-                    <!--中间页数-->
-                    <div class="mid_select_box_page page_color">
-                        1
-                    </div>
-                    <div class="mid_select_box_page">
-                        2
-                    </div>
-                    <div class="mid_select_box_page">
-                        3
-                    </div>
-                    <div class="mid_select_box_page">
-                        4
-                    </div>
-
-                    <!--右箭头-->
-                    <div class="mid_select_box_icon">
-
-                        <!--右边箭头图片-->
-                        <div class="mid_select_right_icon">
-                            <img src="../images/bicon_29@2x.png">
-                        </div>
-                    </div>
-                </div>
+                <div class="box" id="box"></div>
 
 
             </div>
             </div>
             <!--进入商城购买-->
             <!--进入商城购买-->
             <div class="mid_shop">
             <div class="mid_shop">
                 <img src="../images/bicon_31@2x.png">
                 <img src="../images/bicon_31@2x.png">
             </div>
             </div>
-
-
-
-
-
         </div>
         </div>
-
-
         <!--底部介绍-->
         <!--底部介绍-->
         <div class="bottom">
         <div class="bottom">
             <p class="bottom_addr">
             <p class="bottom_addr">
@@ -271,28 +294,83 @@
             </p>
             </p>
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
         </div>
         </div>
-        <!--底部菜单栏-->
-        <div class="footer_menu">
-            <div class="footer_item">
-                <div class="footer_item_icon icon_select"></div>
-                <div class="footer_item_text">在线选色</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_product"></div>
-                <div class="footer_item_text">产品中心</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_inquire"></div>
-                <div class="footer_item_text">防伪查询</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_join icon_big"></div>
-                <div class="footer_item_text">加盟可耐美</div>
-            </div>
-        </div>
+
     </div>
     </div>
 </div>
 </div>
+<script type="javascript" src="../js/page.js"></script>
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+    //搜索
+    function btn_search() {
+        window.location.href= 'search_2.html';
+    }
+
+    //产品详情
+    function btn_cpxq(){
+        window.location.href = "cpxq_2.html"
+    }
+
+    //切换菜单
+    $(function () {
+        $(".mid_menu_item").click(function () {
+            var index = $(this).index()
+            $(this).addClass('item_color').siblings('.mid_menu_item').removeClass('item_color')
+        })
+    })
+
+
+    $(document).ready(function () {
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+            // $(".icon-guanbi").css("display","none");
+        })
+
+    })
 
 
+    // 分页效果
+    $('#box').paging({
+        initPageNo: 1, // 初始页码
+        totalPages: 10, //总页数
+        slideSpeed: 600, // 缓动速度。单位毫秒
+        jump: true, //是否支持跳转
+        callback: function(page) { // 回调函数
+            console.log(page);
+        }
+    })
+</script>
 
 
 </body>
 </body>
 </html>
 </html>

@@ -6,12 +6,53 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
+    <link rel="stylesheet" type="text/css" href="../css/dropload.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/dtxq.css">
     <link rel="stylesheet" type="text/css" href="../css/dtxq.css">
 
 
 
 
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
-    <script src="../js/jquery-2.1.0.js"></script>
+    <script src="../js/jquery.min.js"></script>
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -27,32 +68,41 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
 
 
         </div>
         </div>
 
 
@@ -155,6 +205,47 @@
         </div>
         </div>
     </div>
     </div>
 </div>
 </div>
+<script src="../js/dropload.min.js"></script>
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+    $(".icon-caidan").click(function () {
+        $(".menu_default").slideToggle();
+        if($(this).hasClass("icon-caidan")){
+            $(this).addClass("icon-guanbi");
+            $(this).removeClass("icon-caidan");
+            $("body").css("overflow","hidden");
+        }else{
+            $(this).removeClass("icon-guanbi");
+            $(this).addClass("icon-caidan");
+            $("body").css("overflow","auto");
+        }
+        // $(".icon-guanbi").css("display","none");
+    })
+</script>
 
 
 
 
 </body>
 </body>

@@ -8,9 +8,48 @@
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/fwcx_4.css">
     <link rel="stylesheet" type="text/css" href="../css/fwcx_4.css">
-    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_yo6twrbquzi.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
     <script src="../js/jquery-2.1.0.js"></script>
     <script src="../js/jquery-2.1.0.js"></script>
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -26,32 +65,41 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
 
 
         </div>
         </div>
 
 
@@ -346,7 +394,51 @@
         </div>
         </div>
     </div>
     </div>
 </div>
 </div>
-
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+
+    $(document).ready(function () {
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+            // $(".icon-guanbi").css("display","none");
+        })
+
+    })
+
+</script>
 
 
 </body>
 </body>
 </html>
 </html>

@@ -6,12 +6,51 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/gsjj.css">
     <link rel="stylesheet" type="text/css" href="../css/gsjj.css">
-
-
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
-    <script src="../js/jquery-2.1.0.js"></script>
+    <script src="../js/jquery.min.js"></script>
+
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -27,41 +66,50 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
 
 
         </div>
         </div>
         <!--主体内容-->
         <!--主体内容-->
         <!--可耐美德国 可耐美中国-->
         <!--可耐美德国 可耐美中国-->
         <div class="top">
         <div class="top">
-            <div class="top_left menu_sort">
+            <div class="top_text menu_sort" data-id="1">
                 可耐美德国
                 可耐美德国
             </div>
             </div>
-            <div class="top_right">
+            <div class="top_text" data-id="2">
                 可耐美中国
                 可耐美中国
             </div>
             </div>
         </div>
         </div>
@@ -87,7 +135,7 @@
 
 
 
 
         <!-------------------------------可耐美德国----------------------------------->
         <!-------------------------------可耐美德国----------------------------------->
-        <div class="clime_germany" style="display: none">
+        <div class="clime_germany" >
 
 
         <!----------人物介绍---------->
         <!----------人物介绍---------->
         <div class="mid_person">
         <div class="mid_person">
@@ -103,7 +151,7 @@
                     Jaker Alan
                     Jaker Alan
                 </div>
                 </div>
                     <div class="person_left_intro">
                     <div class="person_left_intro">
-                    可耐美工业集团董事长
+                    可耐美工业集团董事长 <br>
                     原德国涂料工业协会主席
                     原德国涂料工业协会主席
                 </div>
                 </div>
                     <!--下划线-->
                     <!--下划线-->
@@ -145,7 +193,10 @@
             </div>
             </div>
             <!--视频介绍-->
             <!--视频介绍-->
             <div class="mid_company_video">
             <div class="mid_company_video">
-                <video></video>
+                <video  controls>
+                    <source src="../video/Bugatti_1.mp4" type="video/mp4">
+                </video>
+
             </div>
             </div>
             <!--奖项&认证-->
             <!--奖项&认证-->
             <div class="mid_company_awards">
             <div class="mid_company_awards">
@@ -169,12 +220,14 @@
         </div>
         </div>
 
 
         <!-------------------------------可耐美中国----------------------------------->
         <!-------------------------------可耐美中国----------------------------------->
-        <div class="clime_china" style="display: block;">
+        <div class="clime_china" style="display: none;">
             <!----------公司介绍---------->
             <!----------公司介绍---------->
             <div class="mid_company">
             <div class="mid_company">
                 <!--视频介绍-->
                 <!--视频介绍-->
                 <div class="mid_company_video">
                 <div class="mid_company_video">
-                    <video></video>
+                    <video controls>
+                        <source src="../video/Bugatti_1.mp4" type="video/mp4">
+                    </video>
                 </div>
                 </div>
                 <!--公司介绍标题-->
                 <!--公司介绍标题-->
                 <div class="mid_company_big m-top">
                 <div class="mid_company_big m-top">
@@ -196,7 +249,7 @@
 
 
                 </div>
                 </div>
 
 
-                <!--最新动态-->
+                <!--X轴最新动态-->
                 <div class="pic2">
                 <div class="pic2">
                     <div class="pic2_dynamic">
                     <div class="pic2_dynamic">
                         最新动态
                         最新动态
@@ -205,31 +258,19 @@
                         NEWS
                         NEWS
                     </div>
                     </div>
                     <!--动态消息列表-->
                     <!--动态消息列表-->
-                    <div class="pic2_box pic2_margin_top">
-                        <div class="pic2_box_left">
-                            <img src="../images/bicon_03@2x.png">
-                        </div>
-                        <div class="pic2_box_right">
-                            <div class="pic2_box_right_top">
-                                品质优越，更广泛的满足高端人群的需求
-                                品质优越，更广泛的满足高端人群的需求
+                    <div class="pic2_big_box">
+                        <div class="pic2_box">
+                            <div class="pic2_box_left">
+                                <img src="../images/bicon_03@2x.png">
                             </div>
                             </div>
-                            <div class="pic2_box_right_bottom">
-                                2018-11-01
-                            </div>
-                        </div>
-                    </div>
-                    <div class="pic2_box">
-                        <div class="pic2_box_left">
-                            <img src="../images/bicon_03@2x.png">
-                        </div>
-                        <div class="pic2_box_right">
-                            <div class="pic2_box_right_top">
-                                品质优越，更广泛的满足高端人群的需求
-                                品质优越，更广泛的满足高端人群的需求
-                            </div>
-                            <div class="pic2_box_right_bottom">
-                                2018-11-01
+                            <div class="pic2_box_right">
+                                <div class="pic2_box_right_top">
+                                    品质优越，更广泛的满足高端人群的需求
+                                    品质优越，更广泛的满足高端人群的需求
+                                </div>
+                                <div class="pic2_box_right_bottom">
+                                    2018-11-01
+                                </div>
                             </div>
                             </div>
                         </div>
                         </div>
                     </div>
                     </div>
@@ -240,7 +281,7 @@
 
 
                 </div>
                 </div>
 
 
-                <!--最新动态轮播图-->
+                <!--Y轴最新动态-->
                 <div class="mid_new">
                 <div class="mid_new">
                     <div class="pic2_dynamic">
                     <div class="pic2_dynamic">
                         最新动态
                         最新动态
@@ -248,17 +289,19 @@
                     <div class="pic2_subtitle">
                     <div class="pic2_subtitle">
                         NEWS
                         NEWS
                     </div>
                     </div>
-                    <!--轮播图-->
+
                     <div class="mid_new_banner">
                     <div class="mid_new_banner">
-                        <div class="banner_pic">
-                            <img src="../images/bicon_19@2x.png">
-                        </div>
-                        <div class="banner_text">
-                            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+                        <div class="mid_new_box" onclick="btn_jpal()">
+                            <div class="banner_pic">
+                                <img src="../images/bicon_19@2x.png">
+                            </div>
+                            <div class="banner_text">
+                                XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+                            </div>
                         </div>
                         </div>
                     </div>
                     </div>
                     <!--查看更多-->
                     <!--查看更多-->
-                    <div class="pic2_viewMore">
+                    <div class="pic3_viewMore " id="bottom_view">
                         查看更多+
                         查看更多+
                     </div>
                     </div>
                 </div>
                 </div>
@@ -286,28 +329,216 @@
             </p>
             </p>
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
         </div>
         </div>
-        <!--底部菜单栏-->
-        <div class="footer_menu">
-            <div class="footer_item">
-                <div class="footer_item_icon icon_select"></div>
-                <div class="footer_item_text">在线选色</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_product"></div>
-                <div class="footer_item_text">产品中心</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_inquire"></div>
-                <div class="footer_item_text">防伪查询</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_join icon_big"></div>
-                <div class="footer_item_text">加盟可耐美</div>
-            </div>
-        </div>
+
     </div>
     </div>
 </div>
 </div>
 
 
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+    //精品案例跳转
+    function btn_jpal(){
+        window.location.href = "jpal.html"
+    }
+
+
+    // 颜色切换&内容切换
+    $(function () {
+        $(".top_text").click(function () {
+            var index = $(this).index()
+            $(this).addClass("menu_sort").siblings(".top_text").removeClass("menu_sort")
+            $(".top").eq(index).show().siblings("item").hide();
+            //内容切换
+            var dataid=$(this).attr("data-id");
+            if(dataid==1){
+                $(".clime_germany").show();
+                $(".clime_china").hide();
+            }else {
+                $(".clime_china").show();
+                $(".clime_germany").hide();
+            }
+        })
+    })
+
+    //下拉菜单功能
+    $(document).ready(function () {
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+            // $(".icon-guanbi").css("display","none");
+        })
+    })
+
+    //可耐美德国
+    $(".clime_germany").click(function () {
+        if ($(this).hasClass(".clime_germany")){
+            $(this).addClass()
+        }
+    })
+
+    //---------------------加载更多_竖轴-----------------------
+
+    $(".pic2_viewMore").click(function(){
+        btn_onclik();
+    })
+    function btn_onclik() {
+        var page = 0;
+        // 每页展示10个
+        var size = 3;
+
+        page++;
+        // 拼接HTML
+        // var me = "";
+        var result = '';
+        var s = "";
+        var show="";
+        var list_compressor="";
+        var list_answer="";
+        $.ajax({
+            type: 'GET',
+            url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
+            dataType: 'json',
+            success: function(data){
+                console.log(data);
+                var arrLen = data.length;
+                if(arrLen > 0){
+                    for(var i=0; i<arrLen; i++){
+                        result +='<div class="pic2_box">\n' +
+                            '                            <div class="pic2_box_left">\n' +
+                            '                                <img src="../images/bicon_03@2x.png">\n' +
+                            '                            </div>\n' +
+                            '                            <div class="pic2_box_right">\n' +
+                            '                                <div class="pic2_box_right_top">\n' +
+                            '                                    品质优越，更广泛的满足高端人群的需求\n' +
+                            '                                    品质优越，更广泛的满足高端人群的需求\n' +
+                            '                                </div>\n' +
+                            '                                <div class="pic2_box_right_bottom">\n' +
+                            '                                    2018-11-01\n' +
+                            '                                </div>\n' +
+                            '                            </div>\n' +
+                            '                        </div>'
+
+
+                    }
+                    // 如果没有数据
+                }else{
+                    // 锁定
+                    me.lock();
+                    // 无数据
+                    me.noData();
+                }
+                // 为了测试，延迟1秒加载
+                setTimeout(function(){
+                    // 插入数据到页面，放到最后面
+                    $('.pic2_big_box').append(result);
+                    // 每次数据插入，必须重置
+                    me.resetload();
+                },500);
+            },
+            error: function(xhr, type){
+                alert('Ajax error!');
+                // 即使加载出错，也得重置
+                me.resetload();
+            }
+        });
+    }
+
+
+    //---------------------加载更多_横轴-----------------------
+    $(".pic3_viewMore").click(function(){
+        bottom_view();
+    })
+    function bottom_view() {
+        var page = 0;
+        // 每次展示3个
+        var size = 3;
+
+        page++;
+        // 拼接HTML
+        var result = '';
+        var s = "";
+        var show="";
+        var list_compressor="";
+        var list_answer="";
+        $.ajax({
+            type: 'GET',
+            url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
+            dataType: 'json',
+            success: function(data){
+                console.log(data);
+                var arrLen = data.length;
+                if(arrLen > 0){
+                    for(var i=0; i<arrLen; i++){
+                        result +='<div class="mid_new_box" onclick="btn_jpal()">\n' +
+                            '                            <div class="banner_pic">\n' +
+                            '                                <img src="../images/bicon_19@2x.png">\n' +
+                            '                            </div>\n' +
+                            '                            <div class="banner_text">\n' +
+                            '                                XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\n' +
+                            '                            </div>\n' +
+                            '                        </div>'
+
+
+                    }
+                    // 如果没有数据
+                }else{
+                    // 锁定
+                    me.lock();
+                    // 无数据
+                    me.noData();
+                }
+                // 为了测试，延迟1秒加载
+                setTimeout(function(){
+                    // 插入数据到页面，放到最后面
+                    $('.mid_new_banner').append(result);
+                    // 每次数据插入，必须重置
+                    me.resetload();
+                },500);
+            },
+            error: function(xhr, type){
+                alert('Ajax error!');
+                // 即使加载出错，也得重置
+                me.resetload();
+            }
+        });
+    }
+    // $(document).ready(function(){
+    //
+    //
+    // })
+
+</script>
 
 
 </body>
 </body>
 </html>
 </html>

@@ -9,21 +9,19 @@
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/index.css">
     <link rel="stylesheet" type="text/css" href="../css/index.css">
     <link rel="stylesheet" href="../css/swiper.css">
     <link rel="stylesheet" href="../css/swiper.css">
-
-
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
     <script src="../js/jquery-2.1.0.js"></script>
     <script src="../js/jquery-2.1.0.js"></script>
+
     <style>
     <style>
-        .displayStyle {
-            display: none;
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
         }
         }
-        .menu_default {
-            position: fixed;
-            top: 0.88rem;
-            left: 0;
-            z-index: 10;
-            background: #fff;
-            transition: height 1s;
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
         }
         }
     </style>
     </style>
 </head>
 </head>
@@ -33,40 +31,51 @@
             <!--头部-->
             <!--头部-->
             <div class="header">
             <div class="header">
                 <!--左 菜单条目-->
                 <!--左 菜单条目-->
-                <div class="iconfont icon-caidan" onclick="show_hidden()">
+                <div class="iconfont icon-caidan menu">
                 </div>
                 </div>
+                <!--关闭菜单图标-->
+                <!--<div class="iconfont icon-guanbi" ></div>-->
                 <!--中 主页面图标-->
                 <!--中 主页面图标-->
                 <div class="header_mid">
                 <div class="header_mid">
                     <img src="../images/LOGO.png" >
                     <img src="../images/LOGO.png" >
                 </div>
                 </div>
             </div>
             </div>
             <!--左边菜单栏时出现列表-->
             <!--左边菜单栏时出现列表-->
-            <div class="container menu_default displayStyle">
+            <div class="container menu_default " style="display: none">
                 <!--首页-->
                 <!--首页-->
-                <div class="menu_item">
-                    <div class="menu_text">首页</div>
+                <div class="menu_item" onclick="btn_index()">
+                    <div class="menu_text" >首页</div>
                     <div class="iconfont icon-jinru"></div>
                     <div class="iconfont icon-jinru"></div>
                 </div>
                 </div>
-                <div class="menu_item">
-                    <div class="menu_text">首页</div>
+                <div class="menu_item" onclick="btn_company()">
+                    <div class="menu_text" >公司简介</div>
                     <div class="iconfont icon-jinru"></div>
                     <div class="iconfont icon-jinru"></div>
                 </div>
                 </div>
-                <div class="menu_item">
-                    <div class="menu_text">首页</div>
+                <div class="menu_item" onclick="btn_jm()">
+                    <div class="menu_text">加盟可耐美</div>
                     <div class="iconfont icon-jinru"></div>
                     <div class="iconfont icon-jinru"></div>
                 </div>
                 </div>
-                <div class="menu_item">
-                    <div class="menu_text">首页</div>
+                <div class="menu_item" onclick="btn_cpzx()">
+                    <div class="menu_text" >产品中心</div>
                     <div class="iconfont icon-jinru"></div>
                     <div class="iconfont icon-jinru"></div>
                 </div>
                 </div>
-                <div class="menu_item">
-                    <div class="menu_text">首页</div>
+                <div class="menu_item" onclick="btn_sckj()">
+                    <div class="menu_text">色彩空间</div>
                     <div class="iconfont icon-jinru"></div>
                     <div class="iconfont icon-jinru"></div>
                 </div>
                 </div>
-                <div class="menu_item">
-                    <div class="menu_text">首页</div>
+                <div class="menu_item" onclick="btn_qqrz()">
+                    <div class="menu_text">全球认证</div>
                     <div class="iconfont icon-jinru"></div>
                     <div class="iconfont icon-jinru"></div>
                 </div>
                 </div>
+                <div class="menu_item" onclick="btn_khfw()">
+                    <div class="menu_text">客户服务</div>
+                    <div class="iconfont icon-jinru"></div>
+                </div>
+                <div class="menu_item" onclick="btn_lxwm()">
+                    <div class="menu_text" >联系我们</div>
+                    <div class="iconfont icon-jinru"></div>
+                </div>
+
 
 
             </div>
             </div>
 
 
@@ -112,35 +121,29 @@
                 <div class="pic2_subtitle">
                 <div class="pic2_subtitle">
                     NEWS
                     NEWS
                 </div>
                 </div>
+
+
+
                 <!--动态消息列表-->
                 <!--动态消息列表-->
-                <div class="pic2_box pic2_margin_top">
-                    <div class="pic2_box_left">
-                        <img src="../images/bicon_03@2x.png">
-                    </div>
-                    <div class="pic2_box_right">
-                        <div class="pic2_box_right_top">
-                            品质优越，更广泛的满足高端人群的需求
-                            品质优越，更广泛的满足高端人群的需求
-                        </div>
-                        <div class="pic2_box_right_bottom">
-                            2018-11-01
-                        </div>
-                    </div>
-                </div>
-                <div class="pic2_box">
-                    <div class="pic2_box_left">
-                        <img src="../images/bicon_03@2x.png">
-                    </div>
-                    <div class="pic2_box_right">
-                        <div class="pic2_box_right_top">
-                            品质优越，更广泛的满足高端人群的需求
-                            品质优越，更广泛的满足高端人群的需求
+                <div class="pic2_big_box">
+                    <div class="pic2_box" onclick="btn_zxdt()">
+                        <div class="pic2_box_left">
+                            <img src="../images/bicon_03@2x.png">
                         </div>
                         </div>
-                        <div class="pic2_box_right_bottom">
-                            2018-11-01
+                        <div class="pic2_box_right">
+                            <div class="pic2_box_right_top">
+                                品质优越，更广泛的满足高端人群的需求
+                                品质优越，更广泛的满足高端人群的需求
+                            </div>
+                            <div class="pic2_box_right_bottom">
+                                2018-11-01
+                            </div>
                         </div>
                         </div>
                     </div>
                     </div>
                 </div>
                 </div>
+
+
+
                 <!--查看更多-->
                 <!--查看更多-->
                 <div class="pic2_viewMore">
                 <div class="pic2_viewMore">
                     查看更多+
                     查看更多+
@@ -167,6 +170,7 @@
                         <!--小标题-->
                         <!--小标题-->
                         <div class="pic3_small_text">
                         <div class="pic3_small_text">
                             进入某个空间，我们最先被触发得感知是—色彩
                             进入某个空间，我们最先被触发得感知是—色彩
+                            进入某个空间，我们最先被触发得感知是—色彩
                         </div>
                         </div>
                         <!--查看更多-->
                         <!--查看更多-->
                         <div class="pic3_viewMore">
                         <div class="pic3_viewMore">
@@ -320,14 +324,119 @@
 <!-- Swiper JS -->
 <!-- Swiper JS -->
 <script src="../js/swiper.min.js"></script>
 <script src="../js/swiper.min.js"></script>
 <script>
 <script>
-    function show_hidden() {
-        if($(".menu_default").hasClass("displayStyle")) {
-            $(".menu_default").removeClass("displayStyle");
-        }else {
-            $(".menu_default").addClass("displayStyle");
-        }
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+    function btn_zxdt(){
+        window.location.href = 'zxdt.html';
     }
     }
 
 
+    //---------------------加载更多_竖轴-----------------------
+
+    $(".pic2_viewMore").click(function(){
+        btn_onclik();
+    })
+    function btn_onclik() {
+        var page = 0;
+        // 每页展示10个
+        var size = 3;
+
+        page++;
+        // 拼接HTML
+        var result = '';
+        var s = "";
+        var show="";
+        var list_compressor="";
+        var list_answer="";
+        $.ajax({
+            type: 'GET',
+            url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
+            dataType: 'json',
+            success: function(data){
+                console.log(data);
+                var arrLen = data.length;
+                if(arrLen > 0){
+                    for(var i=0; i<arrLen; i++){
+                        result +='<div class="pic2_box" onclick="btn_zxdt()">\n' +
+                            '                            <div class="pic2_box_left">\n' +
+                            '                                <img src="../images/bicon_03@2x.png">\n' +
+                            '                            </div>\n' +
+                            '                            <div class="pic2_box_right">\n' +
+                            '                                <div class="pic2_box_right_top">\n' +
+                            '                                    品质优越，更广泛的满足高端人群的需求\n' +
+                            '                                    品质优越，更广泛的满足高端人群的需求\n' +
+                            '                                </div>\n' +
+                            '                                <div class="pic2_box_right_bottom">\n' +
+                            '                                    2018-11-01\n' +
+                            '                                </div>\n' +
+                            '                            </div>\n' +
+                            '                        </div>'
+
+
+                    }
+                    // 如果没有数据
+                }else{
+                    // 锁定
+                    me.lock();
+                    // 无数据
+                    me.noData();
+                }
+                // 为了测试，延迟1秒加载
+                setTimeout(function(){
+                    // 插入数据到页面，放到最后面
+                    $('.pic2_big_box').append(result);
+                    // 每次数据插入，必须重置
+                    me.resetload();
+                },500);
+            },
+            error: function(xhr, type){
+                alert('Ajax error!');
+                // 即使加载出错，也得重置
+                me.resetload();
+            }
+        });
+    }
+
+
+    $(document).ready(function () {
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+            // $(".icon-guanbi").css("display","none");
+        })
+
+    })
+
+
     var swiper = new Swiper('.swiper-container',{
     var swiper = new Swiper('.swiper-container',{
         // observer:true,           //修改swiper自己或子元素时，自动初始化swiper
         // observer:true,           //修改swiper自己或子元素时，自动初始化swiper
         // observeParents:true,       //修改swiper的父元素时，自动初始化swiper
         // observeParents:true,       //修改swiper的父元素时，自动初始化swiper

@@ -2,16 +2,57 @@
 <html lang="en">
 <html lang="en">
 <head>
 <head>
     <meta charset="UTF-8">
     <meta charset="UTF-8">
-    <title>动态详情</title>
+    <title>加盟可耐美</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/jm_3.css">
     <link rel="stylesheet" type="text/css" href="../css/jm_3.css">
 
 
 
 
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
     <script src="../js/jquery-2.1.0.js"></script>
     <script src="../js/jquery-2.1.0.js"></script>
+
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -27,32 +68,45 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
+
+        </div>
+            <!--首页-->
+
 
 
         </div>
         </div>
         <!-------------图片------------->
         <!-------------图片------------->
@@ -64,18 +118,18 @@
         <div class="top">
         <div class="top">
             <div class="top_item item_color">
             <div class="top_item item_color">
                 加盟流程
                 加盟流程
-                <span class="top_item_line"></span>
+                <!--<div class="top_item_line"></div>-->
             </div>
             </div>
             <div class="top_item">
             <div class="top_item">
-                加盟流程
+                加盟政策
                 <!--<span class="top_item_line"></span>-->
                 <!--<span class="top_item_line"></span>-->
             </div>
             </div>
             <div class="top_item">
             <div class="top_item">
-                加盟流程
+                市场环境
                 <!--<span class="top_item_line"></span>-->
                 <!--<span class="top_item_line"></span>-->
             </div>
             </div>
             <div class="top_item">
             <div class="top_item">
-                加盟流程
+                加盟优势
                 <!--<span class="top_item_line"></span>-->
                 <!--<span class="top_item_line"></span>-->
             </div>
             </div>
         </div>
         </div>
@@ -102,6 +156,28 @@
                     加盟加盟加盟加盟加盟加盟加盟加盟
                     加盟加盟加盟加盟加盟加盟加盟加盟
                     加盟加盟加盟加盟加盟加盟加盟加盟
                     加盟加盟加盟加盟加盟加盟加盟加盟
                 </div>
                 </div>
+
+                <div class="mid_text_big">
+                    1.品牌认同
+                </div>
+                <div class="mid_text_small">
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                </div>
+
+                <div class="mid_text_big">
+                    1.品牌认同
+                </div>
+                <div class="mid_text_small">
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                    加盟加盟加盟加盟加盟加盟加盟加盟
+                </div>
             </div>
             </div>
 
 
         </div>
         </div>
@@ -145,29 +221,81 @@
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
         </div>
         </div>
         <!--底部菜单栏-->
         <!--底部菜单栏-->
-        <div class="footer_menu">
-            <div class="footer_item">
-                <div class="footer_item_icon icon_select"></div>
-                <div class="footer_item_text">在线选色</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_product"></div>
-                <div class="footer_item_text">产品中心</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_inquire"></div>
-                <div class="footer_item_text">防伪查询</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_join icon_big"></div>
-                <div class="footer_item_text">加盟可耐美</div>
-            </div>
-        </div>
+        <!--<div class="footer_menu">-->
+            <!--<div class="footer_item">-->
+                <!--<div class="footer_item_icon icon_select"></div>-->
+                <!--<div class="footer_item_text">在线选色</div>-->
+            <!--</div>-->
+            <!--<div class="footer_item">-->
+                <!--<div class="footer_item_icon icon_product"></div>-->
+                <!--<div class="footer_item_text">产品中心</div>-->
+            <!--</div>-->
+            <!--<div class="footer_item">-->
+                <!--<div class="footer_item_icon icon_inquire"></div>-->
+                <!--<div class="footer_item_text">防伪查询</div>-->
+            <!--</div>-->
+            <!--<div class="footer_item">-->
+                <!--<div class="footer_item_icon icon_join icon_big"></div>-->
+                <!--<div class="footer_item_text">加盟可耐美</div>-->
+            <!--</div>-->
+        <!--</div>-->
     </div>
     </div>
 </div>
 </div>
 
 
 
 
 </body>
 </body>
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+
+    $(document).ready(function () {
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+            // $(".icon-guanbi").css("display","none");
+        })
+
+    })
 
 
+    // 颜色切换
+    $(function () {
+        $(".top_item").click(function () {
+            var index = $(this).index()
+            $(this).addClass("item_color").siblings(".top_item").removeClass("item_color")
+            $(".top").eq(index).show().siblings("item").hide()
+        })
+    })
+</script>
 
 
 </html>
 </html>

@@ -6,12 +6,54 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/jpal.css">
     <link rel="stylesheet" type="text/css" href="../css/jpal.css">
+    <link rel="stylesheet" type="text/css" href="../css/dropload.css">
 
 
 
 
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
-    <script src="../js/jquery-2.1.0.js"></script>
+    <script src="../js/jquery.min.js"></script>
+
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -26,33 +68,43 @@
                 <img src="../images/LOGO.png" >
                 <img src="../images/LOGO.png" >
             </div>
             </div>
         </div>
         </div>
+
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
 
 
         </div>
         </div>
 
 
@@ -65,7 +117,9 @@
             <p class="mid_big_text"> 精品案例 </p>
             <p class="mid_big_text"> 精品案例 </p>
             <p class="mid_small_text"> BOUTIQUE CASE </p>
             <p class="mid_small_text"> BOUTIQUE CASE </p>
             <!--案例盒子-->
             <!--案例盒子-->
-            <div class="mid_box">
+            <div class="mid_box_big" >
+
+            <div class="mid_box" onclick="btn_alxq()">
                 <div class="mid_box_pic">
                 <div class="mid_box_pic">
                     <img src="../images/bicon_22@2x.png">
                     <img src="../images/bicon_22@2x.png">
                 </div>
                 </div>
@@ -73,21 +127,15 @@
                     XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                     XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                 </div>
                 </div>
             </div>
             </div>
-            <div class="mid_box">
-                <div class="mid_box_pic">
-                    <img src="../images/bicon_22@2x.png">
-                </div>
-                <div class="mid_box_text">
-                    XXXXXXXXXX
-                </div>
+
             </div>
             </div>
 
 
 
 
 
 
             <!--加载更多-->
             <!--加载更多-->
-            <div class="mid_load">
-                加载更多
-            </div>
+            <!--<div class="mid_load">-->
+                <!--加载更多-->
+            <!--</div>-->
         </div>
         </div>
 
 
 
 
@@ -108,27 +156,137 @@
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
         </div>
         </div>
         <!--底部菜单栏-->
         <!--底部菜单栏-->
-        <div class="footer_menu">
-            <div class="footer_item">
-                <div class="footer_item_icon icon_select"></div>
-                <div class="footer_item_text">在线选色</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_product"></div>
-                <div class="footer_item_text">产品中心</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_inquire"></div>
-                <div class="footer_item_text">防伪查询</div>
-            </div>
-            <div class="footer_item">
-                <div class="footer_item_icon icon_join icon_big"></div>
-                <div class="footer_item_text">加盟可耐美</div>
-            </div>
-        </div>
+
     </div>
     </div>
 </div>
 </div>
+<script src="../js/dropload.min.js"></script>
+
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+    //跳转案例详情
+    function btn_alxq(){
+        window.location.href = 'alxq.html';
+    }
+
+    //菜单功能
+    $(document).ready(function () {
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+            // $(".icon-guanbi").css("display","none");
+        })
+
+        // 页数
+        var page = 0;
+        // 每页展示10个
+        var size = 3;
+        $('.mid').dropload({
+            scrollArea : window,
+            domUp : {
+                domClass   : 'dropload-up',
+                domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>',
+                domUpdate  : '<div class="dropload-update">↑释放更新</div>',
+                domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
+            },
+            domDown : {
+                domClass   : 'dropload-down',
+                domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',
+                domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
+                domNoData  : '<div class="dropload-noData">暂无数据</div>'
+            },
+            loadDownFn : function(me){
+                page++;
+                // 拼接HTML
+                var result = '';
+                var s = "";
+                var show="";
+                var list_compressor="";
+                var list_answer="";
+                $.ajax({
+                    type: 'GET',
+                    url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
+                    dataType: 'json',
+                    success: function(data){
+                        console.log(data);
+                        var arrLen = data.length;
+                        if(arrLen > 0){
+                            for(var i=0; i<arrLen; i++){
+                                result +='<div class="mid_box" onclick="btn_alxq()">\n' +
+                                    '                <div class="mid_box_pic">\n' +
+                                    '                    <img src="../images/bicon_22@2x.png">\n' +
+                                    '                </div>\n' +
+                                    '                <div class="mid_box_text">\n' +
+                                    '                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\n' +
+                                    '                </div>\n' +
+                                    '            </div>'
+
+
+
+
+                            }
+
+                            // 如果没有数据
+                        }else{
+                            // 锁定
+                            me.lock();
+                            // 无数据
+                            me.noData();
+                        }
+                        // 为了测试，延迟1秒加载
+                        setTimeout(function(){
+                            // 插入数据到页面，放到最后面
+                            $('.mid_box_big').append(result);
+                            // 每次数据插入，必须重置
+                            me.resetload();
+                        },500);
+                    },
+                    error: function(xhr, type){
+                        alert('Ajax error!');
+                        // 即使加载出错，也得重置
+                        me.resetload();
+                    }
+                });
+            },
+            threshold : 50
+        });
+
+    })
+
+
 
 
+</script>
 
 
 </body>
 </body>
 </html>
 </html>

@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
 
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
-    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_yo6twrbquzi.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/lxwm_5.css">
     <link rel="stylesheet" type="text/css" href="../css/lxwm_5.css">
@@ -14,6 +14,45 @@
 
 
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
     <script src="../js/jquery-2.1.0.js"></script>
     <script src="../js/jquery-2.1.0.js"></script>
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -29,33 +68,42 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
 
 
+
         </div>
         </div>
 
 
         <!-------------图片------------->
         <!-------------图片------------->
@@ -302,7 +350,51 @@
         </div>
         </div>
     </div>
     </div>
 </div>
 </div>
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+
+    $(document).ready(function () {
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+            // $(".icon-guanbi").css("display","none");
+        })
+
+    })
 
 
+</script>
 
 
 </body>
 </body>
 </html>
 </html>

@@ -6,12 +6,53 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
     <link rel="stylesheet" type="text/css" href="../css/common.css">
     <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_vdlnckj4lm.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
     <link rel="stylesheet" type="text/css" href="../css/qqrz.css">
     <link rel="stylesheet" type="text/css" href="../css/qqrz.css">
+    <link rel="stylesheet" type="text/css" href="../css/dropload.css">
 
 
 
 
     <script src="../js/base.js"></script>
     <script src="../js/base.js"></script>
-    <script src="../js/jquery-2.1.0.js"></script>
+    <script src="../js/jquery.min.js"></script>
+    <style>
+        .menu_default{
+            position: fixed;
+            top: 0.88rem;
+            left: 0;
+            z-index: 10;
+            background: #fff;
+        }
+        .menu_item{
+            display: flex;
+            justify-content: space-between;
+            height: 0.79rem;
+            align-items: center;
+            border-bottom: 1px solid #e6e6e6;
+            margin: 0 0.32rem;
+        }
+        .menu_item:first-child{
+            margin-top: 0.24rem;
+        }
+        .menu_item:last-child{
+            border: none;
+        }
+        .menu_text{
+            font-size: 0.26rem;
+            margin-left: 0.14rem;
+        }
+        .icon-jinru{
+            color: #666666;
+        }
+        .icon-caidan{
+            font-size: 0.8rem;
+            margin-left: 0.3rem;
+        }
+        .icon-guanbi{
+            margin-top: 0.06rem;
+            font-size: 0.6rem;
+            margin-left: 0.3rem;
+        }
+    </style>
 </head>
 </head>
 <body>
 <body>
 <div class="main">
 <div class="main">
@@ -27,32 +68,41 @@
             </div>
             </div>
         </div>
         </div>
         <!--左边菜单栏时出现列表-->
         <!--左边菜单栏时出现列表-->
-        <div class="container menu_default" style="display: none;">
+        <div class="container menu_default " style="display: none">
             <!--首页-->
             <!--首页-->
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_index()">
+                <div class="menu_text" >首页</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_company()">
+                <div class="menu_text" >公司简介</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_jm()">
+                <div class="menu_text">加盟可耐美</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_cpzx()">
+                <div class="menu_text" >产品中心</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_sckj()">
+                <div class="menu_text">色彩空间</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
-            <div class="menu_item">
-                <div class="menu_text">首页</div>
+            <div class="menu_item" onclick="btn_qqrz()">
+                <div class="menu_text">全球认证</div>
                 <div class="iconfont icon-jinru"></div>
                 <div class="iconfont icon-jinru"></div>
             </div>
             </div>
+            <div class="menu_item" onclick="btn_khfw()">
+                <div class="menu_text">客户服务</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item" onclick="btn_lxwm()">
+                <div class="menu_text" >联系我们</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
 
 
         </div>
         </div>
 
 
@@ -65,6 +115,8 @@
             <p class="mid_big_text"> 全球认证 </p>
             <p class="mid_big_text"> 全球认证 </p>
             <p class="mid_small_text"> GLOBAL CERTIFICATION </p>
             <p class="mid_small_text"> GLOBAL CERTIFICATION </p>
             <!--盒模型内容-->
             <!--盒模型内容-->
+            <div class="mid_box_big">
+
             <div class="mid_box">
             <div class="mid_box">
                 <!--图片-->
                 <!--图片-->
                 <div class="mid_box_pic">
                 <div class="mid_box_pic">
@@ -82,28 +134,13 @@
                     即使获得蓝天使认证的产品每年都要接受严格的市场抽检，符合认证标准的产品，方可继续使用蓝天使。
                     即使获得蓝天使认证的产品每年都要接受严格的市场抽检，符合认证标准的产品，方可继续使用蓝天使。
                 </div>
                 </div>
             </div>
             </div>
-            <div class="mid_box">
-                <!--图片-->
-                <div class="mid_box_pic">
-                    <img src="../images/bicon_38@2x.png">
-                </div>
-                <!--简介-->
-                <div class="mid_box_intro">
-                    蓝天使简介
-                </div>
-                <!--文字-->
-                <div class="mid_box_text">
-                    蓝天使认证为国际环保产品认证标志，起源于1978年蓝天使认证是世界公认的严格的环保产品认证标志。德国乃至欧洲普遍认可的环保产品认证标志，在世界范围内得到广泛认同。
-                    <br>蓝天使标志产品认证采取严格审慎的态度，每年仅有少数产品完成审定，厂家都以获得蓝天使认证为荣。
-                    根据统计显示，92％的德国民众十分了解蓝天使认证的意义，37％ 的民众选购商品时对蓝天使十分看重。
-                    即使获得蓝天使认证的产品每年都要接受严格的市场抽检，符合认证标准的产品，方可继续使用蓝天使。
 
 
-                </div>
             </div>
             </div>
+
             <!--加载更多-->
             <!--加载更多-->
-            <div class="mid_load">
-                加载更多
-            </div>
+            <!--<div class="mid_load">-->
+                <!--加载更多-->
+            <!--</div>-->
         </div>
         </div>
 
 
 
 
@@ -124,27 +161,146 @@
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
             <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
         </div>
         </div>
         <!--底部菜单栏-->
         <!--底部菜单栏-->
-        <!--<div class="footer_menu">-->
-            <!--<div class="footer_item">-->
-                <!--<div class="footer_item_icon icon_select"></div>-->
-                <!--<div class="footer_item_text">在线选色</div>-->
-            <!--</div>-->
-            <!--<div class="footer_item">-->
-                <!--<div class="footer_item_icon icon_product"></div>-->
-                <!--<div class="footer_item_text">产品中心</div>-->
-            <!--</div>-->
-            <!--<div class="footer_item">-->
-                <!--<div class="footer_item_icon icon_inquire"></div>-->
-                <!--<div class="footer_item_text">防伪查询</div>-->
-            <!--</div>-->
-            <!--<div class="footer_item">-->
-                <!--<div class="footer_item_icon icon_join icon_big"></div>-->
-                <!--<div class="footer_item_text">加盟可耐美</div>-->
-            <!--</div>-->
-        <!--</div>-->
+
     </div>
     </div>
 </div>
 </div>
 
 
+<script src="../js/dropload.min.js"></script>
+<script>
+    function btn_index() {
+        window.location.href = "index.html"
+    }
+    function btn_company(){
+        window.location.href = "gsjj.html"
+    }
+    function btn_jm(){
+        window.location.href = "jm_3.html"
+    }
+    function btn_cpzx(){
+        window.location.href = "cpzx_2.html"
+    }
+    function btn_sckj(){
+        window.location.href = "sckj.html"
+    }
+    function btn_qqrz(){
+        window.location.href = "qqrz.html"
+    }
+    function btn_khfw(){
+        window.location.href = "fwcx_4.html"
+    }
+    function btn_lxwm(){
+        window.location.href = "lxwm_5.html"
+    }
+
+    // 下拉菜单栏
+    $(document).ready(function(){
+        $(".icon-caidan").click(function () {
+            $(".menu_default").slideToggle();
+            if($(this).hasClass("icon-caidan")){
+                $(this).addClass("icon-guanbi");
+                $(this).removeClass("icon-caidan");
+                $("body").css("overflow","hidden");
+            }else{
+                $(this).removeClass("icon-guanbi");
+                $(this).addClass("icon-caidan");
+                $("body").css("overflow","auto");
+            }
+        })
+
+
+        // 页数
+        var page = 0;
+        // 每页展示10个
+        var size = 3;
+        $('.mid').dropload({
+            scrollArea : window,
+            domUp : {
+                domClass   : 'dropload-up',
+                domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>',
+                domUpdate  : '<div class="dropload-update">↑释放更新</div>',
+                domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
+            },
+            domDown : {
+                domClass   : 'dropload-down',
+                domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',
+                domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
+                domNoData  : '<div class="dropload-noData">暂无数据</div>'
+            },
+            loadDownFn : function(me){
+                page++;
+                // 拼接HTML
+                var result = '';
+                var s = "";
+                var show="";
+                var list_compressor="";
+                var list_answer="";
+                $.ajax({
+                    type: 'GET',
+                    url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
+                    dataType: 'json',
+                    success: function(data){
+                        console.log(data);
+                        var arrLen = data.length;
+                        if(arrLen > 0){
+                            for(var i=0; i<arrLen; i++){
+                                result +='<div class="mid_box_big">\n' +
+                                    '\n' +
+                                    '            <div class="mid_box">\n' +
+                                    '                <!--图片-->\n' +
+                                    '                <div class="mid_box_pic">\n' +
+                                    '                    <img src="../images/bicon_38@2x.png">\n' +
+                                    '                </div>\n' +
+                                    '                <!--简介-->\n' +
+                                    '                <div class="mid_box_intro">\n' +
+                                    '                    蓝天使简介\n' +
+                                    '                </div>\n' +
+                                    '                <!--文字-->\n' +
+                                    '                <div class="mid_box_text">\n' +
+                                    '                    蓝天使认证为国际环保产品认证标志，起源于1978年蓝天使认证是世界公认的严格的环保产品认证标志。德国乃至欧洲普遍认可的环保产品认证标志，在世界范围内得到广泛认同。\n' +
+                                    '                    <br>蓝天使标志产品认证采取严格审慎的态度，每年仅有少数产品完成审定，厂家都以获得蓝天使认证为荣。\n' +
+                                    '                    根据统计显示，92％的德国民众十分了解蓝天使认证的意义，37％ 的民众选购商品时对蓝天使十分看重。\n' +
+                                    '                    即使获得蓝天使认证的产品每年都要接受严格的市场抽检，符合认证标准的产品，方可继续使用蓝天使。\n' +
+                                    '                </div>\n' +
+                                    '            </div>\n' +
+                                    '\n' +
+                                    '            </div>'
+
+
+
+
+                            }
+                            // 如果没有数据
+                        }else{
+                            // 锁定
+                            me.lock();
+                            // 无数据
+                            me.noData();
+                        }
+                        // 为了测试，延迟1秒加载
+                        setTimeout(function(){
+                            // 插入数据到页面，放到最后面
+                            $('.mid_box_big').append(result);
+                            // 每次数据插入，必须重置
+                            me.resetload();
+                        },500);
+                    },
+                    error: function(xhr, type){
+                        alert('Ajax error!');
+                        // 即使加载出错，也得重置
+                        me.resetload();
+                    }
+                });
+            },
+            threshold : 50
+        });
+
+    })
+
+    $(document).ready(function () {
+
+    })
+
+</script>
 
 
 </body>
 </body>
 </html>
 </html>