From 15ad25bad17c621cfdaf0fe31d5786a1bd41894e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Wed, 11 Oct 2023 22:16:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/parse.php           |   22 -
 css/responsive.css      |    3 +-
 css/responsive.less     |    3 +-
 css/responsive.less.bak |  771 --------------------------
 css/style.css           |   26 +-
 css/style.less          |   29 +-
 css/style.less.bak      | 1158 ---------------------------------------
 js/main.js              |    7 +-
 8 files changed, 38 insertions(+), 1981 deletions(-)
 delete mode 100644 css/parse.php
 delete mode 100644 css/responsive.less.bak
 delete mode 100644 css/style.less.bak

diff --git a/css/parse.php b/css/parse.php
deleted file mode 100644
index a0d6b53..0000000
--- a/css/parse.php
+++ /dev/null
@@ -1,22 +0,0 @@
-<?php
-
-$file = './style.less.bak';
-$newfile = './style.less';
-
-$fp = fopen($file, 'a+');
-$newfp = fopen($newfile, 'a+');
-
-while (!feof($fp)) {
-    $line = fgets($fp);
-    $t = preg_replace_callback("/ (\d+)px/", function ($item) {
-        return ' ' . ($item[1] * 1) / 100 . 'rem';
-    }, $line);
-
-    fwrite($newfp, $t);
-    // print_r($t);
-    // preg_match_all("/ (\d+)px/", $line, $temp_matches, PREG_OFFSET_CAPTURE);
-    // print_r($temp_matches);
-}
-
-fclose($fp);
-fclose($newfp);
diff --git a/css/responsive.css b/css/responsive.css
index 0f38209..a766019 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -510,7 +510,8 @@
     box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
   }
   .s-content.g2 .icon-cont {
-    height: auto;
+    width: 100%;
+    height: 2.3rem;
   }
   .s-content.g2 .desc {
     padding: 0.3rem;
diff --git a/css/responsive.less b/css/responsive.less
index 1444721..35bc8c1 100644
--- a/css/responsive.less
+++ b/css/responsive.less
@@ -678,7 +678,8 @@
         }
 
         .icon-cont {
-            height: auto;
+            width: 100%;
+            height: 2.3rem;
         }
 
         .desc {
diff --git a/css/responsive.less.bak b/css/responsive.less.bak
deleted file mode 100644
index 6e401df..0000000
--- a/css/responsive.less.bak
+++ /dev/null
@@ -1,771 +0,0 @@
-// main max width
-@mw: 92%;
-@xt: 18px;
-@mt: 16px;
-@st: 14px;
-@mst: 12px;
-
-@keyframes mobileHeaderFadeIn {
-    0% {
-        opacity: 0;
-        transform: translateY(-100%);
-    }
-
-    100% {
-        opacity: 0.9;
-        transform: translateY(0);
-    }
-}
-
-@keyframes mobileHeaderFadeOut {
-    0% {
-        opacity: 0.9;
-        transform: translateY(0);
-    }
-
-    100% {
-        opacity: 0;
-        transform: translateY(-100%);
-    }
-}
-
-@media screen and (max-width: 768px) {
-    .main-wrap {
-        width: @mw;
-        max-width: 500px;
-    }
-
-    .header.style1 {
-        .menu {
-            .link {
-                color: #FFFFFF;
-            }
-
-            .link.active {
-                color: #FFFFFF;
-                font-weight: bold;
-            }
-
-            .link:hover {
-                color: #FFFFFF;
-            }
-        }
-    }
-
-    .header.style2 {
-        .menu {
-            .link {
-                color: #FFFFFF;
-            }
-
-            .link.active {
-                color: #FFFFFF;
-                font-weight: bold;
-            }
-
-            .link:hover {
-                color: #FFFFFF;
-            }
-        }
-    }
-
-    .header {
-        .logo {
-            position: relative;
-            z-index: 10;
-            font-size: 0;
-
-            img {
-                max-height: 26px;
-            }
-        }
-
-        .main {
-            height: 45px;
-        }
-
-        .menu {
-
-            .menu-group.iFadeIn,
-            .menu-mask.iFadeIn {
-                animation: mobileHeaderFadeIn 1.2s;
-            }
-
-            .menu-group.iFadeOut,
-            .menu-mask.iFadeOut {
-                animation: mobileHeaderFadeOut 1.2s;
-            }
-
-            .menu-group {
-                z-index: 10;
-                display: none;
-                position: fixed;
-                left: 0;
-                top: 45px;
-                right: 0;
-            }
-
-            .menu-mask {
-                z-index: 5;
-                display: none;
-                position: fixed;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background-color: #000000;
-                opacity: 0.9;
-            }
-
-            .menu-btn {
-                display: block;
-                z-index: 10;
-                position: relative;
-                font-size: 0;
-
-                .btn-img {
-                    max-width: 26px;
-                }
-            }
-
-            .item {
-                margin-left: 0;
-                padding: 0 18px;
-
-                .link {
-                    display: block;
-                    box-sizing: border-box;
-                    border-bottom: 1px solid #737373;
-                    padding: 13px 0;
-                    font-size: 16px;
-                }
-            }
-        }
-    }
-
-    .footer {
-        .logo-bottom {
-            max-height: 26px;
-        }
-
-        .main {
-            .row {
-                font-size: @mt;
-                margin-top: 15px;
-            }
-
-            .tel {
-                width: 208px;
-                font-size: @mt;
-                padding: 10px;
-            }
-        }
-    }
-
-    .section.main-banner {
-        .item {
-            height: 255px;
-        }
-
-        .swiper-pagination {
-            display: none;
-        }
-    }
-
-    .banner-text {
-        padding-top: 25px;
-
-        p:nth-child(1) {
-            font-size: @xt;
-            line-height: 18px;
-            margin-bottom: 15px;
-        }
-
-        p:nth-child(2) {
-            font-size: @st;
-            line-height: 16px;
-        }
-    }
-
-    .section {
-        .section-title.style-1 {
-            .title {
-                font-size: @xt;
-                line-height: 18px;
-            }
-
-            .title::before,
-            .title::after {
-                width: 29px;
-                height: 2px;
-            }
-        }
-    }
-
-    .section.idx-about {
-        margin-top: 20px;
-
-        .ia-container {
-            margin-top: 20px;
-            font-size: @mt;
-            line-height: 20px;
-        }
-
-        .ia-image {
-            margin-top: 20px;
-        }
-    }
-
-    .section.idx-culture {
-        margin-top: 35px;
-        margin-bottom: 35px;
-
-        .culture-item:first-child {
-            margin-top: 20px;
-        }
-
-        .culture-item {
-            height: auto;
-            margin-top: 10px;
-            padding: 20px;
-            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        }
-
-        .title {
-            margin-bottom: 14px;
-
-            .text {
-                font-size: @mt;
-            }
-
-            .cover {
-                width: 15px;
-                height: 15px;
-                margin-right: 8px;
-            }
-        }
-
-        .desc {
-            font-size: @st;
-            line-height: 18px;
-        }
-    }
-
-    .section.sec-banner {
-        height: 174px;
-
-        .banner-text {
-            padding-top: 45px;
-        }
-    }
-
-    .full-wrap.about {
-        background-color: unset;
-    }
-
-    .section.about-textarea {
-        padding-top: 20px;
-        padding-bottom: 35px;
-
-        .at-img {
-            max-height: 30px;
-        }
-
-        .content {
-            margin-top: 20px;
-            font-size: @mt;
-            line-height: 20px;
-        }
-
-        .img-group {
-            margin-top: 30px;
-
-            .item {
-                width: 32%;
-                height: auto;
-            }
-        }
-
-    }
-
-    .section.mapcont {
-        margin-top: 0;
-
-        .mcont {
-            margin-top: 25px;
-        }
-    }
-
-    .section.addrcont {
-        margin-top: 20px;
-        margin-bottom: 50px;
-
-        .aacont {
-            margin-top: 25px;
-
-            li::before {
-                width: 19px;
-                height: 19px;
-                margin-top: 2px;
-            }
-
-            li:nth-child(2) {
-                margin-top: 15px;
-            }
-
-            li {
-                width: 100%;
-                float: unset;
-                margin-top: 15px;
-                align-items: flex-start;
-            }
-
-            a {
-                font-size: @mt;
-                line-height: unset;
-                margin-left: 7px;
-            }
-        }
-    }
-
-    .section.contact-map {
-        margin-top: 30px;
-        height: 250px;
-
-        .cm-desc {
-            width: 339px;
-            border: 1px solid #DDDDDD;
-            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-
-            .logo {
-                width: 127px;
-                height: 127px;
-            }
-
-            .desc {
-                width: auto;
-                padding: 14px;
-            }
-        }
-
-        .cm-map {
-            top: 30px;
-            height: 220px;
-            background-size: cover;
-        }
-
-        .title {
-            h1 {
-                font-size: @xt;
-                margin-bottom: 0;
-                line-height: 18px;
-            }
-
-            p {
-                font-size: @st;
-            }
-        }
-
-        .items {
-            li {
-                margin-top: 5px;
-            }
-
-            img {
-                width: 13px;
-                height: 13px;
-            }
-
-            p {
-                font-size: @st;
-                line-height: 14px;
-            }
-        }
-    }
-
-    .section.paragraph-content {
-        margin-top: 35px;
-        margin-bottom: 37px;
-
-        .paragraph {
-            .title {
-                font-size: @xt;
-                line-height: 18px;
-                text-align: center;
-                margin-bottom: 18px;
-            }
-
-            .content {
-                font-size: @mt;
-                line-height: 20px;
-            }
-        }
-    }
-
-    .section.cooperate {
-        .content {
-            font-size: @mt;
-            line-height: 20px;
-            margin-top: 28px;
-            margin-bottom: 35px;
-        }
-    }
-
-    .section.article-detail {
-        margin-top: 0;
-        margin-bottom: 40px;
-
-        .title {
-            padding: 20px 0;
-            text-align: left;
-            border-bottom: 2px dashed #E5E5E5;
-
-            h1 {
-                font-size: @xt;
-                line-height: 20px;
-            }
-        }
-
-        .content {
-            padding: 12px 0;
-            font-size: @mt;
-            line-height: 20px;
-        }
-
-        .close-page {
-            display: none;
-        }
-    }
-
-    .section.story-cont {
-        margin-top: 24px;
-
-        .title {
-            font-size: @xt;
-            text-align: center;
-            margin-bottom: 12px;
-        }
-
-        .image-con {
-            border-radius: 0;
-
-            .text-con {
-                padding: 9px 10px;
-
-                p {
-                    height: 16px;
-                    font-size: @mt;
-                    line-height: 16px;
-                }
-            }
-        }
-
-        .story-item:nth-child(2n) {
-            .desc {
-                border-radius: 0;
-            }
-        }
-
-        .story-item {
-            .img {
-                width: 100%;
-                height: 188px;
-                border-radius: 0;
-                float: unset;
-            }
-
-            .desc {
-                width: 100%;
-                height: auto;
-                border-radius: 0;
-                float: unset;
-                margin-top: 0;
-                padding: 30px 20px;
-            }
-
-            .text {
-                display: inline-block;
-                font-size: @mt;
-                line-height: 20px;
-                margin-bottom: 20px;
-            }
-
-            .text:nth-child(2) {
-                color: #666666;
-                margin-left: 10px;
-            }
-
-            .content {
-                font-size: @st;
-                line-height: 20px;
-            }
-        }
-    }
-
-    .section.story-cont.last {
-        margin-bottom: 24px;
-    }
-
-    .s-section {
-        .s-title {
-            font-size: @xt;
-            line-height: 16px;
-            text-align: center;
-        }
-    }
-
-    .s-section.s1-first {
-        margin-top: 30px;
-        margin-bottom: 30px;
-    }
-
-    .section.business-nav {
-        width: 100%;
-        margin-top: 10px;
-
-        .nav {
-            li {
-                width: auto;
-                padding: 0;
-            }
-
-            a {
-                display: block;
-                width: 100%;
-                color: #666666;
-                font-size: @st;
-                line-height: 30px;
-                padding: 2px 12px;
-                box-sizing: border-box;
-            }
-        }
-    }
-
-    .section.business-cont {
-        .title {
-            font-size: 0px;
-
-            h2 {
-                font-size: @xt;
-                line-height: 18px;
-            }
-        }
-
-        .title::after {
-            width: 29px;
-            height: 2px;
-            margin-top: 10px;
-        }
-    }
-
-    .business-cont.s1 {
-        margin-top: 25px;
-    }
-
-    .business-cont.s2 {
-        margin-top: 30px;
-
-        .mid-box {
-            margin: 15px 0 5px 0;
-
-            .ad-text {
-                font-size: @st;
-                font-weight: normal;
-                text-align: center;
-            }
-        }
-    }
-
-    .business-cont.s3 {
-        margin-top: 50px;
-        padding-bottom: 0;
-        padding-top: 0;
-        background-color: unset;
-
-        .mid-box {
-            margin-top: 20px;
-            margin-bottom: 20px;
-
-            .num {
-                font-size: @st;
-                line-height: 18px;
-            }
-
-            .desc {
-                font-size: @st;
-                line-height: 18px;
-                margin-top: 10px;
-            }
-
-            .cont {
-                width: 100%;
-            }
-
-            li {
-                width: 33.33333%;
-            }
-
-            li::after {
-                height: 26px;
-            }
-        }
-    }
-
-    .business-cont.s4 {
-        padding: 30px 0;
-    }
-
-    .s-content.g1 {
-        text-align: center;
-
-        li {
-            width: 46%;
-            margin-left: 2%;
-            margin-right: 2%;
-        }
-
-        li:nth-child(4n) {
-            margin-right: 2%;
-        }
-
-        .icon {
-            width: 57px;
-            height: 41px;
-        }
-
-        h4 {
-            font-size: @mt;
-            margin: 15px 0;
-        }
-
-        p {
-            font-size: @st;
-        }
-
-        .item {
-            width: 100%;
-            height: auto;
-            padding: 20px 0;
-            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-            border-radius: 10px;
-        }
-    }
-
-    .s-content.g2 {
-        li {
-            float: initial;
-            margin-right: 0;
-        }
-
-        .item {
-            width: 100%;
-            height: auto;
-            border: 1px solid #DDDDDD;
-            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        }
-
-        .icon-cont {
-            height: auto;
-        }
-
-        .desc {
-            padding: 15px;
-            height: auto;
-
-            h4 {
-                font-size: @mt;
-                margin-bottom: 10px;
-            }
-
-            p {
-                font-size: @st;
-            }
-        }
-    }
-
-    .s-content.g3,
-    .s-content.g4 {
-        ul {
-            text-align: center;
-        }
-
-        li {
-            width: 46%;
-            margin-left: 2%;
-            margin-right: 2%;
-            margin-top: 12px;
-        }
-
-        li:nth-child(3n) {
-            margin-right: 2%;
-        }
-
-        .item {
-            width: 100%;
-            height: auto;
-            border: 1px solid #DDDDDD;
-            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        }
-
-        .desc {
-            text-align: left;
-
-            .i-title {
-                height: 20px;
-                font-size: @mt;
-                margin-bottom: 5px;
-                line-height: 20px;
-            }
-
-            .i-desc {
-                height: 32px;
-                font-size: @st;
-                line-height: 16px;
-                color: #666666;
-            }
-        }
-
-        .icon-cont {
-            height: auto;
-        }
-
-        .desc {
-            height: auto;
-            padding: 10px;
-        }
-
-        // g4
-        .btn {
-            height: auto;
-            padding: 10px;
-        }
-
-        .btn {
-            .b-text {
-                width: 130px;
-                height: 26px;
-                line-height: 26px;
-                font-size: @st;
-            }
-        }
-    }
-
-    .s-content.g5 {
-        margin-top: 15px;
-
-        .item {
-            width: 100px;
-
-            img {
-                width: 26px;
-                height: 26px;
-            }
-
-            p {
-                font-size: @mt;
-                line-height: 20px;
-                margin-top: 15px;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 44e69cf..db5d386 100644
--- a/css/style.css
+++ b/css/style.css
@@ -119,7 +119,7 @@
 }
 .header .menu .link {
   font-size: 0.18rem;
-  transition: all 0.35s;
+  transition: color 0.35s;
 }
 .footer {
   width: 100%;
@@ -208,6 +208,7 @@
 }
 .section.main-banner .swiper-pagination {
   bottom: 0.4rem;
+  font-size: 0;
 }
 .section.main-banner .item {
   display: flex;
@@ -225,10 +226,10 @@
   opacity: 0;
 }
 .section.main-banner .banner-text p:nth-child(1) {
-  transition: 0.8s ease 0.4s;
+  transition: transform 0.8s ease 0.4s, opacity 0.8s ease 0.4s;
 }
 .section.main-banner .banner-text p:nth-child(2) {
-  transition: 0.8s ease 0.6s;
+  transition: transform 0.8s ease 0.6s, opacity 0.8s ease 0.6s;
 }
 .section.main-banner .swiper-slide-active .banner-text p:nth-child(1),
 .section.main-banner .swiper-slide-active .banner-text p:nth-child(2) {
@@ -289,13 +290,13 @@
   font-size: 0.3rem;
   font-weight: bold;
   color: #000001;
-  transition: all 0.35s;
+  transition: color 0.35s;
 }
 .section.idx-culture .desc {
   font-size: 0.24rem;
   color: #666666;
 }
-.section.idx-culture .cultrue-item:hover .text {
+.section.idx-culture .culture-item:hover .text {
   color: #E72A3A;
 }
 .section.sec-banner {
@@ -422,7 +423,7 @@
   font-size: 0.2rem;
   color: #040000;
   margin-left: 0.1rem;
-  transition: all 0.35s;
+  transition: color 0.35s;
 }
 .section.addrcont .aacont a:hover {
   color: #E72A3A;
@@ -633,6 +634,7 @@
   font-size: 0.24rem;
   font-weight: bold;
   color: #999999;
+  transition: color 0.35s;
 }
 .section.business-nav .nav a:hover,
 .section.business-nav .nav a.active {
@@ -753,7 +755,7 @@
   font-weight: bold;
   color: #333333;
   line-height: 0.24rem;
-  transition: all 0.35s;
+  transition: color 0.35s;
 }
 .s-content.g1 p {
   height: 0.2rem;
@@ -765,7 +767,7 @@
   width: 1.15rem;
   height: 0.8rem;
   object-fit: cover;
-  transition: all 0.35s;
+  transition: transform 0.35s;
 }
 .s-content.g1 .item:hover h4 {
   color: #E72A3A;
@@ -799,7 +801,7 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
-  transition: all 0.35s;
+  transition: transform 0.35s;
 }
 .s-content.g2 .desc {
   width: 100%;
@@ -817,7 +819,7 @@
   color: #333333;
   line-height: 0.2rem;
   margin-bottom: 0.18rem;
-  transition: all 0.35s;
+  transition: color 0.35s;
 }
 .s-content.g2 .desc p {
   height: 0.4rem;
@@ -883,7 +885,7 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
-  transition: all 0.35s;
+  transition: transform 0.35s;
 }
 .s-content.g3 .desc,
 .s-content.g4 .desc {
@@ -902,7 +904,7 @@
   color: #333333;
   line-height: 0.2rem;
   margin-bottom: 0.18rem;
-  transition: all 0.35s;
+  transition: color 0.35s;
 }
 .s-content.g3 .desc .i-desc,
 .s-content.g4 .desc .i-desc {
diff --git a/css/style.less b/css/style.less
index eb91605..9191652 100644
--- a/css/style.less
+++ b/css/style.less
@@ -154,7 +154,7 @@
 
         .link {
             font-size: 0.18rem;
-            transition: all .35s;
+            transition: color .35s;
         }
     }
 }
@@ -267,6 +267,7 @@
 
     .swiper-pagination {
         bottom: 0.4rem;
+        font-size: 0;
     }
 
     .item {
@@ -289,11 +290,13 @@
         }
 
         p:nth-child(1) {
-            transition: .8s ease .4s;
+            transition: transform .8s ease .4s,
+            opacity .8s ease .4s;
         }
 
         p:nth-child(2) {
-            transition: .8s ease .6s;
+            transition: transform .8s ease .6s,
+            opacity .8s ease .6s;
         }
     }
 
@@ -368,7 +371,7 @@
             font-size: 0.3rem;
             font-weight: bold;
             color: #000001;
-            transition: all .35s;
+            transition: color .35s;
         }
     }
 
@@ -377,7 +380,7 @@
         color: #666666;
     }
 
