diff --git a/public/images/index/box-pic1.png b/public/images/index/box-pic1.png
index 4b12f417f..75005fafc 100644
Binary files a/public/images/index/box-pic1.png and b/public/images/index/box-pic1.png differ
diff --git a/public/images/index/box-pic2.png b/public/images/index/box-pic2.png
index 97c22a857..3d6fe7a02 100644
Binary files a/public/images/index/box-pic2.png and b/public/images/index/box-pic2.png differ
diff --git a/public/images/index/box-pic3.png b/public/images/index/box-pic3.png
index f0c50f771..0f6467664 100644
Binary files a/public/images/index/box-pic3.png and b/public/images/index/box-pic3.png differ
diff --git a/public/images/index/box-pic4.png b/public/images/index/box-pic4.png
index 722c9c8ce..b80864dd6 100644
Binary files a/public/images/index/box-pic4.png and b/public/images/index/box-pic4.png differ
diff --git a/public/images/index/pic.png b/public/images/index/pic.png
index 30680ff80..4a7671b2a 100644
Binary files a/public/images/index/pic.png and b/public/images/index/pic.png differ
diff --git a/resources/assets/js/pages/index.vue b/resources/assets/js/pages/index.vue
index 56bc6711e..4f61c38d9 100644
--- a/resources/assets/js/pages/index.vue
+++ b/resources/assets/js/pages/index.vue
@@ -8,7 +8,7 @@
                     </div>
                     <div class="header-nav-box">
                         <div class="header-right-one">
-                            <div class="header-right-one-language"></div>
+                            <Icon class="header-right-one-language" type="md-globe" />
                             <Dropdown trigger="click" @on-click="setLanguage">
                                 <a
                                     href="javascript:void(0)"
diff --git a/resources/assets/js/pages/login.vue b/resources/assets/js/pages/login.vue
index 932896e28..1f04887d1 100644
--- a/resources/assets/js/pages/login.vue
+++ b/resources/assets/js/pages/login.vue
@@ -91,8 +91,9 @@
                         size="large"
                         long
                         @click="onLogin"
-                        >{{ $L(loginText) }}</Button
                     >
