update

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/可耐美手机端.iml" filepath="$PROJECT_DIR$/.idea/可耐美手机端.iml" />
+    </modules>
+  </component>
+</project>

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="45116894-83a8-452c-8a78-cd7bfbe48655" name="Default Changelist" comment="" />
+    <ignored path="$PROJECT_DIR$/.tmp/" />
+    <ignored path="$PROJECT_DIR$/temp/" />
+    <ignored path="$PROJECT_DIR$/tmp/" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FUSProjectUsageTrigger">
+    <session id="1765795833">
+      <usages-collector id="statistics.lifecycle.project">
+        <counts>
+          <entry key="project.closed" value="4" />
+          <entry key="project.open.time.0" value="1" />
+          <entry key="project.open.time.1" value="1" />
+          <entry key="project.open.time.27" value="1" />
+          <entry key="project.open.time.3" value="1" />
+          <entry key="project.opened" value="4" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.extensions.open">
+        <counts>
+          <entry key="css" value="20" />
+          <entry key="html" value="16" />
+          <entry key="js" value="7" />
+          <entry key="map" value="1" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.types.open">
+        <counts>
+          <entry key="CSS" value="20" />
+          <entry key="HTML" value="16" />
+          <entry key="JavaScript" value="7" />
+          <entry key="SourceMap" value="1" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.extensions.edit">
+        <counts>
+          <entry key="css" value="13775" />
+          <entry key="html" value="8892" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.types.edit">
+        <counts>
+          <entry key="CSS" value="13775" />
+          <entry key="HTML" value="8892" />
+        </counts>
+      </usages-collector>
+    </session>
+  </component>
+  <component name="FileEditorManager">
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/html/index.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="330">
+              <caret line="314" column="22" lean-forward="true" selection-start-line="314" selection-start-column="22" selection-end-line="314" selection-end-column="22" />
+              <folding>
+                <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;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#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#0;n#div#0;n#div#2;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#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#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#0;n#div#4;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#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#3;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#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#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#2;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" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/index.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="307">
+              <caret line="68" column="16" lean-forward="true" selection-start-line="68" selection-start-column="16" selection-end-line="68" selection-end-column="16" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/js/swiper.js">
+          <provider selected="true" editor-type-id="text-editor" />
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="595">
+              <caret line="11" column="24013" selection-start-line="11" selection-start-column="24013" selection-end-line="11" selection-end-column="24013" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/html/jpal.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="331">
+              <caret line="27" column="14" lean-forward="true" selection-start-line="27" selection-start-column="14" selection-end-line="27" selection-end-column="14" />
+              <folding>
+                <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;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#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#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" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/js/jquery-2.1.0.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="-2430" />
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="109">
+              <caret line="64" column="41" lean-forward="true" selection-start-line="64" selection-start-column="41" selection-end-line="64" selection-end-column="41" />
+              <folding>
+                <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;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#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#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#0;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#1;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#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" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/html/sckj.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="111">
+              <caret line="18" column="17" lean-forward="true" selection-start-line="18" selection-start-column="17" selection-end-line="18" selection-end-column="17" />
+              <folding>
+                <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;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#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#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#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#2;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#3;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#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#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#3;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#3;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#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#0;n#div#3;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#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" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="77">
+              <caret line="383" column="19" lean-forward="true" selection-start-line="383" selection-start-column="19" selection-end-line="383" selection-end-column="19" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/swiper.css">
+          <provider selected="true" editor-type-id="text-editor" />
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="HTML File" />
+        <option value="CSS File" />
+      </list>
+    </option>
+  </component>
+  <component name="FindInProjectRecents">
+    <findStrings>
+      <find>image</find>
+      <find>span</find>
+      <find>pic2_dynamic</find>
+      <find>pic3</find>
+      <find>pic3_pic</find>
+      <find>pic3_small_text</find>
+      <find>pic4</find>
+      <find>mid_list</find>
+      <find>mid_center</find>
+      <find>mid_color_box</find>
+      <find>pic4_view</find>
+      <find>person_left_intro</find>
+      <find>mid_person</find>
+      <find>top_left</find>
+      <find>mid_sear</find>
+      <find>banner_text</find>
+      <find>mid_box_text</find>
+      <find>mid_LOAD</find>
+      <find>mid_big_text</find>
+      <find>pic2</find>
+      <find>mid_box_pic</find>
+      <find>mid_box</find>
+      <find>mid_box_middle</find>
+      <find>swiper-slide</find>
+      <find>swiper-container</find>
+      <find>loop</find>
+    </findStrings>
+    <replaceStrings>
+      <replace>div</replace>
+    </replaceStrings>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/css/comment.css" />
+        <option value="$PROJECT_DIR$/icon/iconfont.css" />
+        <option value="$PROJECT_DIR$/css/qqrz.css" />
+        <option value="$PROJECT_DIR$/html/qqrz.html" />
+        <option value="$PROJECT_DIR$/css/sckj.css" />
+        <option value="$PROJECT_DIR$/html/sckj.html" />
+        <option value="$PROJECT_DIR$/html/gsjj.html" />
+        <option value="$PROJECT_DIR$/css/gsjj.css" />
+        <option value="$PROJECT_DIR$/html/jpal.html" />
+        <option value="$PROJECT_DIR$/css/common.css" />
+        <option value="$PROJECT_DIR$/css/jpal.css" />
+        <option value="$PROJECT_DIR$/html/alxq.html" />
+        <option value="$PROJECT_DIR$/css/alxq.css" />
+        <option value="$PROJECT_DIR$/html/zxdt.html" />
+        <option value="$PROJECT_DIR$/css/zxdt.css" />
+        <option value="$PROJECT_DIR$/css/dtxq.css" />
+        <option value="$PROJECT_DIR$/html/dtxq.html" />
+        <option value="$PROJECT_DIR$/html/cpzx_2.html" />
+        <option value="$PROJECT_DIR$/css/cpzx_2.css" />
+        <option value="$PROJECT_DIR$/js/swiper.js" />
+        <option value="$PROJECT_DIR$/css/index.css" />
+        <option value="$PROJECT_DIR$/html/index.html" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+    <sorting>DEFINITION_ORDER</sorting>
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="415" />
+    <option name="y" value="162" />
+    <option name="width" value="1136" />
+    <option name="height" value="771" />
+  </component>
+  <component name="ProjectView">
+    <navigator proportions="" version="1">
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="ProjectPane">
+        <subPane>
+          <expand>
+            <path>
+              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
+              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
+              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
+              <item name="css" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
+              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
+              <item name="html" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
+              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
+              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
+              <item name="swiper.js" type="620a8d5e:NestingTreeNode" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+      </pane>
+      <pane id="Scope" />
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="DefaultHtmlFileTemplate" value="HTML File" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="F:/轮播图实例/git轮播图效果/CSS-Inspiration" />
+    <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_npm_path_reset_for_default_project" value="true" />
+  </component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="F:\ljh项目\可耐美手机端\js" />
+      <recent name="F:\ljh项目\可耐美手机端\css" />
+      <recent name="F:\ljh项目\可耐美手机端\images" />
+    </key>
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="45116894-83a8-452c-8a78-cd7bfbe48655" name="Default Changelist" comment="" />
+      <created>1547191585126</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1547191585126</updated>
+      <workItem from="1547191587654" duration="10855000" />
+      <workItem from="1547425726339" duration="19510000" />
+      <workItem from="1547512390300" duration="35598000" />
+      <workItem from="1547598749065" duration="21821000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="87784000" />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="415" y="162" width="1136" height="771" extended-state="0" />
+    <editor active="true" />
+    <layout>
+      <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.4993464" visible="true" weight="0.23041895" />
+      <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 anchor="bottom" id="Message" order="0" />
+      <window_info anchor="bottom" id="Find" order="1" />
+      <window_info anchor="bottom" id="Run" order="2" />
+      <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
+      <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
+      <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
+      <window_info anchor="bottom" id="TODO" order="6" />
+      <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Version Control" order="8" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Terminal" order="9" />
+      <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="Ant Build" order="1" weight="0.25" />
+      <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/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" />
+          <folding>
+            <element signature="e#259#1293#1" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/base.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="162">
+          <caret line="6" selection-start-line="6" selection-end-line="6" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/qqrz.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1296">
+          <caret line="48" column="1" selection-end-line="222" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/qqrz.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="81">
+          <caret line="3" column="26" lean-forward="true" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <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$/html/gsjj.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="228">
+          <caret line="240" column="22" lean-forward="true" selection-start-line="240" selection-start-column="22" selection-end-line="240" selection-end-column="22" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#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#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#style#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <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#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;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#2;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#5;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#0;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;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#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#0;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#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <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#0;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#3;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#0;n#div#6;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#6;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" />
+          </folding>
+        </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/jpal.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="135">
+          <caret line="53" column="23" lean-forward="true" selection-end-line="250" />
+        </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$/html/alxq.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="324">
+          <caret line="87" column="40" lean-forward="true" selection-end-line="148" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#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" />
+          </folding>
+        </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$/css/dtxq.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="281">
+          <caret line="101" column="13" lean-forward="true" selection-start-line="101" selection-start-column="13" selection-end-line="101" selection-end-column="13" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/dtxq.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="550">
+          <caret line="107" column="44" lean-forward="true" selection-start-line="107" selection-start-column="44" selection-end-line="107" selection-end-column="44" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#1;n#div#0;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#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#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" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/sckj.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="206">
+          <caret line="335" column="30" lean-forward="true" selection-end-line="428" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/zxdt.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="229">
+          <caret line="105" lean-forward="true" selection-start-line="105" selection-end-line="105" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#1;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" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/sckj.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="111">
+          <caret line="18" column="17" lean-forward="true" selection-start-line="18" selection-start-column="17" selection-end-line="18" selection-end-column="17" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#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#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#2;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;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#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#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#3;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#3;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#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#0;n#div#3;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#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" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="109">
+          <caret line="64" column="41" lean-forward="true" selection-start-line="64" selection-start-column="41" selection-end-line="64" selection-end-column="41" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#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#0;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#1;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#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" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="77">
+          <caret line="383" column="19" lean-forward="true" selection-start-line="383" selection-start-column="19" selection-end-line="383" selection-end-column="19" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/swiper.css">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/swiper.min.js.map">
+      <provider selected="true" editor-type-id="text-editor" />
+      <provider editor-type-id="sourcemapFileViewerProvider" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/index.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="307">
+          <caret line="68" column="16" lean-forward="true" selection-start-line="68" selection-start-column="16" selection-end-line="68" selection-end-column="16" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/swiper.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/jquery-2.1.0.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-2430" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="595">
+          <caret line="11" column="24013" selection-start-line="11" selection-start-column="24013" selection-end-line="11" selection-end-column="24013" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/jpal.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="331">
+          <caret line="27" column="14" lean-forward="true" selection-start-line="27" selection-start-column="14" selection-end-line="27" selection-end-column="14" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#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" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="330">
+          <caret line="314" column="22" lean-forward="true" selection-start-line="314" selection-start-column="22" selection-end-line="314" selection-end-column="22" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;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#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#0;n#div#0;n#div#2;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#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#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#0;n#div#4;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#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;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#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#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#2;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" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    /*position: relative;*/
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+    padding-top: 0.88rem;
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.32rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+
+/*mid_box*/
+.mid_box{
+    margin-top: 0.24rem;
+    width: 6.82rem;
+
+    background-color: #ffffff;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+}
+.mid_box_pic{
+    margin-top: 0.24rem;
+    width: 6.22rem;
+    height: 6.22rem;
+}
+.mid_box_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_text{
+    margin-top: 0.21rem;
+    width: 6.22rem;
+    font-size: 0.26rem;
+    font-weight: 500;
+    line-height: 0.4rem;
+    word-wrap: break-word;
+
+
+}
+
+
+
+/*更多*/
+.mid_load{
+    width: 6.86rem;
+    height: 0.96rem;
+    background-color: #ffffff;
+    font-size: 0.28rem;
+    display: flex;
+    justify-content: space-between;
+
+    margin: 0.24rem auto 0.6rem;
+}
+.mid_load_left{
+    margin-left: 0.33rem;
+    /*width: 0.99rem;*/
+    display: flex;
+    align-items: center;
+}
+.mid_load_left_pic{
+    width: 0.14rem;
+    height: 0.26rem;
+    display: flex;
+}
+.mid_load_left_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_load_left_text{
+    margin-left: 0.1rem;
+}
+
+.mid_load_right{
+    /*width: 0.99rem;*/
+    margin-right: 0.33rem;
+    display: flex;
+    align-items: center;
+}
+.mid_load_right_pic{
+    width: 0.14rem;
+    height: 0.26rem;
+    display: flex;
+}
+.mid_load_right_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_load_right_text{
+    margin-right: 0.1rem;
+}
+
+.show_pic{
+    width: 6.57rem;
+    height: 4.17rem;
+    background-color: #ffffff;
+    margin-top: 0.03rem;
+    box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
+    border-radius:4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.pic_size{
+    width: 6.36rem;
+    height: 3.96rem;
+    display: flex;
+}
+.pic_size img{
+    width: 100%;
+    height: 100%;
+}
+/*设置角标*/
+.icon_bicon{
+    width: 0.39rem;
+    height: 0.17rem;
+}
+.icon_bicon img{
+    width: 100%;
+    height: 100%;
+}
+/*色彩搭配*/
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+*{
+    margin: 0;
+    padding: 0;
+
+}
+a{
+    text-decoration: none;
+}
+.header{
+    position: fixed;
+    top: 0;
+    left: 0;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+.mid_small_text{
+    font-size: 0.24rem;
+    line-height: 0.56rem;
+    color: #3F4249;
+}
+/*设置搜索框*/
+.mid_search{
+    width: 6.86rem;
+    height: 0.66rem;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    border-radius: 0.33rem;
+    justify-content: space-around;
+}
+.mid_search_icon{
+    width: 0.24rem;
+    height: 0.24rem;
+    display: flex;
+    margin: 0.21rem 0.1rem 0.21rem 0.2rem;
+}
+.mid_search img{
+    width: 100%;
+    height: 100%;
+}
+.mid_search input{
+    width: 5rem;
+    height: 0.5rem;
+    font-size: 0.26rem;
+    border: none;
+    outline: none;
+}
+
+input::-webkit-input-placeholder{
+    color: #999999;
+    font-size: 0.26rem;
+}
+.mid_search_button{
+    width: 1.2rem;
+    height: 0.66rem;
+    background: #d13333;
+    color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.66rem;
+    text-align: center;
+    border-radius: 0.33rem;
+}
+
+
+.item_big{
+    width: 1.2rem;
+    height: 1.4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.item_picth{
+    width: 0.62rem;
+    height: 0.46rem;
+    display: flex;
+}
+.item_picth img{
+    width: 100%;
+    height: 100%;
+}
+.mid_list{
+    width: 6.57rem;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 0.16rem;
+}
+.pic_list{
+    width: 0.8rem;
+    height: 0.8rem;
+    border-radius: 0.06rem;
+}
+.color_list_1{
+    background-color: #E5E0D2;
+}
+.color_list_2{
+    background-color: #CFC9BC;
+}
+.color_list_3{
+    background-color: #B2ACA2;
+}
+.color_list_4{
+    background-color: #A1988B;
+}
+.color_list_5{
+    background-color: #8C8578;
+}
+.color_list_6{
+    background-color: #605C58;
+}
+.color_list_7{
+    background-color: #5E5241;
+}
+
+.color_1{
+    background-color: #C20D00;
+}
+.color_2{
+    background-color: #D95100;
+}
+.color_3{
+    background-color: #E49D00;
+}
+.color_4{
+    background-color: #00B507;
+}
+.color_5{
+    background-color: #0073C0;
+}
+
+
+.mid_box_pic{
+    width: 6.22rem;
+    height: 6.22rem;
+    margin-top: 0.24rem;
+}
+.mid_box_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_intro{
+    font-size: 0.32rem;
+    font-weight: 500;
+    line-height: 0.36rem;
+    color: #3F4249;
+    margin: 0 0.39rem
+}
+.mid_box_text{
+    font-size: 0.26rem;
+    font-weight: 500;
+    color: #999999;
+    line-height: 0.4rem;
+    margin: 0.28rem 0.39rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 11;
+    overflow: hidden;
+}
+.mid_load{
+    width: 6.86rem;
+    height: 0.6rem;
+    background-color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.6rem;
+    text-align: center;
+    margin: 0.24rem auto 0.6rem;
+}
+
+.show_pic{
+    width: 6.57rem;
+    height: 4.17rem;
+    background-color: #ffffff;
+    margin-top: 0.03rem;
+    box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
+    border-radius:4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.pic_size{
+    width: 6.36rem;
+    height: 3.96rem;
+    display: flex;
+}
+.pic_size img{
+    width: 100%;
+    height: 100%;
+}
+/*设置角标*/
+.icon_bicon{
+    width: 0.39rem;
+    height: 0.17rem;
+}
+.icon_bicon img{
+    width: 100%;
+    height: 100%;
+}
+/*色彩搭配*/
+.mid_center{
+    width: 2.6rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 0.36rem;
+}
+.center_left{
+    font-size: 0.24rem;
+    color: #666666;
+}
+.center_right{
+    width: 1.2rem;
+    height: 0.6rem;
+
+}
+.center_color_1{
+    background-color: #5E5241;
+}
+.center_color_2{
+    background-color: #746F67;
+}
+.center_color_3{
+    background-color:  #E5E0D2;
+}
+
+/*--------------- mid_box ---------------*/
+.mid_box{
+    margin-top: 0.34rem;
+    width: 6.86rem;
+    height: 5.2rem;
+    background-color: #f0f0f0;
+    display: flex;
+    /*align-items: center;*/
+    position: relative;
+}
+.mid_box_middle{
+    width: 100%;
+    height: 3.02rem;
+    background-color: #ffffff;
+    box-shadow: 0 0.06rem 0.2rem 0 rgba(0,0,0,0.2);
+    display: flex;
+    position: absolute;
+    top: 1.04rem;
+}
+.mid_box_middle_left{
+    width: 2.72rem;
+    height: 3.02rem;
+}
+.mid_box_middle_left img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_middle_right{
+    width: 4.14rem;
+    display: flex;
+    flex-flow: column;
+}
+.mid_box_middle_right_top{
+    margin: 0.35rem 0 0 0.26rem;
+    font-size: 0.28rem;
+    font-weight: bold;
+    line-height: 0.2rem;
+}
+.mid_box_middle_right_bottom{
+    width: 3.63rem;
+    margin-left: 0.26rem;
+    font-size: 0.26rem;
+    color: #666666;
+    line-height: 0.4rem;
+
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
+    overflow: hidden;
+    margin-top: 0.29rem;
+}
+.mid_box_pageTurn{
+    width: 1.8rem;
+    height: 0.66rem;
+    background-color: #d13333;
+    position: absolute;
+    bottom: 0.24rem;
+    left: 2.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+
+.mid_box_pageTurn_left{
+    width: 0.16rem;
+    height: 0.28rem;
+    display: flex;
+}
+.mid_box_pageTurn_left img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_pageTurn_mid{
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.mid_box_pageTurn_right{
+    width: 0.16rem;
+    height: 0.28rem;
+    display: flex;
+}
+.mid_box_pageTurn_right img{
+    width: 100%;
+    height: 100%;
+}
+/*--------------- 菜单列表 ---------------*/
+.mid_menu{
+    width: 6.86rem;
+    height: 0.88rem;
+    background-color: #ffffff;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+
+    white-space: nowrap;
+    overflow-x: auto;
+}
+.mid_menu_item{
+    font-size: 0.26rem;
+}
+
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    /*position: relative;*/
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+    padding-top: 0.88rem;
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.32rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+.mid_big_time{
+    font-size: 0.24rem;
+    color: #999999;
+    font-weight: 500;
+    margin-top: 0.2rem;
+}
+
+/*mid_box*/
+.mid_box{
+    margin-top: 0.24rem;
+    width: 6.82rem;
+
+    background-color: #ffffff;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+}
+.mid_box_pic{
+    margin-top: 0.24rem;
+    width: 6.22rem;
+    height: 4.08rem;
+}
+.mid_box_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_text{
+    margin-top: 0.21rem;
+    width: 6.22rem;
+    font-size: 0.26rem;
+    font-weight: 500;
+    line-height: 0.4rem;
+    word-wrap: break-word;
+
+
+}
+
+
+
+/*更多*/
+.mid_load{
+    width: 6.86rem;
+    height: 0.96rem;
+    background-color: #ffffff;
+    font-size: 0.28rem;
+    display: flex;
+    justify-content: space-between;
+
+    margin: 0.24rem auto 0.6rem;
+}
+.mid_load_left{
+    margin-left: 0.33rem;
+    /*width: 0.99rem;*/
+    display: flex;
+    align-items: center;
+}
+.mid_load_left_pic{
+    width: 0.14rem;
+    height: 0.26rem;
+    display: flex;
+}
+.mid_load_left_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_load_left_text{
+    margin-left: 0.1rem;
+}
+
+.mid_load_right{
+    /*width: 0.99rem;*/
+    margin-right: 0.33rem;
+    display: flex;
+    align-items: center;
+}
+.mid_load_right_pic{
+    width: 0.14rem;
+    height: 0.26rem;
+    display: flex;
+}
+.mid_load_right_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_load_right_text{
+    margin-right: 0.1rem;
+}
+
+.show_pic{
+    width: 6.57rem;
+    height: 4.17rem;
+    background-color: #ffffff;
+    margin-top: 0.03rem;
+    box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
+    border-radius:4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.pic_size{
+    width: 6.36rem;
+    height: 3.96rem;
+    display: flex;
+}
+.pic_size img{
+    width: 100%;
+    height: 100%;
+}
+/*设置角标*/
+.icon_bicon{
+    width: 0.39rem;
+    height: 0.17rem;
+}
+.icon_bicon img{
+    width: 100%;
+    height: 100%;
+}
+/*色彩搭配*/
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+}
+/*---------- 头部导航栏  ----------*/
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+/*--------------- 主体内容 ---------------*/
+.top{
+    width: 100%;
+    height: 0.92rem;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    font-size: 0.32rem;
+    font-weight: bold;
+    position: relative;
+}
+.top_left{
+    color: #922020;
+}
+.menu_sort{
+    /*width: 0.4rem;*/
+    color: #922020;
+    /*height: 0.1rem;*/
+    border-bottom: 0.04rem solid #922020;
+}
+.top_right{
+}
+.top_intro{
+    width: 7.5rem;
+    height: 3.6rem;
+    background-color: #922425;
+    opacity: 0.96;
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+}
+
+.top_intro_icon_left{
+    width: 0.33rem;
+    height: 0.26rem;
+    display: flex;
+    position: absolute;
+    top: 0.6rem;
+    left: 0.35rem;
+}
+.top_intro_icon_left img{
+    width: 100%;
+    height: 100%;
+}
+.top_intro_icon_right{
+    width: 0.33rem;
+    height: 0.26rem;
+    display: flex;
+    position: absolute;
+    top: 0.6rem;
+    right: 0.35rem;
+}
+.top_intro_icon_right img{
+    width: 100%;
+    height: 100%;
+}
+.top_intro_content{
+    width: 6rem;
+    height: 2.26rem;
+
+    font-size: 0.26rem;
+    color: #ffffff;
+    line-height: 0.4rem;
+    overflow: scroll;
+}
+/*--------------- 人物介绍栏 ---------------*/
+.mid_person{
+    width: 6.86rem;
+    height: 6.4rem;
+    background:rgba(255,255,255,1);
+    box-shadow:0  0.06rem 0.2rem 0 rgba(0, 0, 0, 0.2);
+    display: flex;
+    flex-flow: column;
+    margin: 0.6rem 0.59rem;
+
+}
+.mid_person_box{
+    margin-top: 0.23rem;
+    display: flex;
+    justify-content: space-around;
+
+}
+/*左边*/
+.mid_person_left{
+    width: 2.84rem;
+    height: 2.42rem;
+    display: flex;
+    flex-flow: column;
+}
+.person_border{
+    margin-top: 0.13rem;
+    border-bottom: 2px solid #e6e6e6;
+}
+.person_left_big{
+    font-size: 0.4rem;
+    font-weight: bold;
+}
+.person_left_name{
+    margin-top: 0.3rem;
+    font-size: 0.34rem;
+    font-weight: bold;
+}
+.person_left_intro{
+    margin-top: 0.25rem;
+    font-size: 0.26rem;
+    line-height: 0.4rem;
+    color: #666666;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+/*右边*/
+.mid_person_right{
+    width: 3rem;
+    height: 2.42rem;
+    display: flex;
+}
+.mid_person_right img{
+    width: 100%;
+    height: 100%;
+}
+/*人物底部介绍*/
+.mid_bottom{
+
+    margin-top: 0.27rem;
+
+}
+.mid_bottom p{
+    margin: 0 0.25rem;
+    font-size:0.26rem;
+    font-family:PingFang-SC-Medium;
+    font-weight:500;
+    color:rgba(153,153,153,1);
+    line-height:0.4rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 8;
+    overflow: hidden;
+}
+/*--------------- 公司介绍 ---------------*/
+.mid_company{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+}
+.mid_company_big{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+}
+.mid_company_small{
+    margin-top: 0.15rem;
+    font-size: 0.24rem;
+    color: #3F4249;
+}
+.mid_company_pic{
+    margin-top: 0.33rem;
+    width: 6.86rem;
+    height: 3.2rem;
+}
+.mid_company_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_company_text{
+    width: 6.81rem;
+    margin-top: 0.2rem;
+    font-size: 0.26rem;
+    font-weight: 500;
+    color: #666666;
+    line-height: 0.4rem;
+}
+/*视频播放*/
+.mid_company_video{
+    margin-top: 0.6rem;
+    width: 6.87rem;
+    height: 3.88rem;
+    background-color: #f5f5f5;
+}
+.mid_company_video video{
+    width: 100%;
+    height: 100%;
+}
+/*奖项&认证*/
+.mid_company_awards{
+    margin-top: 0.6rem;
+    width: 7.5rem;
+    height: 7.1rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    background-color: #5E5241;
+}
+.color_big{
+    margin-top: 0.74rem;
+    color: #ffffff;
+}
+.color_small{
+    margin-top: 0.13rem;
+    color: #ffffff;
+}
+.mid_company_banner{
+    margin-top: 0.33rem;
+    width: 100%;
+    height: 4.2rem;
+    background-color: #50B388;
+}
+/*查看更多*/
+.mid_company_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.34rem;
+}
+
+/*--------------- 可耐美中国 ---------------*/
+.m-top{
+    margin-top: 0.6rem;
+}
+/*最新动态*/
+.pic2{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    width: 7.5rem;
+    height: 7.84rem;
+    background-color: #EAEDEE;
+
+}
+.pic2_dynamic{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+
+    margin-top: 0.73rem;
+}
+.pic2_subtitle{
+    font-size: 0.24rem;
+    color: #3F4249;
+    margin-top: 0.15rem;
+}
+.pic2_box{
+    width: 6.86rem;
+    height: 2.1rem;
+    display: flex;
+    margin-top: 0.24rem;
+    background-color: #ffffff;
+}
+.pic2_margin_top{
+    margin-top: 0.33rem;
+}
+.pic2_box_left{
+    width: 3.2rem;
+    height: 2.1rem;
+}
+.pic2_box_left img{
+    width: 3.2rem;
+    height: 2.1rem;
+}
+.pic2_box_right{
+    width: 3.66rem;
+    height: 2.1rem;
+    display: flex;
+    flex-flow: column;
+    margin-left: 0.31rem;
+}
+.pic2_box_right_top{
+    font-size: 0.28rem;
+    font-weight: bold;
+    color: #49526A;
+    margin: 0.36rem auto 0;
+    line-height: 0.42rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+.pic2_box_right_bottom{
+    font-size: 0.24rem;
+    font-weight: 500;
+    color: #999999;
+    line-height: 0.24rem;
+    margin-top: 0.25rem;
+}
+/*查看更多*/
+.pic2_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.34rem;
+}
+/*最新动态轮播图*/
+.mid_new{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    width: 100%;
+    height: 7.66rem;
+}
+.mid_new_banner{
+    margin-top: 0.58rem;
+    width: 100%;
+    height: 4.5rem;
+    background-color: #50B388;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_pic{
+    width: 3.9rem;
+    height: 3.9rem;
+}
+.banner_pic img{
+    width: 100%;
+    height: 100%;
+}
+/*设置文字*/
+.banner_text{
+    margin-top: 0.15rem;
+    width: 3.9rem;
+    height: 0.27rem;
+    font-size: 0.28rem;
+    font-weight: bold;
+    color: #49526A;
+    text-align: center;
+
+    text-overflow: ellipsis;
+    /*display: -webkit-box;*/
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 轮播图 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 6.5rem;
+    background: #579dd7;
+}
+/*==============================轮播设置==================================*/
+.swiper-container {
+    width: 100%;
+    height: 100%;
+}
+.swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    background: #fff;
+    /* Center slide text vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+.swiper-slide img{
+    width: 100%;
+    height: 100%;
+}
+
+
+
+
+
+/*================================================================*/
+/*--------------- 图片列表 ---------------*/
+.pic1{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    width: 7.5rem;
+    height: 6.64rem;
+    background: url("../images/bicon_02@2x.png");
+    background-size: cover;
+}
+.pic1_dynamic{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #ffffff;
+
+    margin-top: 0.73rem;
+}
+.pic1_subtitle{
+    font-size: 0.24rem;
+    color: #ffffff;
+    margin-top: 0.15rem;
+    font-family: PingFang-SC-Medium;
+}
+.pic1_mid{
+    width: 6.86rem;
+    height: 4.08rem;
+    background-color: #ffffff;
+    margin-top: 0.36rem;
+}
+.pic2{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    width: 7.5rem;
+    height: 7.84rem;
+    background-color: #EAEDEE;
+
+}
+.pic2_dynamic{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+
+    margin-top: 0.73rem;
+}
+.pic2_subtitle{
+    font-size: 0.24rem;
+    color: #3F4249;
+    margin-top: 0.15rem;
+}
+.pic2_box{
+    width: 6.86rem;
+    height: 2.1rem;
+    display: flex;
+    margin-top: 0.24rem;
+    background-color: #ffffff;
+}
+.pic2_margin_top{
+    margin-top: 0.33rem;
+}
+.pic2_box_left{
+    width: 3.2rem;
+    height: 2.1rem;
+}
+.pic2_box_left img{
+    width: 3.2rem;
+    height: 2.1rem;
+}
+.pic2_box_right{
+    width: 3.66rem;
+    height: 2.1rem;
+    display: flex;
+    flex-flow: column;
+    margin-left: 0.31rem;
+}
+.pic2_box_right_top{
+    font-size: 0.28rem;
+    font-weight: bold;
+    color: #49526A;
+    margin: 0.36rem auto 0;
+    line-height: 0.42rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+.pic2_box_right_bottom{
+    font-size: 0.24rem;
+    font-weight: 500;
+    color: #999999;
+    line-height: 0.24rem;
+    margin-top: 0.25rem;
+}
+/*查看更多*/
+.pic2_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.34rem;
+
+}
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+/*图片介绍*/
+.pic3{
+    width: 7.5rem;
+    display: flex;
+    flex-wrap: wrap;
+}
+.pic3_block{
+    width: 3.75rem;
+    height: 4.72rem;
+    /*background-color: #367DC6;*/
+
+    color: #ffffff;
+}
+.pic3_block_box{
+    display: flex;
+    align-items: center;
+    flex-flow: column;
+    margin: 0.74rem 0.42rem;
+    text-align: center;
+}
+.pic3_pic_box{
+    height: 1rem;
+    display: flex;
+    align-items: center;
+}
+.pic3_pic{
+    width: 0.96rem;
+    height: 0.92rem;
+    display: flex;
+}
+.pic3_pic img{
+    width: 100%;
+    height: 100%;
+}
+.pic3_big_text{
+    font-size: 0.3rem;
+    font-weight: bold;
+    line-height: 0.75rem;
+
+}
+.pic3_small_text{
+    font-size: 0.26rem;
+    font-weight: 500;
+    line-height: 0.4rem;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+.pic3_viewMore{
+    width: 1.5rem;
+    height: 0.5rem;
+    background-color: #ffffff;
+    border-radius: 0.25rem;
+    font-size: 0.26rem;
+    font-weight: 500;
+    color: #3f4249;
+    line-height: 0.5rem;
+    text-align: center;
+    margin: 0.3rem auto;
+}
+/*设置背景颜色*/
+.select_color{
+    background-color: #367DC6;
+}
+.product_color{
+    background-color: #50B388;
+}
+.join_color{
+    background-color: #4C4E50;
+}
+.inquire_color{
+    background-color: #2E99E4;
+}
+/*设置图片大小*/
+.product_pic{
+    width: 0.8rem;
+    height: 0.8rem;
+}
+.join_pic{
+    width: 1.04rem;
+    height: 0.6rem;
+}
+.inquire_pic{
+    width: 0.78rem;
+    height: 0.78rem;
+}
+/*可耐美产品认证*/
+.pic4{
+    width: 7.5rem;
+    height: 6.9rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    background-color: #835D43;
+    background-size: cover;
+    color: #ffffff;
+
+
+
+}
+.pic4_dynamic{
+    font-size:0.40rem;
+    font-family:PingFang-SC-Bold;
+    font-weight:bold;
+    line-height:0.49rem;
+    margin-top: 0.73rem;
+}
+.pic4_subtitle{
+    font-size: 0.2rem;
+    font-weight: 500;
+    line-height: 0.37rem;
+    margin-top: 0.13rem;
+}
+.pic4_banner{
+    width: 7.5rem;
+    height: 4.2rem;
+    display: flex;
+    margin-top: 0.33rem;
+}
+.pic4_banner_mid{
+    width: 3.1rem;
+    height: 4.2rem;
+
+}
+.pic4_banner_mid img{
+    width: 100%;
+    height: 100%;
+}
+.pic4_banner_left{
+    width: 1.6rem;
+    height: 3.1rem;
+}
+.pic4_banner_right{
+    width: 1.6rem;
+    height: 3.1rem;
+}
+.pic4_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.34rem;
+}
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    /*position: relative;*/
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+    padding-top: 0.88rem;
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+.mid_small_text{
+    font-size: 0.24rem;
+    line-height: 0.56rem;
+    color: #3F4249;
+}
+/*mid_box*/
+.mid_box{
+    margin-top: 0.24rem;
+    width: 6.82rem;
+    height: 7.2rem;
+    background-color: #ffffff;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+}
+.mid_box_pic{
+    width: 6.22rem;
+    height: 6.22rem;
+}
+.mid_box_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_text{
+    margin-top: 0.23rem;
+    width: 6.22rem;
+    font-size: 0.28rem;
+    text-align: center;
+    font-weight: bold;
+
+    text-overflow: ellipsis;
+
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+}
+
+
+
+/*更多*/
+.mid_load{
+    width: 6.86rem;
+    height: 0.6rem;
+    background-color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.6rem;
+    text-align: center;
+    margin: 0.24rem auto 0.6rem;
+}
+
+.show_pic{
+    width: 6.57rem;
+    height: 4.17rem;
+    background-color: #ffffff;
+    margin-top: 0.03rem;
+    box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
+    border-radius:4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.pic_size{
+    width: 6.36rem;
+    height: 3.96rem;
+    display: flex;
+}
+.pic_size img{
+    width: 100%;
+    height: 100%;
+}
+/*设置角标*/
+.icon_bicon{
+    width: 0.39rem;
+    height: 0.17rem;
+}
+.icon_bicon img{
+    width: 100%;
+    height: 100%;
+}
+/*色彩搭配*/
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+.mid_small_text{
+    font-size: 0.24rem;
+    line-height: 0.56rem;
+    color: #3F4249;
+}
+.mid_box{
+    width: 6.85rem;
+    height: 11.79rem;
+    background: #ffffff;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    margin-top: 0.24rem;
+}
+.mid_box_pic{
+    width: 6.22rem;
+    height: 6.22rem;
+    margin-top: 0.24rem;
+}
+.mid_box_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_intro{
+    font-size: 0.32rem;
+    font-weight: 500;
+    line-height: 0.36rem;
+    color: #3F4249;
+    margin: 0 0.39rem
+}
+.mid_box_text{
+    font-size: 0.26rem;
+    font-weight: 500;
+    color: #999999;
+    line-height: 0.4rem;
+    margin: 0.28rem 0.39rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 11;
+    overflow: hidden;
+}
+.mid_load{
+    width: 6.86rem;
+    height: 0.6rem;
+    background-color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.6rem;
+    text-align: center;
+    margin: 0.24rem auto 0.6rem;
+}
+
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+.mid_small_text{
+    font-size: 0.24rem;
+    line-height: 0.56rem;
+    color: #3F4249;
+}
+/*设置搜索框*/
+.mid_search{
+    width: 6.86rem;
+    height: 0.66rem;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    border-radius: 0.33rem;
+    justify-content: space-around;
+}
+.mid_search_icon{
+    width: 0.24rem;
+    height: 0.24rem;
+    display: flex;
+    margin: 0.21rem 0.1rem 0.21rem 0.2rem;
+}
+.mid_search img{
+    width: 100%;
+    height: 100%;
+}
+.mid_search input{
+    width: 5rem;
+    height: 0.5rem;
+    font-size: 0.26rem;
+    border: none;
+    outline: none;
+}
+
+input::-webkit-input-placeholder{
+    color: #999999;
+    font-size: 0.26rem;
+}
+.mid_search_button{
+    width: 1.2rem;
+    height: 0.66rem;
+    background: #d13333;
+    color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.66rem;
+    text-align: center;
+    border-radius: 0.33rem;
+}
+
+.mid_box{
+    width: 6.85rem;
+    height: 11.88rem;
+    background: #ffffff;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    margin-top: 0.24rem;
+}
+.mid_top{
+    width: 100%;
+    height: 1.4rem;
+    display: flex;
+    align-items: center;
+    overflow-x: auto;
+    justify-content: space-around;
+    margin: 0.36rem 0.09rem;
+}
+.mid_top_item{
+    width: 1.2rem;
+    height: 1rem;
+    border-radius: 0.1rem;
+}
+.item_big{
+    width: 1.2rem;
+    height: 1.4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.item_picth{
+    width: 0.62rem;
+    height: 0.46rem;
+    display: flex;
+}
+.item_picth img{
+    width: 100%;
+    height: 100%;
+}
+.mid_list{
+    width: 6.57rem;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 0.16rem;
+}
+.pic_list{
+    width: 0.8rem;
+    height: 0.8rem;
+    border-radius: 0.06rem;
+}
+.color_list_1{
+    background-color: #E5E0D2;
+}
+.color_list_2{
+    background-color: #CFC9BC;
+}
+.color_list_3{
+    background-color: #B2ACA2;
+}
+.color_list_4{
+    background-color: #A1988B;
+}
+.color_list_5{
+    background-color: #8C8578;
+}
+.color_list_6{
+    background-color: #605C58;
+}
+.color_list_7{
+    background-color: #5E5241;
+}
+
+.color_1{
+    background-color: #C20D00;
+}
+.color_2{
+    background-color: #D95100;
+}
+.color_3{
+    background-color: #E49D00;
+}
+.color_4{
+    background-color: #00B507;
+}
+.color_5{
+    background-color: #0073C0;
+}
+
+
+.mid_box_pic{
+    width: 6.22rem;
+    height: 6.22rem;
+    margin-top: 0.24rem;
+}
+.mid_box_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_intro{
+    font-size: 0.32rem;
+    font-weight: 500;
+    line-height: 0.36rem;
+    color: #3F4249;
+    margin: 0 0.39rem
+}
+.mid_box_text{
+    font-size: 0.26rem;
+    font-weight: 500;
+    color: #999999;
+    line-height: 0.4rem;
+    margin: 0.28rem 0.39rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 11;
+    overflow: hidden;
+}
+.mid_load{
+    width: 6.86rem;
+    height: 0.6rem;
+    background-color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.6rem;
+    text-align: center;
+    margin: 0.24rem auto 0.6rem;
+}
+
+.show_pic{
+    width: 6.57rem;
+    height: 4.17rem;
+    background-color: #ffffff;
+    margin-top: 0.03rem;
+    box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
+    border-radius:4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.pic_size{
+    width: 6.36rem;
+    height: 3.96rem;
+    display: flex;
+}
+.pic_size img{
+    width: 100%;
+    height: 100%;
+}
+/*设置角标*/
+.icon_bicon{
+    width: 0.39rem;
+    height: 0.17rem;
+}
+.icon_bicon img{
+    width: 100%;
+    height: 100%;
+}
+/*色彩搭配*/
+.mid_color_box{
+    width: 6.85rem;
+    height: 4.3rem;
+    display: flex;
+    background-color: #ffffff;
+    margin-top: 0.24rem;
+}
+.mid_color_box_left{
+    width: 3.25rem;
+    height: 4.3rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+}
+.mid_color_big{
+    font-size: 0.32rem;
+    font-weight: 500;
+    color: #3F4249;
+}
+.mid_color_box_right{
+    width: 3.6rem;
+    height: 4.3rem;
+    display: flex;
+}
+.mid_color_box_right img{
+    width: 100%;
+    height: 100%;
+}
+.mid_center{
+    width: 2.6rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 0.36rem;
+}
+.center_left{
+    font-size: 0.24rem;
+    color: #666666;
+}
+.center_right{
+    width: 1.2rem;
+    height: 0.6rem;
+
+}
+.center_color_1{
+    background-color: #5E5241;
+}
+.center_color_2{
+    background-color: #746F67;
+}
+.center_color_3{
+    background-color:  #E5E0D2;
+}
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+/**
+ * Swiper 4.4.6
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * http://www.idangero.us/swiper/
+ *
+ * Copyright 2014-2018 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: December 19, 2018
+ */
+.swiper-container {
+  margin: 0 auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+.swiper-container-no-flexbox .swiper-slide {
+  float: left;
+}
+.swiper-container-vertical > .swiper-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  -webkit-transform: translate3d(0px, 0, 0);
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-container-multirow > .swiper-wrapper {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+.swiper-container-free-mode > .swiper-wrapper {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-slide {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+/* Auto Height */
+.swiper-container-autoheight,
+.swiper-container-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-container-autoheight .swiper-wrapper {
+  -webkit-box-align: start;
+  -webkit-align-items: flex-start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -webkit-transition-property: height, -webkit-transform;
+  transition-property: height, -webkit-transform;
+  -o-transition-property: transform, height;
+  transition-property: transform, height;
+  transition-property: transform, height, -webkit-transform;
+}
+/* 3D Effects */
+.swiper-container-3d {
+  -webkit-perspective: 1200px;
+  perspective: 1200px;
+}
+.swiper-container-3d .swiper-wrapper,
+.swiper-container-3d .swiper-slide,
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom,
+.swiper-container-3d .swiper-cube-shadow {
+  -webkit-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+}
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-container-3d .swiper-slide-shadow-left {
+  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-right {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-top {
+  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+/* IE10 Windows Phone 8 Fixes */
+.swiper-container-wp8-horizontal,
+.swiper-container-wp8-horizontal > .swiper-wrapper {
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+.swiper-container-wp8-vertical,
+.swiper-container-wp8-vertical > .swiper-wrapper {
+  -ms-touch-action: pan-x;
+  touch-action: pan-x;
+}
+.swiper-button-prev,
+.swiper-button-next {
+  position: absolute;
+  top: 50%;
+  width: 27px;
+  height: 44px;
+  margin-top: -22px;
+  z-index: 10;
+  cursor: pointer;
+  background-size: 27px 44px;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-prev,
+.swiper-container-rtl .swiper-button-next {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
+  left: 10px;
+  right: auto;
+}
+.swiper-button-next,
+.swiper-container-rtl .swiper-button-prev {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
+  right: 10px;
+  left: auto;
+}
+.swiper-button-prev.swiper-button-white,
+.swiper-container-rtl .swiper-button-next.swiper-button-white {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-next.swiper-button-white,
+.swiper-container-rtl .swiper-button-prev.swiper-button-white {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-prev.swiper-button-black,
+.swiper-container-rtl .swiper-button-next.swiper-button-black {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-next.swiper-button-black,
+.swiper-container-rtl .swiper-button-prev.swiper-button-black {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-lock {
+  display: none;
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  -webkit-transition: 300ms opacity;
+  -o-transition: 300ms opacity;
+  transition: 300ms opacity;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  -webkit-transform: scale(0.66);
+  -ms-transform: scale(0.66);
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  -webkit-transform: scale(0.66);
+  -ms-transform: scale(0.66);
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  border-radius: 100%;
+  background: #000;
+  opacity: 0.2;
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: #007aff;
+}
+.swiper-container-vertical > .swiper-pagination-bullets {
+  right: 10px;
+  top: 50%;
+  -webkit-transform: translate3d(0px, -50%, 0);
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 6px 0;
+  display: block;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  -webkit-transition: 200ms top, 200ms -webkit-transform;
+  transition: 200ms top, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms top;
+  transition: 200ms transform, 200ms top;
+  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 4px;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transition: 200ms left, 200ms -webkit-transform;
+  transition: 200ms left, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms left;
+  transition: 200ms transform, 200ms left;
+  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
+}
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transition: 200ms right, 200ms -webkit-transform;
+  transition: 200ms right, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms right;
+  transition: 200ms transform, 200ms right;
+  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: #007aff;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  -webkit-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transform-origin: left top;
+  -ms-transform-origin: left top;
+  transform-origin: left top;
+}
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  -webkit-transform-origin: right top;
+  -ms-transform-origin: right top;
+  transform-origin: right top;
+}
+.swiper-container-horizontal > .swiper-pagination-progressbar,
+.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: 4px;
+  left: 0;
+  top: 0;
+}
+.swiper-container-vertical > .swiper-pagination-progressbar,
+.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 4px;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-white .swiper-pagination-bullet-active {
+  background: #ffffff;
+}
+.swiper-pagination-progressbar.swiper-pagination-white {
+  background: rgba(255, 255, 255, 0.25);
+}
+.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
+  background: #ffffff;
+}
+.swiper-pagination-black .swiper-pagination-bullet-active {
+  background: #000000;
+}
+.swiper-pagination-progressbar.swiper-pagination-black {
+  background: rgba(0, 0, 0, 0.25);
+}
+.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
+  background: #000000;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+  border-radius: 10px;
+  position: relative;
+  -ms-touch-action: none;
+  background: rgba(0, 0, 0, 0.1);
+}
+.swiper-container-horizontal > .swiper-scrollbar {
+  position: absolute;
+  left: 1%;
+  bottom: 3px;
+  z-index: 50;
+  height: 5px;
+  width: 98%;
+}
+.swiper-container-vertical > .swiper-scrollbar {
+  position: absolute;
+  right: 3px;
+  top: 1%;
+  z-index: 50;
+  width: 5px;
+  height: 98%;
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+  max-width: 100%;
+  max-height: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+}
+/* Preloader */
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  -webkit-transform-origin: 50%;
+  -ms-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
+  animation: swiper-preloader-spin 1s steps(12, end) infinite;
+}
+.swiper-lazy-preloader:after {
+  display: block;
+  content: '';
+  width: 100%;
+  height: 100%;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+  background-position: 50%;
+  background-size: 100%;
+  background-repeat: no-repeat;
+}
+.swiper-lazy-preloader-white:after {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+@-webkit-keyframes swiper-preloader-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes swiper-preloader-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+/* a11y */
+.swiper-container .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.swiper-container-fade .swiper-slide {
+  pointer-events: none;
+  -webkit-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+}
+.swiper-container-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube {
+  overflow: visible;
+}
+.swiper-container-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  -webkit-transform-origin: 0 0;
+  -ms-transform-origin: 0 0;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-container-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
+  -webkit-transform-origin: 100% 0;
+  -ms-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-next,
+.swiper-container-cube .swiper-slide-prev,
+.swiper-container-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-container-cube .swiper-slide-shadow-top,
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0.6;
+  -webkit-filter: blur(50px);
+  filter: blur(50px);
+  z-index: 0;
+}
+.swiper-container-flip {
+  overflow: visible;
+}
+.swiper-container-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-container-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-flip .swiper-slide-shadow-top,
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-coverflow .swiper-wrapper {
+  /* Windows 8 IE 10 fix */
+  -ms-perspective: 1200px;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    /*position: relative;*/
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.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_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+    padding-top: 0.88rem;
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+.mid_small_text{
+    font-size: 0.24rem;
+    line-height: 0.56rem;
+    color: #3F4249;
+}
+/*mid_box*/
+.mid_box{
+    margin-top: 0.24rem;
+    width: 6.86rem;
+    height: 2.1rem;
+    background-color: #ffffff;
+    display: flex;
+}
+.mid_box_left{
+    width: 3.2rem;
+    height: 2.1rem;
+}
+.mid_box_left img{
+    width: 100%;
+    height: 100%;
+}
+
+.mid_box_right{
+    width: 3.66rem;
+    display: flex;
+    flex-flow: column;
+}
+.mid_box_right_top{
+    margin: 0.46rem 0.29rem 0 0.31rem;
+    width: 3.06rem;
+    font-size: 0.28rem;
+    line-height: 1.5;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+.mid_box_right_bottom{
+    /*margin-left: 0.31rem;*/
+    margin: 0.25rem 0 0 0.31rem;
+    font-size: 0.24rem;
+    color: #999999;
+}
+
+
+
+/*更多*/
+.mid_load{
+    width: 6.86rem;
+    height: 0.6rem;
+    background-color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.6rem;
+    text-align: center;
+    margin: 0.24rem auto 0.6rem;
+}
+
+.show_pic{
+    width: 6.57rem;
+    height: 4.17rem;
+    background-color: #ffffff;
+    margin-top: 0.03rem;
+    box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
+    border-radius:4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.pic_size{
+    width: 6.36rem;
+    height: 3.96rem;
+    display: flex;
+}
+.pic_size img{
+    width: 100%;
+    height: 100%;
+}
+/*设置角标*/
+.icon_bicon{
+    width: 0.39rem;
+    height: 0.17rem;
+}
+.icon_bicon img{
+    width: 100%;
+    height: 100%;
+}
+/*色彩搭配*/
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>案例详情</title>
+    <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" />
+    <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="../css/alxq.css">
+
+
+    <script src="../js/base.js"></script>
+    <script src="../js/jquery-2.1.0.js"></script>
+</head>
+<body>
+<div class="main">
+    <div class="container">
+        <!--头部-->
+        <div class="header">
+            <!--左 菜单条目-->
+            <div class="iconfont icon-caidan">
+            </div>
+            <!--中 主页面图标-->
+            <div class="header_mid">
+                <img src="../images/bicon_03@2x.png" >
+            </div>
+        </div>
+        <!--左边菜单栏时出现列表-->
+        <div class="container menu_default" style="display: none;">
+            <!--首页-->
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
+        </div>
+
+        <!-------------图片------------->
+        <div class="banner">
+            <img src="../images/bicon_28@2x.png">
+        </div>
+        <!--全球认证-->
+        <div class="mid">
+            <p class="mid_big_text">唐山市路南区幸福摇篮幼儿园</p>
+
+            <!--案例盒子-->
+            <div class="mid_box">
+                <div class="mid_box_pic">
+                    <img src="../images/bicon_22@2x.png">
+                </div>
+                <div class="mid_box_text">
+
+                    可耐美由两位经济学家和一位化学家组建，基于全球环境恶化、变暖寻求解决方案而成立。德国总部设在德国杜塞尔多夫（Düsseldorf），“创新+整合”是我们的核心竞争力，可耐美由两位经济学家和一位化学家组建，基于全球环境恶化、变暖寻求解决方案而成立。德国总部设在德国杜塞尔多夫（Düsseldorf），“创新+整合”是我们的核心竞争力。
+                    可耐美由两位经济学家和一位化学家组建，基于全球环境恶化、变暖寻求解决方案而成立。德国总部设在德国杜塞尔多夫（Düsseldorf），“创新+整合”是我们的核心竞争力，可耐美由两位经济学家和一位化学家组建，基于全球环境恶化、变暖寻求解决方案。
+
+                </div>
+            </div>
+
+
+
+
+            <!--加载更多-->
+            <div class="mid_load">
+                <!--左边-->
+                <div class="mid_load_left">
+                    <div class="mid_load_left_pic">
+                        <img src="../images/bicon_30@2x.png">
+                    </div>
+                    <div class="mid_load_left_text">
+                        上一页
+                    </div>
+                </div>
+                <!--右边-->
+                <div class="mid_load_right">
+
+                    <div class="mid_load_right_text">
+                        下一页
+                    </div>
+                    <div class="mid_load_right_pic">
+                        <img src="../images/bicon_29@2x.png">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+        <!--底部介绍-->
+        <div class="bottom">
+            <p class="bottom_addr">
+                公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
+            </p>
+            <p class="bottom_tel">
+                电话 : 010-64482186
+            </p>
+            <p class="bottom_fax">
+                传真：010-6448-2226
+            </p>
+            <p class="bottom_email">
+                公司邮箱：beijing@germanyclime.cn
+            </p>
+            <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
+        </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>
+
+
+</body>
+</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>产品中心</title>
+    <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" />
+    <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="../css/cpzx_2.css">
+
+
+    <script src="../js/base.js"></script>
+    <script src="../js/jquery-2.1.0.js"></script>
+</head>
+<body>
+<div class="main">
+    <div class="container">
+        <!--头部-->
+        <div class="header">
+            <!--左 菜单条目-->
+            <div class="iconfont icon-caidan">
+            </div>
+            <!--中 主页面图标-->
+            <div class="header_mid">
+                <img src="../images/bicon_03@2x.png" >
+            </div>
+        </div>
+        <!--左边菜单栏时出现列表-->
+        <div class="container menu_default" style="display: none;">
+            <!--首页-->
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
+        </div>
+
+        <!-------------图片------------->
+        <div class="banner">
+            <img src="../images/bicon_28@2x.png">
+        </div>
+        <!--全球认证-->
+        <div class="mid">
+            <p class="mid_big_text"> 可耐美产品中心 </p>
+            <p class="mid_small_text"> PRODUCT CENTER </p>
+            <!--搜索-->
+            <div class="mid_search">
+                <!--搜索图标-->
+                <div class="mid_search_icon">
+                    <img src="../images/bicon_27@2x.png">
+                </div>
+                <!--搜索内容-->
+                <input type="text" placeholder="请输入色彩名或色彩编号">
+                <!--搜索按钮-->
+                <div class="mid_search_button">
+                    搜索
+                </div>
+            </div>
+            <!--盒模型内容-->
+            <div class="mid_box">
+                <!--图片及简介-->
+                <div class="mid_box_middle">
+                    <div class="mid_box_middle_left">
+                        <img src="../images/bicon_23@2x.png">
+                    </div>
+                    <div class="mid_box_middle_right">
+                        <div class="mid_box_middle_right_top">
+                            可丽时净味乳胶漆
+                        </div>
+                        <div class="mid_box_middle_right_bottom">
+                            此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示。品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点。
+                        </div>
+                    </div>
+                </div>
+                <!--翻页按钮-->
+                <div class="mid_box_pageTurn">
+                    <div class="mid_box_pageTurn_left">
+                        <img src="../images/bicon_26@2x.png">
+                    </div>
+                    <div class="mid_box_pageTurn_mid">
+                        1/8
+                    </div>
+                    <div class="mid_box_pageTurn_right">
+                        <img src="../images/bicon_25@2x.png">
+                    </div>
+                </div>
+            </div>
+            <!--菜单列表-->
+            <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">新产品</div>
+                <div class="mid_menu_item">新产品</div>
+                <div class="mid_menu_item">新产品</div>
+
+            </div>
+
+
+
+
+            <!--加载更多-->
+            <div class="mid_load">
+                加载更多
+            </div>
+        </div>
+
+
+        <!--底部介绍-->
+        <div class="bottom">
+            <p class="bottom_addr">
+                公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
+            </p>
+            <p class="bottom_tel">
+                电话 : 010-64482186
+            </p>
+            <p class="bottom_fax">
+                传真：010-6448-2226
+            </p>
+            <p class="bottom_email">
+                公司邮箱：beijing@germanyclime.cn
+            </p>
+            <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
+        </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>
+
+
+</body>
+</html>