-    .cultrue-item:hover {
+    .culture-item:hover {
         .text {
             color: #E72A3A;
         }
@@ -529,7 +532,6 @@
             display: inline-block;
             width: 0.27rem;
             height: 0.27rem;
-            // background-image: url('../images/daohang.png');
             background-size: 100%;
             flex-shrink: 0;
         }
@@ -538,7 +540,7 @@
             font-size: 0.2rem;
             color: #040000;
             margin-left: 0.1rem;
-            transition: all .35s;
+            transition: color .35s;
         }
 
         a:hover {
@@ -798,6 +800,7 @@
             font-size: 0.24rem;
             font-weight: bold;
             color: #999999;
+            transition: color .35s;
         }
 
         a:hover,
@@ -948,7 +951,7 @@
         font-weight: bold;
         color: #333333;
         line-height: 0.24rem;
-        transition: all .35s;
+        transition: color .35s;
     }
 
     p {
@@ -962,7 +965,7 @@
         width: 1.15rem;
         height: 0.8rem;
         object-fit: cover;
-        transition: all .35s;
+        transition: transform .35s;
     }
 
     .item:hover {
@@ -1006,7 +1009,7 @@
             width: 100%;
             height: 100%;
             object-fit: cover;
-            transition: all .35s;
+            transition: transform .35s;
         }
     }
 