+                    {{ $L(loginText) }}
+                    </Button>
 
                     <div v-if="loginType == 'reg'" class="login-switch">
                         {{ $L("已经有帐号？")
@@ -124,8 +125,8 @@
                             :key="key"
                             :name="key"
                             :selected="getLanguage() === key"
-                            >{{ item }}</Dropdown-item
-                        >
+                            >{{ item }}
+                        </Dropdown-item>
                     </Dropdown-menu>
                 </Dropdown>
                 <div class="login-forgot">
@@ -207,7 +208,6 @@ export default {
             this.$route.query.type == "reg"
                 ? (this.loginType = "reg")
                 : (this.loginType = "login");
-            console.log(this.$route);
         },
         loginType(val) {
             if (val == "reg") {
diff --git a/resources/assets/sass/pages/page-index.scss b/resources/assets/sass/pages/page-index.scss
index 308338751..7cdb818b7 100644
--- a/resources/assets/sass/pages/page-index.scss
+++ b/resources/assets/sass/pages/page-index.scss
@@ -1,332 +1,657 @@
-.page-warp {
-    width: 1920px;
-    margin: 0 auto;
-    .page-header {
+@media (max-width: 1919px) {
+    .page-warp {
         width: 100%;
-        height: 852px;
-        background: #8bcf70;
-        border-radius: 0px 0px 300px 300px;
-        position: relative;
-        .header-nav {
+        margin: 0 auto;
+        .page-header {
             width: 100%;
-            height: 72px;
-            display: flex;
-            .header-nav-box {
-                width: 50%;
+            height: 720px;
+            background: #8bcf70;
+            border-radius: 0px 0px 300px 300px;
+            position: relative;
+
+            .header-nav {
+                width: 100%;
+                height: 72px;
                 display: flex;
-                align-items: center;
-                justify-content: center;
-                color: #ffffff;
-                font-family: PingFangSC-Regular, PingFang SC;
-                font-size: 16px;
-                font-weight: 400;
-                position: relative;
-                .logo {
-                    width: 143px;
-                    height: 36px;
-                    background: url("../images/index/indexlogo.png") no-repeat
-                        center center;
-                    background-size: contain;
-                }
-                .header-right-one {
+                justify-content: space-between;
+                .header-nav-box {
                     display: flex;
-                    .header-right-one-language {
-                        width: 27px;
-                        height: 27px;
-                        margin-right: 8px;
-                        background: url("../images/index/language.png")
+                    justify-items: center;
+                    align-items: center;
+                    color: #ffffff;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    position: relative;
+                    .logo {
+                        width: 65px;
+                        height: 36px;
+                        background: url("../images/index/indexlogo.png")
                             no-repeat center center;
                         background-size: contain;
+                        margin: 0 20px 0 20px;
                     }
-                    .header-right-one-dropdown {
-                        color: #ffffff;
+
+                    .header-right-one {
+                        display: flex;
+                        align-items: center;
+                        font-size: 12px;
+                        min-width: 75px;
+                        .header-right-one-language {
+                            margin-right: 4px;
+                        }
+                        .header-right-one-dropdown {
+                            color: #ffffff;
+                        }
+                    }
+                    .header-right-two {
+                        font-size: 12px;
+                        margin: 0 5px 0 5px;
+                        cursor: pointer;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                    }
+                    .header-right-three {
+                        max-width: 85px;
+                        font-size: 12px;
+                        height: 36px;
+                        background: #ffa25a;
+                        border-radius: 4px;
+                        text-align: center;
+                        line-height: 36px;
+                        cursor: pointer;
+                        margin-right: 10px;
+                        padding: 0 5px 0 5px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
                     }
                 }
-                .header-right-two {
-                    margin: 0 30px 0 30px;
-                    cursor: pointer;
-                }
-                .header-right-three {
-                    min-width: 100px;
-                    height: 36px;
-                    background: #ffa25a;
-                    border-radius: 4px;
-                    text-align: center;
-                    line-height: 36px;
-                    cursor: pointer;
-                }
             }
-        }
-        .header-content {
-            width: 950px;
-            margin: 0 auto;
-            .header-title {
-                font-size: 48px;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                color: #ffffff;
-                line-height: 67px;
-                text-align: center;
-            }
-            .header-title-one {
-                margin-top: 40px;
-            }
-            .header-tips {
-                width: 950px;
-                font-size: 24px;
-                font-family: PingFangSC-Regular, PingFang SC;
-                font-weight: 400;
-                color: #ffffff;
-                line-height: 36px;
-                text-align: center;
-
-                margin-top: 22px;
-            }
-            .login-buttom {
-                width: 150px;
-                height: 48px;
-                background: #ffa25a;
-                border-radius: 8px;
-                font-size: 18px;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                color: #ffffff;
-                line-height: 48px;
-                text-align: center;
-                margin: 0 auto;
-                margin-top: 34px;
-                cursor: pointer;
-            }
-        }
-
-        .header-bg {
-            width: 100%;
-            height: 405px;
-            background: url("../images/index/decoration.png") no-repeat center
-                center;
-            background-size: contain;
-            position: absolute;
-            bottom: 0;
-            z-index: -999;
-        }
-        .header-pic {
-            width: 920px;
-            height: 528px;
-            background: url("../images/index/pic.png") no-repeat center center;
-            background-size: contain;
-            position: absolute;
-            left: 50%;
-            margin-left: -460px;
-            bottom: -202px;
-        }
-    }
-    .page-main {
-        width: 1200px;
-        margin: 0 auto;
-        margin-top: 388px;
-        .main-box-one {
-            height: 388px;
-            position: relative;
-            margin-bottom: 180px;
-            .box-one-square {
-                width: 200px;
-                height: 200px;
-                background: #8bcf70;
-                border-radius: 30px;
-                opacity: 0.15;
-                float: left;
-            }
-            .box-one-pic1 {
-                width: 600px;
-                height: 338px;
-                background: url("../images/index/box-pic1.png") no-repeat center
-                    center;
-                background-size: contain;
-                position: absolute;
-                margin: 50px 0 0 50px;
-                -webkit-box-shadow: 0px 0px 10px #a9a4a4;
-                -moz-box-shadow: 0px 0px 10px #a9a4a4;
-                box-shadow: 0px 0px 10px #a9a4a4;
-                border-radius: 10px;
-            }
-            .box-one-pic3 {
-                width: 600px;
-                height: 338px;
-                background: url("../images/index/box-pic3.png") no-repeat center
-                    center;
-                background-size: contain;
-                position: absolute;
-                margin: 50px 0 0 50px;
-                -webkit-box-shadow: 0px 0px 10px #a9a4a4;
-                -moz-box-shadow: 0px 0px 10px #a9a4a4;
-                box-shadow: 0px 0px 10px #a9a4a4;
-                border-radius: 10px;
-            }
-            .box-one-tips {
-                width: 460px;
-                position: absolute;
-                right: 0;
-            }
-            .box-square {
-                width: 38px;
-                height: 38px;
-                background: url("../images/index/square.png") no-repeat center
-                    center;
-                background-size: contain;
-                margin-top: 119px;
-            }
-            .box-title {
-                font-size: 32px;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                color: #333333;
-                line-height: 45px;
-                margin: 6px 0 18px 0;
-            }
-            .box-tips {
-                font-size: 18px;
-                font-family: PingFangSC-Regular, PingFang SC;
-                font-weight: 400;
-                color: #828282;
-                line-height: 28px;
-            }
-        }
-        .main-box-two {
-            height: 388px;
-            position: relative;
-            margin-bottom: 180px;
-            .box-two-square {
-                width: 200px;
-                height: 200px;
-                background: #8bcf70;
-                border-radius: 30px;
-                opacity: 0.15;
-                float: right;
-            }
-            .box-two-pic2 {
-                width: 600px;
-                height: 338px;
-                background: url("../images/index/box-pic2.png") no-repeat center
-                    center;
-                background-size: contain;
-                position: absolute;
-                right: 50px;
-                top: 50px;
-                -webkit-box-shadow: 0px 0px 10px #a9a4a4;
-                -moz-box-shadow: 0px 0px 10px #a9a4a4;
-                box-shadow: 0px 0px 10px #a9a4a4;
-                border-radius: 10px;
-            }
-            .box-two-pic4 {
-                width: 600px;
-                height: 338px;
-                background: url("../images/index/box-pic4.png") no-repeat center
-                    center;
-                background-size: contain;
-                position: absolute;
-                right: 50px;
-                top: 50px;
-                -webkit-box-shadow: 0px 0px 10px #a9a4a4;
-                -moz-box-shadow: 0px 0px 10px #a9a4a4;
-                box-shadow: 0px 0px 10px #a9a4a4;
-                border-radius: 10px;
-            }
-            .box-two-tips {
-                width: 460px;
-                position: absolute;
-                left: 0;
-            }
-            .box-square {
-                width: 38px;
-                height: 38px;
-                background: url("../images/index/square.png") no-repeat center
-                    center;
-                background-size: contain;
-                margin-top: 119px;
-            }
-            .box-title {
-                font-size: 32px;
-                font-family: PingFangSC-Medium, PingFang SC;
-                font-weight: 500;
-                color: #333333;
-                line-height: 45px;
-                margin: 6px 0 18px 0;
-            }
-            .box-tips {
-                font-size: 18px;
-                font-family: PingFangSC-Regular, PingFang SC;
-                font-weight: 400;
-                color: #828282;
-                line-height: 28px;
-            }
-        }
-    }
-    .page-footer {
-        .footer-service {
-            width: 100%;
-            height: 188px;
-            background-color: #ffa25a;
-            position: relative;
-            .footer-bg-box {
-                overflow: hidden;
+            .header-content {
                 width: 100%;
-                height: 188px;
-                background: url("../images/index/footer-bg.png") no-repeat
-                    center center;
-                background-size: contain;
-                .box-title {
-                    height: 45px;
-                    font-size: 32px;
+                height: 396px;
+                margin: 0 auto;
+                .header-title {
+                    font-size: 24px;
                     font-family: PingFangSC-Medium, PingFang SC;
                     font-weight: 500;
                     color: #ffffff;
-                    line-height: 45px;
+                    line-height: 67px;
                     text-align: center;
-                    margin: 33px 0 22px 0;
                 }
-                .buttom-box {
-                    display: flex;
-                    justify-content: center;
-                    .login-btn {
-                        width: 150px;
-                        height: 48px;
-                        background: #ffffff;
-                        border-radius: 8px;
-                        font-size: 18px;
-                        font-family: PingFangSC-Medium, PingFang SC;
-                        font-weight: 500;
-                        color: #ffa25a;
-                        line-height: 48px;
-                        text-align: center;
-                        margin-right: 20px;
-                        cursor: pointer;
-                    }
-                    .contact-btn {
-                        width: 150px;
-                        height: 48px;
-                        border-radius: 8px;
-                        border: 1px solid #ffffff;
-                        font-size: 18px;
+                .header-title-one {
+                    margin-top: 40px;
+                }
+                .header-tips {
+                    width: 80%;
+                    font-size: 12px;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    color: #ffffff;
+                    line-height: 36px;
+                    text-align: center;
+                    margin-top: 22px;
+                    margin: 0 auto;
+                }
+                .login-buttom {
+                    width: 150px;
+                    height: 48px;
+                    background: #ffa25a;
+                    border-radius: 8px;
+                    font-size: 18px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    color: #ffffff;
+                    line-height: 48px;
+                    text-align: center;
+                    margin: 0 auto;
+                    margin-top: 34px;
+                    cursor: pointer;
+                }
+            }
+
+            // .header-bg {
+            //     width: 100%;
+            //     height: 400px;
+            //     background: url("../images/index/decoration.png") no-repeat center
+            //         center;
+            //     background-size: contain;
+            //     position: absolute;
+            //     bottom: 0;
+            // }
+            .header-pic {
+                width: 100%;
+                height: 340px;
+                background: url("../images/index/pic.png") no-repeat center center;
+                background-size: contain;
+                margin-top: 10px;
+            }
+        }
+        .page-main {
+            width: 62.5%;
+            margin: 0 auto;
+            margin-top: 200px;
+            .main-box-one {
+                position: relative;
+                margin-bottom: 130px;
+                .box-one-pic1 {
+                    width: 100%;
+                    height: 188px;
+                    background: url("../images/index/box-pic1.png") no-repeat
+                        center center;
+                    background-size: contain;
+
+                    -webkit-box-shadow: 0px 0px 10px #a9a4a4;
+                    -moz-box-shadow: 0px 0px 10px #a9a4a4;
+                    box-shadow: 0px 0px 10px #a9a4a4;
+                    border-radius: 10px;
+                }
+                .box-one-pic3 {
+                    width: 100%;
+                    height: 188px;
+                    background: url("../images/index/box-pic3.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    -webkit-box-shadow: 0px 0px 10px #a9a4a4;
+                    -moz-box-shadow: 0px 0px 10px #a9a4a4;
+                    box-shadow: 0px 0px 10px #a9a4a4;
+                    border-radius: 10px;
+                }
+                .box-one-tips {
+                    width: 100%;
+                }
+                .box-square {
+                    width: 24px;
+                    height: 24px;
+                    background: url("../images/index/square.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    margin-top: 20px;
+                }
+                .box-title {
+                    font-size: 16px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    color: #333333;
+                    line-height: 45px;
+                    margin: 6px 0 18px 0;
+                }
+                .box-tips {
+                    font-size: 12px;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    color: #828282;
+                    line-height: 28px;
+                }
+            }
+            .main-box-two {
+                width: 100%;
+                position: relative;
+                margin-bottom: 130px;
+                height: 500px;
+                .box-two-square {
+                }
+                .box-two-pic2 {
+                    position: absolute;
+                    top: 0;
+                    width: 100%;
+                    height: 188px;
+                    background: url("../images/index/box-pic2.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    -webkit-box-shadow: 0px 0px 10px #a9a4a4;
+                    -moz-box-shadow: 0px 0px 10px #a9a4a4;
+                    box-shadow: 0px 0px 10px #a9a4a4;
+                    border-radius: 10px;
+                }
+                .box-two-pic4 {
+                    position: absolute;
+                    top: 0;
+                    width: 100%;
+                    height: 188px;
+                    background: url("../images/index/box-pic4.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    -webkit-box-shadow: 0px 0px 10px #a9a4a4;
+                    -moz-box-shadow: 0px 0px 10px #a9a4a4;
+                    box-shadow: 0px 0px 10px #a9a4a4;
+                    border-radius: 10px;
+                }
+                .box-two-tips {
+                    position: absolute;
+                    bottom: 10px;
+                    height: 300px;
+                    width: 100%;
+                }
+                .box-square {
+                    width: 24px;
+                    height: 24px;
+                    background: url("../images/index/square.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    margin-top: 20px;
+                }
+                .box-title {
+                    font-size: 16px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    color: #333333;
+                    line-height: 45px;
+                    margin: 6px 0 18px 0;
+                }
+                .box-tips {
+                    font-size: 12px;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    color: #828282;
+                    line-height: 28px;
+                }
+            }
+        }
+        .page-footer {
+            .footer-service {
+                width: 100%;
+                height: 188px;
+                background-color: #ffa25a;
+                position: relative;
+                .footer-bg-box {
+                    overflow: hidden;
+                    width: 100%;
+                    height: 188px;
+
+                    // background: url("../images/index/footer-bg.png") no-repeat
+                    //     center center;
+                    // background-size: 100% 100%;
+                    // background-size: contain;
+                    .box-title {
+                        height: 45px;
+                        font-size: 16px;
                         font-family: PingFangSC-Medium, PingFang SC;
                         font-weight: 500;
                         color: #ffffff;
-                        line-height: 48px;
+                        line-height: 45px;
                         text-align: center;
+                        margin: 33px 0 22px 0;
+                    }
+                    .buttom-box {
+                        display: flex;
+                        justify-content: center;
+                        .login-btn {
+                            width: 150px;
+                            height: 48px;
+                            background: #ffffff;
+                            border-radius: 8px;
+                            font-size: 14px;
+                            font-family: PingFangSC-Medium, PingFang SC;
+                            font-weight: 500;
+                            color: #ffa25a;
+                            line-height: 48px;
+                            text-align: center;
+                            margin-right: 20px;
+                            cursor: pointer;
+                        }
+                        .contact-btn {
+                            width: 150px;
+                            height: 48px;
+                            border-radius: 8px;
+                            border: 1px solid #ffffff;
+                            font-size: 14px;
+                            font-family: PingFangSC-Medium, PingFang SC;
+                            font-weight: 500;
+                            color: #ffffff;
+                            line-height: 48px;
+                            text-align: center;
+                            cursor: pointer;
+                        }
+                    }
+                }
+            }
+            .footer-opyright {
+                width: 100%;
+                height: 60px;
+                background: #ffffff;
+                text-align: center;
+                font-size: 12px;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #828282;
+                line-height: 60px;
+            }
+        }
+    }
+}
+
+@media (min-width: 1920px) {
+    .page-warp {
+        width: 1920px;
+        margin: 0 auto;
+        .page-header {
+            width: 100%;
+            height: 852px;
+            background: #8bcf70;
+            border-radius: 0px 0px 300px 300px;
+            position: relative;
+            .header-nav {
+                width: 100%;
+                height: 72px;
+                display: flex;
+                .header-nav-box {
+                    width: 50%;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    color: #ffffff;
+                    font-family: PingFangSC-Regular, PingFang SC;
+
+                    font-weight: 400;
+                    position: relative;
+                    .logo {
+                        width: 143px;
+                        height: 36px;
+                        background: url("../images/index/indexlogo.png")
+                            no-repeat center center;
+                        background-size: contain;
+                    }
+                    .header-right-one {
+                        display: flex;
+                        .header-right-one-language {
+                            margin-right: 8px;
+                            font-size: 26px;
+                        }
+                        .header-right-one-dropdown {
+                            color: #ffffff;
+                            font-size: 16px;
+                        }
+                    }
+                    .header-right-two {
+                        font-size: 16px;
+                        margin: 0 30px 0 30px;
+                        cursor: pointer;
+                    }
+                    .header-right-three {
+                        font-size: 16px;
+                        min-width: 100px;
+                        height: 36px;
+                        background: #ffa25a;
+                        border-radius: 4px;
+                        text-align: center;
+                        line-height: 36px;
                         cursor: pointer;
                     }
                 }
             }
+            .header-content {
+                width: 950px;
+                margin: 0 auto;
+                .header-title {
+                    font-size: 48px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    color: #ffffff;
+                    line-height: 67px;
+                    text-align: center;
+                }
+                .header-title-one {
+                    margin-top: 40px;
+                }
+                .header-tips {
+                    width: 950px;
+                    font-size: 24px;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    color: #ffffff;
+                    line-height: 36px;
+                    text-align: center;
+
+                    margin-top: 22px;
+                }
+                .login-buttom {
+                    width: 150px;
+                    height: 48px;
+                    background: #ffa25a;
+                    border-radius: 8px;
+                    font-size: 18px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    color: #ffffff;
+                    line-height: 48px;
+                    text-align: center;
+                    margin: 0 auto;
+                    margin-top: 34px;
+                    cursor: pointer;
+                }
+            }
+
+            .header-bg {
+                width: 100%;
+                height: 405px;
+                background: url("../images/index/decoration.png") no-repeat
+                    center center;
+                background-size: contain;
+                position: absolute;
+                bottom: 0;
+            }
+            .header-pic {
+                width: 920px;
+                height: 528px;
+                background: url("../images/index/pic.png") no-repeat center
+                    center;
+                background-size: contain;
+                position: absolute;
+                left: 50%;
+                margin-left: -460px;
+                bottom: -202px;
+            }
         }
-        .footer-opyright {
-            width: 100%;
-            height: 60px;
-            background: #ffffff;
-            text-align: center;
-            font-size: 14px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #828282;
-            line-height: 60px;
+        .page-main {
+            width: 1200px;
+            margin: 0 auto;
+            margin-top: 388px;
+            .main-box-one {
+                height: 388px;
+                position: relative;
+                margin-bottom: 180px;
+                .box-one-square {
+                    width: 200px;
+                    height: 200px;
+                    background: #8bcf70;
+                    border-radius: 30px;
+                    opacity: 0.15;
+                    float: left;
+                }
+                .box-one-pic1 {
+                    width: 600px;
+                    height: 338px;
+                    background: url("../images/index/box-pic1.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    position: absolute;
+                    margin: 50px 0 0 50px;
+                    -webkit-box-shadow: 0px 0px 10px #a9a4a4;
+                    -moz-box-shadow: 0px 0px 10px #a9a4a4;
+                    box-shadow: 0px 0px 10px #a9a4a4;
+                    border-radius: 10px;
+                }
+                .box-one-pic3 {
+                    width: 600px;
+                    height: 338px;
+                    background: url("../images/index/box-pic3.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    position: absolute;
+                    margin: 50px 0 0 50px;
+                    -webkit-box-shadow: 0px 0px 10px #a9a4a4;
+                    -moz-box-shadow: 0px 0px 10px #a9a4a4;
+                    box-shadow: 0px 0px 10px #a9a4a4;
+                    border-radius: 10px;
+                }
+                .box-one-tips {
+                    width: 460px;
+                    position: absolute;
+                    right: 0;
+                }
+                .box-square {
+                    width: 38px;
+                    height: 38px;
+                    background: url("../images/index/square.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    margin-top: 119px;
+                }
+                .box-title {
+                    font-size: 32px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    color: #333333;
+                    line-height: 45px;
+                    margin: 6px 0 18px 0;
+                }
+                .box-tips {
+                    font-size: 18px;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    color: #828282;
+                    line-height: 28px;
+                }
+            }
+            .main-box-two {
+                height: 388px;
+                position: relative;
+                margin-bottom: 180px;
+                .box-two-square {
+                    width: 200px;
+                    height: 200px;
+                    background: #8bcf70;
+                    border-radius: 30px;
+                    opacity: 0.15;
+                    float: right;
+                }
+                .box-two-pic2 {
+                    width: 600px;
+                    height: 338px;
+                    background: url("../images/index/box-pic2.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    position: absolute;
+                    right: 50px;
+                    top: 50px;
+                    -webkit-box-shadow: 0px 0px 10px #a9a4a4;
+                    -moz-box-shadow: 0px 0px 10px #a9a4a4;
+                    box-shadow: 0px 0px 10px #a9a4a4;
+                    border-radius: 10px;
+                }
+                .box-two-pic4 {
+                    width: 600px;
+                    height: 338px;
+                    background: url("../images/index/box-pic4.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    position: absolute;
+                    right: 50px;
+                    top: 50px;
+                    -webkit-box-shadow: 0px 0px 10px #a9a4a4;
+                    -moz-box-shadow: 0px 0px 10px #a9a4a4;
+                    box-shadow: 0px 0px 10px #a9a4a4;
+                    border-radius: 10px;
+                }
+                .box-two-tips {
+                    width: 460px;
+                    position: absolute;
+                    left: 0;
+                }
+                .box-square {
+                    width: 38px;
+                    height: 38px;
+                    background: url("../images/index/square.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    margin-top: 119px;
+                }
+                .box-title {
+                    font-size: 32px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    color: #333333;
+                    line-height: 45px;
+                    margin: 6px 0 18px 0;
+                }
+                .box-tips {
+                    font-size: 18px;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    color: #828282;
+                    line-height: 28px;
+                }
+            }
+        }
+        .page-footer {
+            .footer-service {
+                width: 100%;
+                height: 188px;
+                background-color: #ffa25a;
+                position: relative;
+                .footer-bg-box {
+                    overflow: hidden;
+                    width: 100%;
+                    height: 188px;
+                    background: url("../images/index/footer-bg.png") no-repeat
+                        center center;
+                    background-size: contain;
+                    .box-title {
+                        height: 45px;
+                        font-size: 32px;
+                        font-family: PingFangSC-Medium, PingFang SC;
+                        font-weight: 500;
+                        color: #ffffff;
+                        line-height: 45px;
+                        text-align: center;
+                        margin: 33px 0 22px 0;
+                    }
+                    .buttom-box {
+                        display: flex;
+                        justify-content: center;
+                        .login-btn {
+                            width: 150px;
+                            height: 48px;
+                            background: #ffffff;
+                            border-radius: 8px;
+                            font-size: 18px;
+                            font-family: PingFangSC-Medium, PingFang SC;
+                            font-weight: 500;
+                            color: #ffa25a;
+                            line-height: 48px;
+                            text-align: center;
+                            margin-right: 20px;
+                            cursor: pointer;
+                        }
+                        .contact-btn {
+                            width: 150px;
+                            height: 48px;
+                            border-radius: 8px;
+                            border: 1px solid #ffffff;
+                            font-size: 18px;
+                            font-family: PingFangSC-Medium, PingFang SC;
+                            font-weight: 500;
+                            color: #ffffff;
+                            line-height: 48px;
+                            text-align: center;
+                            cursor: pointer;
+                        }
+                    }
+                }
+            }
+            .footer-opyright {
+                width: 100%;
+                height: 60px;
+                background: #ffffff;
+                text-align: center;
+                font-size: 14px;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #828282;
+                line-height: 60px;
+            }
         }
     }
 }
diff --git a/resources/assets/statics/public/images/index/box-pic1.png b/resources/assets/statics/public/images/index/box-pic1.png
index 4b12f417f..75005fafc 100644
Binary files a/resources/assets/statics/public/images/index/box-pic1.png and b/resources/assets/statics/public/images/index/box-pic1.png differ
diff --git a/resources/assets/statics/public/images/index/box-pic2.png b/resources/assets/statics/public/images/index/box-pic2.png
index 97c22a857..3d6fe7a02 100644
Binary files a/resources/assets/statics/public/images/index/box-pic2.png and b/resources/assets/statics/public/images/index/box-pic2.png differ
diff --git a/resources/assets/statics/public/images/index/box-pic3.png b/resources/assets/statics/public/images/index/box-pic3.png
index f0c50f771..0f6467664 100644
Binary files a/resources/assets/statics/public/images/index/box-pic3.png and b/resources/assets/statics/public/images/index/box-pic3.png differ
diff --git a/resources/assets/statics/public/images/index/box-pic4.png b/resources/assets/statics/public/images/index/box-pic4.png
index 722c9c8ce..b80864dd6 100644
Binary files a/resources/assets/statics/public/images/index/box-pic4.png and b/resources/assets/statics/public/images/index/box-pic4.png differ
diff --git a/resources/assets/statics/public/images/index/pic.png b/resources/assets/statics/public/images/index/pic.png
index 30680ff80..4a7671b2a 100644
Binary files a/resources/assets/statics/public/images/index/pic.png and b/resources/assets/statics/public/images/index/pic.png differ