@@ -1026,7 +1029,7 @@
             color: #333333;
             line-height: 0.2rem;
             margin-bottom: 0.18rem;
-            transition: all .35s;
+            transition: color .35s;
         }
 
         p {
@@ -1106,7 +1109,7 @@
             width: 100%;
             height: 100%;
             object-fit: cover;
-            transition: all .35s;
+            transition: transform .35s;
         }
     }
 
@@ -1125,7 +1128,7 @@
             color: #333333;
             line-height: 0.2rem;
             margin-bottom: 0.18rem;
-            transition: all .35s;
+            transition: color .35s;
         }
 
         .i-desc {
diff --git a/css/style.less.bak b/css/style.less.bak
deleted file mode 100644
index 75908fd..0000000
--- a/css/style.less.bak
+++ /dev/null
@@ -1,1158 +0,0 @@
-// main max width
-@mw: 1366px;
-
-@keyframes headerFadeIn {
-    0% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
-@keyframes headerFadeInDown {
-    0% {
-        opacity: 0;
-        transform: translateY(-100%);
-    }
-
-    100% {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-.limit-line {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}
-
-.clamp-1 {
-    -webkit-line-clamp: 1;
-}
-
-.clamp-2 {
-    -webkit-line-clamp: 2;
-}
-
-.clamp-3 {
-    -webkit-line-clamp: 3;
-}
-
-.clearfix {
-    zoom: 1;
-}
-
-.clearfix::after {
-    display: block;
-    content: '';
-    clear: both;
-}
-
-.full-wrap {
-    width: 100%;
-}
-
-.main-wrap {
-    width: @mw;
-    margin: 0 auto;
-}
-
-.mg-center {
-    margin-top: 0;
-    margin-bottom: 0;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.header.style1 {
-    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
-    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
-    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
-    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
-    background-color: unset;
-
-    .menu {
-        .link {
-            color: #FFFFFF;
-        }
-
-        .link.active {
-            color: #FFFFFF;
-            font-weight: bold;
-        }
-
-        .link:hover {
-            color: #E72A3A;
-        }
-    }
-}
-
-.header.style2 {
-    background-color: #FFFFFF;
-    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-
-    .menu {
-        .link {
-            color: #666666;
-        }
-
-
-        .link.active {
-            color: #E72A3A;
-            font-weight: bold;
-        }
-
-        .link:hover {
-            color: #E72A3A;
-        }
-    }
-}
-
-.header {
-    z-index: 20;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    width: 100%;
-    animation-name: headerFadeInDown;
-    animation-duration: 0.8s;
-    transition: all .35s;
-    box-sizing: border-box;
-
-    .main {
-        height: 90px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .logo {
-        img {
-            max-height: 50px;
-        }
-    }
-
-    .menu {
-        .menu-group {
-            display: flex;
-        }
-
-        .menu-btn,
-        .menu-mask {
-            display: none;
-        }
-
-        .item {
-            margin-left: 50px;
-        }
-
-        .link {
-            font-size: 18px;
-            transition: all .35s;
-        }
-    }
-}
-
-.footer {
-    width: 100%;
-    background-color: #343434;
-
-    .main {
-        padding: 30px 0;
-
-        .row:first-child {
-            margin-top: 0;
-        }
-
-        .row {
-            font-size: 18px;
-            color: #FFFFFF;
-            text-align: center;
-            line-height: 20px;
-            margin-top: 20px;
-        }
-
-        .tel {
-            display: inline-block;
-            width: 355px;
-            border: 2px solid #DDDDDD;
-            border-radius: 30px;
-            padding: 20px;
-            font-size: 24px;
-        }
-
-        .icp {
-            color: #999999;
-        }
-    }
-}
-
-.banner-text {
-    color: #FFFFFF;
-    text-align: center;
-
-    p:nth-child(1) {
-        font-size: 38px;
-        margin-bottom: 25px;
-        line-height: 38px;
-    }
-
-    p:nth-child(2) {
-        font-size: 30px;
-        line-height: 30px;
-    }
-
-    .cname {
-        color: #E30020;
-    }
-}
-
-.section {
-    .section-title {
-        text-align: center;
-    }
-
-    .section-title.style-1 {
-        .title {
-            font-size: 36px;
-            line-height: 36px;
-            font-weight: bold;
-            color: #141414;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            .rtext {
-                color: #E50020;
-            }
-        }
-
-        .title::before,
-        .title::after {
-            content: '';
-            display: inline-block;
-            width: 58px;
-            height: 3px;
-            background: #D4D4D4;
-            margin: 0 15px;
-        }
-    }
-}
-
-.section.main-banner {
-    width: 100%;
-
-    .swiper-slide {
-        display: flex;
-    }
-
-    .swiper-pagination-bullet {
-        width: 40px;
-        height: 2px;
-        background: #F8F8F8;
-        border-radius: 0;
-        opacity: 1;
-    }
-
-    .swiper-pagination-bullet-active {
-        background: #E50020;
-    }
-
-    .swiper-pagination {
-        bottom: 40px;
-    }
-
-    .item {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 100%;
-        height: 720px;
-        background-repeat: no-repeat;
-        background-position: center center;
-        background-size: cover;
-    }
-
-    .banner-text {
-
-        p:nth-child(1),
-        p:nth-child(2) {
-            transform: translate3d(0, 20px, 0);
-            opacity: 0;
-        }
-
-        p:nth-child(1) {
-            transition: .8s ease .4s;
-        }
-
-        p:nth-child(2) {
-            transition: .8s ease .6s;
-        }
-    }
-
-    .swiper-slide-active .banner-text {
-
-        p:nth-child(1),
-        p:nth-child(2) {
-            opacity: 1;
-            transform: translate3d(0, 0, 0);
-        }
-    }
-}
-
-.section.idx-about {
-    margin-top: 60px;
-
-    .ia-container {
-        margin-top: 70px;
-        font-size: 20px;
-        color: #666666;
-        line-height: 36px;
-    }
-
-    .ia-image {
-        max-width: 100%;
-        margin-top: 80px;
-        font-size: 0;
-
-        img {
-            width: 100%;
-        }
-    }
-}
-
-.section.idx-culture {
-    margin-top: 90px;
-    margin-bottom: 60px;
-
-    .ic-container {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-    }
-
-    .culture-item {
-        display: flex;
-        justify-content: space-between;
-        flex-direction: column;
-        width: 650px;
-        height: 156px;
-        background: rgba(248, 248, 248, 0);
-        border: 1px solid #DDDDDD;
-        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        border-radius: 20px;
-        box-sizing: border-box;
-        padding: 30px;
-        margin-top: 48px;
-    }
-
-    .title {
-        display: flex;
-        align-items: center;
-
-        .cover {
-            width: 30px;
-            height: 30px;
-            object-fit: scale-down;
-            margin-right: 15px;
-        }
-
-        .text {
-            font-size: 30px;
-            font-weight: bold;
-            color: #000001;
-            transition: all .35s;
-        }
-    }
-
-    .desc {
-        font-size: 24px;
-        color: #666666;
-    }
-
-    .cultrue-item:hover {
-        .text {
-            color: #E72A3A;
-        }
-    }
-}
-
-.section.sec-banner {
-    width: 100%;
-    height: 450px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: cover;
-
-    .banner-text {
-        padding-top: 60px;
-    }
-}
-
-.section.article-detail {
-    margin-top: 50px;
-    margin-bottom: 50px;
-
-    .title {
-        padding: 30px 0;
-        text-align: center;
-        border-bottom: 4px dashed #E5E5E5;
-
-        h1 {
-            font-size: 28px;
-            font-weight: normal;
-            color: #333333;
-        }
-    }
-
-    .content {
-        padding: 30px 0;
-
-        img {
-            max-width: 100%;
-        }
-    }
-
-    .close-page {
-        text-align: center;
-        margin-top: 100px;
-
-        .btn {
-            width: 160px;
-            height: 35px;
-            font-size: 15px;
-            line-height: 35px;
-            background-color: #E72A3A;
-            border: 1px solid #E72A3A;
-            color: #FFFFFF;
-            transition: all .35s;
-            outline: none;
-            cursor: pointer;
-        }
-
-        .btn:hover {
-            background-color: #b8232f;
-        }
-    }
-}
-
-.full-wrap.about {
-    background-color: #F7F7F7;
-}
-
-.section.about-textarea {
-    padding: 90px 0 65px 0;
-
-    .content {
-        font-size: 20px;
-        color: #666666;
-        line-height: 36px;
-        margin-top: 60px;
-    }
-
-    .img-group {
-        margin-top: 50px;
-        display: flex;
-        justify-content: space-between;
-
-        .item {
-            width: 442px;
-            height: 312px;
-            // float: left;
-            // margin-right: 20px;
-        }
-
-        // .item:nth-child(3n) {
-        //     margin-right: 0;
-        // }
-
-        img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-    }
-}
-
-.section.mapcont {
-    margin-top: 70px;
-
-    .mcont {
-        margin-top: 70px;
-        text-align: center;
-        font-size: 0;
-
-        a {
-            display: block;
-            width: 100%;
-        }
-
-        img {
-            max-width: 100%;
-        }
-    }
-}
-
-.section.addrcont {
-    margin-top: 70px;
-    margin-bottom: 90px;
-
-    .aacont {
-        margin-top: 70px;
-
-        li {
-            width: 50%;
-            float: left;
-            display: flex;
-            align-items: center;
-            margin-top: 35px;
-        }
-
-        li:nth-child(1),
-        li:nth-child(2) {
-            margin-top: 0;
-        }
-
-        li::before {
-            content: '';
-            display: inline-block;
-            width: 27px;
-            height: 27px;
-            // background-image: url('../images/daohang.png');
-            background-size: 100%;
-            flex-shrink: 0;
-        }
-
-        a {
-            font-size: 20px;
-            color: #040000;
-            margin-left: 10px;
-            transition: all .35s;
-        }
-
-        a:hover {
-            color: #E72A3A;
-        }
-    }
-}
-
-.section.contact-map {
-    position: relative;
-    margin-top: 100px;
-    height: 690px;
-
-    .cm-desc {
-        z-index: 5;
-        position: relative;
-        width: 1045px;
-        display: flex;
-        border: 2px solid #DDDDDD;
-        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        box-sizing: border-box;
-        margin: 0 auto;
-
-        .logo {
-            width: 392px;
-            height: 392px;
-        }
-
-        .desc {
-            width: 653px;
-            padding: 35px;
-            box-sizing: border-box;
-            display: flex;
-            justify-content: space-between;
-            flex-direction: column;
-            background-color: #ffffff;
-        }
-    }
-
-    .cm-map {
-        display: block;
-        position: absolute;
-        top: 170px;
-        height: 520px;
-        background-repeat: no-repeat;
-        background-position: center;
-    }
-
-    .title {
-        h1 {
-            font-size: 36px;
-            font-weight: bold;
-            color: #000000;
-            line-height: 36px;
-            margin-bottom: 30px;
-            letter-spacing: 3px;
-        }
-
-        span {
-            color: #E50020;
-        }
-
-        p {
-            font-size: 24px;
-            color: #333333;
-            line-height: 24px;
-        }
-    }
-
-    .items {
-        li {
-            display: flex;
-            align-items: center;
-            margin-top: 12px;
-        }
-
-        img {
-            width: 37px;
-            height: 37px;
-            margin-right: 15px;
-        }
-
-        p {
-            font-size: 18px;
-            font-weight: bold;
-            color: #333333;
-        }
-    }
-}
-
-.section.paragraph-content {
-    margin-top: 100px;
-    margin-bottom: 100px;
-
-    .paragraph:first-child {
-        margin-top: 0;
-    }
-
-    .paragraph {
-        margin-top: 30px;
-
-        .title {
-            font-size: 24px;
-            font-weight: bold;
-            color: #E50020;
-            line-height: 24px;
-            margin-bottom: 30px;
-        }
-
-        // .content {
-        //     font-size: 24px;
-        //     color: #666666;
-        //     line-height: 36px;
-        // }
-    }
-}
-
-.section.cooperate {
-    .content {
-        margin-top: 60px;
-        margin-bottom: 60px;
-    }
-}
-
-.section.story-cont.last {
-    margin-bottom: 100px;
-}
-
-.section.story-cont {
-    margin-top: 40px;
-
-    .title {
-        font-size: 24px;
-        font-weight: bold;
-        color: #E50020;
-        margin-bottom: 25px;
-        line-height: 24px;
-    }
-
-    .image-con {
-        position: relative;
-        width: 100%;
-        font-size: 0;
-
-        .swiper-slide {
-            border-radius: 20px;
-            overflow: hidden;
-        }
-
-        img {
-            max-width: 100%;
-        }
-
-        .text-con {
-            position: absolute;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            width: 100%;
-            padding: 30px 60px;
-            box-sizing: border-box;
-
-            p {
-                height: 30px;
-                line-height: 30px;
-                // background-image: url('../images/transparent-bg.png');
-                font-size: 24px;
-                font-weight: bold;
-                color: #FFFFFF;
-                box-sizing: border-box;
-            }
-        }
-    }
-
-    .story-item:first-child {
-        margin-top: 0;
-    }
-
-    .story-item {
-        margin-top: 20px;
-
-        .desc {
-            width: 700px;
-            height: 360px;
-            background: #F5F5F5;
-            border-radius: 20px 0 0 20px;
-            overflow: hidden;
-            float: left;
-            margin-top: 40px;
-            box-sizing: border-box;
-            padding: 28px;
-        }
-
-        .img {
-            width: 666px;
-            height: 440px;
-            background: #E5E5E5;
-            border-radius: 20px;
-            overflow: hidden;
-            flex-shrink: 0;
-            float: right;
-
-            img {
-                width: 100%;
-                height: 100%;
-                object-fit: cover;
-            }
-        }
-
-        .text {
-            font-size: 24px;
-            font-weight: bold;
-            color: #000000;
-            line-height: 24px;
-            margin-bottom: 30px;
-        }
-
-        .content {
-            font-size: 20px;
-            color: #000000;
-            line-height: 30px;
-        }
-    }
-
-    .story-item:nth-child(2n) {
-        .desc {
-            float: right;
-            border-radius: 0 20px 20px 0;
-        }
-
-        .img {
-            float: left;
-        }
-    }
-}
-
-.section.business-nav {
-    .nav {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-
-        li {
-            display: inline-block;
-            width: 340px;
-            text-align: center;
-            padding: 40px 0;
-        }
-
-        a {
-            font-size: 24px;
-            font-weight: bold;
-            color: #999999;
-        }
-
-        a:hover,
-        a.active {
-            color: #E50524;
-        }
-    }
-}
-
-.section.business-cont {
-    .title {
-        width: 100%;
-        text-align: center;
-
-        h2 {
-            font-size: 30px;
-            font-weight: bold;
-            color: #E72A3A;
-        }
-    }
-
-    .title::after {
-        content: '';
-        display: inline-block;
-        width: 58px;
-        height: 3px;
-        background: #E72A3A;
-    }
-}
-
-.s-section {
-    .s-title {
-        font-size: 24px;
-        font-weight: bold;
-        color: #333333;
-        line-height: 24px;
-    }
-}
-
-.s-section.s1-first {
-    margin-bottom: 80px;
-    margin-top: 12px;
-}
-
-.business-cont.s1 {
-    margin-top: 100px;
-}
-
-.business-cont.s2 {
-    margin-top: 100px;
-
-    .mid-box {
-        margin-top: 40px;
-
-        .ad-text {
-            font-size: 20px;
-            font-weight: bold;
-            color: #666666;
-            line-height: 20px;
-        }
-    }
-}
-
-.business-cont.s3 {
-    background-color: #F7F7F7;
-    margin-top: 70px;
-    padding-top: 50px;
-    padding-bottom: 80px;
-
-    .mid-box {
-        margin-top: 50px;
-
-        li {
-            display: flex;
-            align-items: center;
-            float: left;
-        }
-
-        li::after {
-            content: '';
-            display: block;
-            width: 2px;
-            height: 80px;
-            background: #D7D7D7;
-        }
-
-        li:nth-child(3n)::after {
-            display: none;
-        }
-
-        .cont {
-            width: 452px;
-            text-align: center;
-        }
-
-        .num {
-            font-size: 30px;
-            font-weight: bold;
-            color: #666666;
-            line-height: 30px;
-        }
-
-        .desc {
-            font-size: 24px;
-            color: #000000;
-            line-height: 24px;
-            margin-top: 35px;
-        }
-    }
-}
-
-.business-cont.s4 {
-    padding: 75px 0;
-}
-
-.s-content.g1 {
-    li {
-        float: left;
-        margin-right: 42px;
-        margin-top: 25px;
-    }
-
-    li:nth-child(4n) {
-        margin-right: 0;
-    }
-
-    .item {
-        width: 310px;
-        height: 303px;
-        background: rgba(229, 0, 32, 0);
-        border: 2px solid #DDDDDD;
-        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        border-radius: 20px;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        box-sizing: border-box;
-    }
-
-    h4 {
-        height: 24px;
-        margin: 30px 0;
-        font-size: 24px;
-        font-weight: bold;
-        color: #333333;
-        line-height: 24px;
-        transition: all .35s;
-    }
-
-    p {
-        height: 20px;
-        font-size: 20px;
-        color: #666666;
-        line-height: 20px;
-    }
-
-    .icon {
-        width: 115px;
-        height: 80px;
-        object-fit: cover;
-        transition: all .35s;
-    }
-
-    .item:hover {
-        h4 {
-            color: #E72A3A;
-        }
-
-        .icon {
-            transform: scale(1.1);
-        }
-    }
-}
-
-.s-content.g2 {
-    li {
-        float: left;
-        margin-right: 46px;
-        margin-top: 30px;
-    }
-
-    li:nth-child(2n) {
-        margin-right: 0;
-    }
-
-    .item {
-        display: block;
-        width: 660px;
-        height: 349px;
-        background: #FFFFFF;
-        border: 2px solid #DDDDDD;
-        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        box-sizing: border-box;
-    }
-
-    .icon-cont {
-        width: 100%;
-        height: 225px;
-        overflow: hidden;
-
-        .icon {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-            transition: all .35s;
-        }
-    }
-
-    .desc {
-        width: 100%;
-        height: 120px;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        padding: 0 30px;
-        box-sizing: border-box;
-
-        h4 {
-            height: 20px;
-            font-size: 20px;
-            font-weight: bold;
-            color: #333333;
-            line-height: 20px;
-            margin-bottom: 18px;
-            transition: all .35s;
-        }
-
-        p {
-            height: 40px;
-            font-size: 16px;
-            color: #333333;
-            line-height: 20px;
-        }
-    }
-
-    .item:hover {
-        h4 {
-            color: #E72A3A;
-        }
-
-        .icon {
-            transform: scale(1.1);
-        }
-    }
-}
-
-.s-content.g4 {
-
-    .btn {
-        width: 100%;
-        height: 124px;
-        padding: 0 20px;
-        box-sizing: border-box;
-    }
-
-    .btn {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        .b-text {
-            display: block;
-            width: 181px;
-            height: 40px;
-            background: #E50020;
-            border-radius: 20px;
-            text-align: center;
-            font-size: 16px;
-            color: #FFFFFF;
-            line-height: 40px;
-        }
-    }
-}
-
-.s-content.g3,
-.s-content.g4 {
-    li {
-        float: left;
-        margin-right: 53px;
-        margin-top: 50px;
-    }
-
-    li:nth-child(3n) {
-        margin-right: 0;
-    }
-
-    .item {
-        display: block;
-        width: 420px;
-        background: #FFFFFF;
-        border: 2px solid #DDDDDD;
-        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
-        box-sizing: border-box;
-    }
-
-    .icon-cont {
-        width: 100%;
-        height: 220px;
-        overflow: hidden;
-
-        .icon {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-            transition: all .35s;
-        }
-    }
-
-    .desc {
-        width: 100%;
-        height: 124px;
-        padding: 0 20px;
-        box-sizing: border-box;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-
-        .i-title {
-            font-size: 20px;
-            font-weight: bold;
-            color: #333333;
-            line-height: 20px;
-            margin-bottom: 18px;
-            transition: all .35s;
-        }
-
-        .i-desc {
-            font-size: 16px;
-            color: #333333;
-            line-height: 24px;
-        }
-    }
-
-    .item:hover {
-        .i-title {
-            color: #E72A3A;
-        }
-
-        .icon {
-            transform: scale(1.1);
-        }
-    }
-}
-
-.s-content.g5 {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    text-align: center;
-    margin-top: 60px;
-
-    .item {
-        width: 310px;
-
-        img {
-            width: 65px;
-            height: 65px;
-        }
-
-        p {
-            font-size: 24px;
-            color: #666666;
-            line-height: 36px;
-            margin-top: 50px;
-        }
-    }
-}
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index 8dcb964..9b2e05e 100644
--- a/js/main.js
+++ b/js/main.js
@@ -6,7 +6,8 @@ let isClose = true,
     header = $('.header'),
     heaerMenuGroup = $('.menu-group'),
     headerMask = $('.menu-mask'),
-    headerMenuBtn = $('.btn-img');
+    headerMenuBtn = $('.btn-img'),
+    currentRem = 0;
 
 let t1;
 function showMenu() {
@@ -38,11 +39,11 @@ $(function () {
         return windowWidth * (100 / (windowWidth > 768 ? 1920 : 750));
     }
     function rszcal() {
-        $('html').css('font-size', getRem() + "px");
+        currentRem = getRem();
+        $('html').css('font-size', currentRem + "px");
     }
     $(window).resize(rszcal);
     rszcal();
-    let currentRem = getRem();
 
     $('.header .menu-group').load('../common/header.html');
     $('.footer').load('../common/footer.html');