3 月之前 · 48387e0241
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,24 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
 
				+/package-lock.json
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,24 @@
 
				+# trace-website
			
 
				+
			
 
				+## Project setup 2024
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm run serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm run build
			
 
				+```
			
 
				+
			
 
				+### Lints and fixes files
			
 
				+```
			
 
				+npm run lint
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,19 @@
 
				+{
			
 
				+  "compilerOptions": {
			
 
				+    "target": "es5",
			
 
				+    "module": "esnext",
			
 
				+    "baseUrl": "./",
			
 
				+    "moduleResolution": "node",
			
 
				+    "paths": {
			
 
				+      "@/*": [
			
 
				+        "src/*"
			
 
				+      ]
			
 
				+    },
			
 
				+    "lib": [
			
 
				+      "esnext",
			
 
				+      "dom",
			
 
				+      "dom.iterable",
			
 
				+      "scripthost"
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/package.json
+++ b/package.json
@@ -0,0 +1,51 @@
 
				+{
			
 
				+  "name": "trace-website",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "@amap/amap-jsapi-loader": "^1.0.1",
			
 
				+    "axios": "^1.3.5",
			
 
				+    "core-js": "^3.8.3",
			
 
				+    "element-ui": "^2.15.13",
			
 
				+    "node-sass": "^5.0.0",
			
 
				+    "sass-loader": "^13.2.2",
			
 
				+    "swiper": "^5.4.5",
			
 
				+    "vue": "^2.6.14",
			
 
				+    "vue-router": "^3.6.5"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@babel/core": "^7.12.16",
			
 
				+    "@babel/eslint-parser": "^7.12.16",
			
 
				+    "@vue/cli-plugin-babel": "~5.0.0",
			
 
				+    "@vue/cli-plugin-eslint": "~5.0.0",
			
 
				+    "@vue/cli-service": "~5.0.0",
			
 
				+    "eslint": "^7.32.0",
			
 
				+    "eslint-plugin-vue": "^8.0.3",
			
 
				+    "vue-awesome-swiper": "^3.1.3",
			
 
				+    "vue-template-compiler": "^2.6.14"
			
 
				+  },
			
 
				+  "eslintConfig": {
			
 
				+    "root": true,
			
 
				+    "env": {
			
 
				+      "node": true
			
 
				+    },
			
 
				+    "extends": [
			
 
				+      "plugin:vue/essential",
			
 
				+      "eslint:recommended"
			
 
				+    ],
			
 
				+    "parserOptions": {
			
 
				+      "parser": "@babel/eslint-parser"
			
 
				+    },
			
 
				+    "rules": {}
			
 
				+  },
			
 
				+  "browserslist": [
			
 
				+    "> 1%",
			
 
				+    "last 2 versions",
			
 
				+    "not dead"
			
 
				+  ]
			
 
				+}
			
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,19 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+    <link rel="icon" href="<%= BASE_URL %>logo.ico">
			
 
				+    <title>轻马私域</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't
			
 
				+          work properly without JavaScript enabled. Please enable it to
			
 
				+          continue.</strong>
			
 
				+      </noscript>
			
 
				+      <div id="app"></div>
			
 
				+      <!-- built files will be auto injected -->
			
 
				+    </body>
			
 
				+  </html>
			
--- a/public/logo.ico
+++ b/public/logo.ico
--- a/public/logow.png
+++ b/public/logow.png
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,23 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'App'
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+body {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+}
			
 
				+
			
 
				+#app {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+}
			
 
				+</style>
			
--- a/src/api/apply/index.js
+++ b/src/api/apply/index.js
@@ -0,0 +1,56 @@
 
				+import request from '@/utils/request.js'
			
 
				+
			
 
				+//图像验证码验证
			
 
				+export function captchaVerify(id, code) {
			
 
				+    return request({
			
 
				+        url: '/v1/captcha/verify?captcha_id=' + id + '&captcha_code=' + code,
			
 
				+        method: 'get'
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+//短信验证码发送
			
 
				+export function smsCodeSend(phone) {
			
 
				+    return request({
			
 
				+        url: '/v1/sms/code/send?phones=' + phone,
			
 
				+        method: 'get'
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+//短信验证码验证
			
 
				+export function smsCodeVerify(phone, code) {
			
 
				+    return request({
			
 
				+        url: '/v1/sms/code/verify?phone=' + phone + '&code=' + code,
			
 
				+        method: 'get'
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+//申请试用账号
			
 
				+export function sysUserTrialApply(phone,captcha_id,captcha_code,sms_code) {
			
 
				+    return request({
			
 
				+        url: '/v1/sys/user/trial/apply',
			
 
				+        method: 'post',
			
 
				+        data:{
			
 
				+            address: "",
			
 
				+            avatar: "",
			
 
				+            captcha_code: captcha_code,
			
 
				+            captcha_id:captcha_id.toString(),
			
 
				+            created_at: 0,
			
 
				+            creator_id: 0,
			
 
				+            customer_id: 0,
			
 
				+            description: "",
			
 
				+            email: "",
			
 
				+            id: 0,
			
 
				+            is_trial: 0,
			
 
				+            nickname:phone,
			
 
				+            no: "",
			
 
				+            password: "",
			
 
				+            phone: phone,
			
 
				+            sms_code: sms_code,
			
 
				+            state: 0,
			
 
				+            type: 0,
			
 
				+            updated_at: 0,
			
 
				+            username: phone,
			
 
				+            work_type: 0
			
 
				+          }
			
 
				+    })
			
 
				+}
			
--- a/src/api/consult/index.js
+++ b/src/api/consult/index.js
@@ -0,0 +1,12 @@
 
				+import request from '@/utils/request.js'
			
 
				+
			
 
				+//业务咨询
			
 
				+export function addConsult(data) {
			
 
				+  return request({
			
 
				+    url: '/v1/www/info/add',
			
 
				+    method: 'post',
			
 
				+    data: data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+
			
--- a/src/assets/img/Layer
+++ b/src/assets/img/Layer
--- a/src/assets/img/ai_chat@2x.png
+++ b/src/assets/img/ai_chat@2x.png
--- a/src/assets/img/banner1.2@2x.jpg
+++ b/src/assets/img/banner1.2@2x.jpg
--- a/src/assets/img/banner1.2@2x.png
+++ b/src/assets/img/banner1.2@2x.png
--- a/src/assets/img/banner1@2x.jpg
+++ b/src/assets/img/banner1@2x.jpg
--- a/src/assets/img/banner1@2x.png
+++ b/src/assets/img/banner1@2x.png
--- a/src/assets/img/bg1.11@2x.jpg
+++ b/src/assets/img/bg1.11@2x.jpg
--- a/src/assets/img/bg1.11@2x.png
+++ b/src/assets/img/bg1.11@2x.png
--- a/src/assets/img/bg1.1@2x.png
+++ b/src/assets/img/bg1.1@2x.png
--- a/src/assets/img/bg1.21@2x.jpg
+++ b/src/assets/img/bg1.21@2x.jpg
--- a/src/assets/img/bg1.21@2x.png
+++ b/src/assets/img/bg1.21@2x.png
--- a/src/assets/img/bg1.2@2x.jpg
+++ b/src/assets/img/bg1.2@2x.jpg
--- a/src/assets/img/bg1.2@2x.png
+++ b/src/assets/img/bg1.2@2x.png
--- a/src/assets/img/bg2.1@2x.jpg
+++ b/src/assets/img/bg2.1@2x.jpg
--- a/src/assets/img/bg2.1@2x.png
+++ b/src/assets/img/bg2.1@2x.png
--- a/src/assets/img/bg2@2x.png
+++ b/src/assets/img/bg2@2x.png
--- a/src/assets/img/bg4@2x.jpg
+++ b/src/assets/img/bg4@2x.jpg
--- a/src/assets/img/bg4@2x.png
+++ b/src/assets/img/bg4@2x.png
--- a/src/assets/img/bg5.5@2x.jpg
+++ b/src/assets/img/bg5.5@2x.jpg
--- a/src/assets/img/bg5.5@2x.png
+++ b/src/assets/img/bg5.5@2x.png
--- a/src/assets/img/bg52x.jpg
+++ b/src/assets/img/bg52x.jpg
--- a/src/assets/img/bg52x.png
+++ b/src/assets/img/bg52x.png
--- a/src/assets/img/bg5@2x.jpg
+++ b/src/assets/img/bg5@2x.jpg
--- a/src/assets/img/bg5@2x.png
+++ b/src/assets/img/bg5@2x.png
--- a/src/assets/img/bg6@2x.jpg
+++ b/src/assets/img/bg6@2x.jpg
--- a/src/assets/img/bg6@2x.png
+++ b/src/assets/img/bg6@2x.png
--- a/src/assets/img/bg8@2x.jpg
+++ b/src/assets/img/bg8@2x.jpg
--- a/src/assets/img/bg8@2x.png
+++ b/src/assets/img/bg8@2x.png
--- a/src/assets/img/box@2x.jpg
+++ b/src/assets/img/box@2x.jpg
--- a/src/assets/img/box@2x.png
+++ b/src/assets/img/box@2x.png
--- a/src/assets/img/iconA@2x.png
+++ b/src/assets/img/iconA@2x.png
--- a/src/assets/img/icon_A@2x.png
+++ b/src/assets/img/icon_A@2x.png
--- a/src/assets/img/icon_ai2@2x.png
+++ b/src/assets/img/icon_ai2@2x.png
--- a/src/assets/img/icon_ai@2x.png
+++ b/src/assets/img/icon_ai@2x.png
--- a/src/assets/img/icon_link@2x.png
+++ b/src/assets/img/icon_link@2x.png
--- a/src/assets/img/icon_linkOn@2x.png
+++ b/src/assets/img/icon_linkOn@2x.png
--- a/src/assets/img/icon_mak2@2x.png
+++ b/src/assets/img/icon_mak2@2x.png
--- a/src/assets/img/icon_mak@2x.png
+++ b/src/assets/img/icon_mak@2x.png
--- a/src/assets/img/icon_mes2@2x.png
+++ b/src/assets/img/icon_mes2@2x.png
--- a/src/assets/img/icon_mes@2x.png
+++ b/src/assets/img/icon_mes@2x.png
--- a/src/assets/img/icon_meson@2x.png
+++ b/src/assets/img/icon_meson@2x.png
--- a/src/assets/img/icon_pol@2x.png
+++ b/src/assets/img/icon_pol@2x.png
--- a/src/assets/img/icon_poly@2x.png
+++ b/src/assets/img/icon_poly@2x.png
--- a/src/assets/img/icon_ren@2x.png
+++ b/src/assets/img/icon_ren@2x.png
--- a/src/assets/img/icon_sale@2x.png
+++ b/src/assets/img/icon_sale@2x.png
--- a/src/assets/img/icon_saleon@2x.png
+++ b/src/assets/img/icon_saleon@2x.png
--- a/src/assets/img/img_1@2x.png
+++ b/src/assets/img/img_1@2x.png
--- a/src/assets/img/img_2@2x.png
+++ b/src/assets/img/img_2@2x.png
--- a/src/assets/img/img_3@2x.png
+++ b/src/assets/img/img_3@2x.png
--- a/src/assets/img/img_4@2x.png
+++ b/src/assets/img/img_4@2x.png
--- a/src/assets/img/leftBox@2x.jpg
+++ b/src/assets/img/leftBox@2x.jpg
--- a/src/assets/img/leftBox@2x.png
+++ b/src/assets/img/leftBox@2x.png
--- a/src/assets/img/logo.png
+++ b/src/assets/img/logo.png
--- a/src/assets/img/logow.png
+++ b/src/assets/img/logow.png
--- a/src/assets/img/nbg1.1@2x.png
+++ b/src/assets/img/nbg1.1@2x.png
--- a/src/assets/img/nbg2@2x.png
+++ b/src/assets/img/nbg2@2x.png
--- a/src/assets/img/ruixingkafei.png
+++ b/src/assets/img/ruixingkafei.png
--- a/src/assets/img/ruixingkafeiLogo.png
+++ b/src/assets/img/ruixingkafeiLogo.png
--- a/src/assets/img/swdt@2x.jpg
+++ b/src/assets/img/swdt@2x.jpg
--- a/src/assets/img/swdt@2x.png
+++ b/src/assets/img/swdt@2x.png
--- a/src/assets/img/xiaoguancha@2x.jpg
+++ b/src/assets/img/xiaoguancha@2x.jpg
--- a/src/assets/img/xiaoguancha@2x.png
+++ b/src/assets/img/xiaoguancha@2x.png
--- a/src/assets/img/xiaoguanchaLogo.png
+++ b/src/assets/img/xiaoguanchaLogo.png
--- a/src/assets/img/yinhao@2x.png
+++ b/src/assets/img/yinhao@2x.png
--- a/src/assets/styles/footer/index.css
+++ b/src/assets/styles/footer/index.css
@@ -0,0 +1,91 @@
 
				+
			
 
				+.lx-bottom{
			
 
				+    /* padding-top: 50px; */
			
 
				+    background: #363636;
			
 
				+    height: 273px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: space-between;
			
 
				+}
			
 
				+.lx-bottom .comtant-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    width: 924px;
			
 
				+    height: 115px;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-between;
			
 
				+}
			
 
				+.lx-bottom .comtant-box .logo-name-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.lx-bottom .comtant-box .logo-name-box .logo-name{
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.lx-bottom .comtant-box .logo-name-box .logo-name .logo{
			
 
				+    width: 52px;
			
 
				+    height: 41px;
			
 
				+    margin-right: 21px;
			
 
				+}
			
 
				+.lx-bottom .comtant-box .logo-name-box .logo-name .company-name{
			
 
				+    /* width: 65px; */
			
 
				+    height: 21px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 21px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.lx-bottom .comtant-box .logo-name-box .phone{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 25px;
			
 
				+    color: #E0E0E0;
			
 
				+    line-height: 34px;
			
 
				+    letter-spacing: 2px;
			
 
				+}
			
 
				+.lx-bottom .comtant-box .logo-name-box .address{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #E0E0E0;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.lx-bottom .comtant-box .company-info{
			
 
				+    width: 482px;
			
 
				+    /* height: 107px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #E0E0E0;
			
 
				+    /* line-height: 15px; */
			
 
				+}
			
 
				+.lx-bottom .comtant-box .wechat-account{
			
 
				+    width: 115px;
			
 
				+    height: 115px;
			
 
				+    background: #D8D8D8;
			
 
				+}
			
 
				+
			
 
				+.lx-bottom .comtant-box .wechat-account .wechat-tit{
			
 
				+    position: relative;
			
 
				+    top: 122px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #F7F7F7;
			
 
				+    width: 115px;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+.lx-bottom .filings{
			
 
				+    height: 38px;
			
 
				+    width: 100%;
			
 
				+    border-top: 1px solid rgba(209, 209, 209,.19);
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    font-weight: 400;font-size: 11px;color: #EAEAEA;
			
 
				+}
			
--- a/src/assets/styles/header/index.css
+++ b/src/assets/styles/header/index.css
@@ -0,0 +1,225 @@
 
				+
			
 
				+.lx-navigation__wrapper ul {
			
 
				+    list-style: none;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper a {
			
 
				+    text-decoration: none;
			
 
				+    color: #181c25 !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper a:hover {
			
 
				+    text-decoration: none;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper {
			
 
				+    position: fixed;
			
 
				+    width: 100%;
			
 
				+    z-index: 10;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper nav {
			
 
				+    width: 100%;
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav {
			
 
				+    height: 71px;
			
 
				+    /* width: 1200px; */
			
 
				+    background-color: rgba(0, 24, 74,.47);
			
 
				+    margin: auto;
			
 
				+    display: flex;
			
 
				+    /* opacity: 0.47; */
			
 
				+    align-items: center;
			
 
				+    flex-shrink: 0;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .navbar-brand {
			
 
				+    /* margin-right: 20px; */
			
 
				+    /* padding: 15px 8px 15px 4px; */
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    flex-shrink: 0;
			
 
				+        /* margin-left: 239px; */
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .navbar-brand img {
			
 
				+    width: 60px;
			
 
				+    height: 47px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .navbar-brand .logo-text {
			
 
				+    margin-left: 10px;
			
 
				+    font-size: 22px;
			
 
				+    font-weight: 700;
			
 
				+    color: #fff;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-header {
			
 
				+    height: 100%;
			
 
				+    height: 100%;
			
 
				+    display: flex;
			
 
				+    flex-shrink: 0;
			
 
				+    align-items: center;
			
 
				+    margin-left: 364px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-item {
			
 
				+    float: left;
			
 
				+    font-size: 14px;
			
 
				+    height: 30px;
			
 
				+    line-height: 30px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-item a {
			
 
				+    /* line-height: 80px; */
			
 
				+    padding: 6px 20px;
			
 
				+    color: #fff !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-item-action a {
			
 
				+    color: #fff !important;
			
 
				+    background-color: #21a6df;
			
 
				+    border-radius: 100px;
			
 
				+    padding: 6px 20px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-about {
			
 
				+    flex-direction: column;
			
 
				+    width: 128px !important;
			
 
				+    height: 193px;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-about li:first-child {
			
 
				+    margin-top: 16px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login {
			
 
				+    /* height: 64px; */
			
 
				+    float: right;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    position: relative;
			
 
				+    margin-left: 27px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login li {
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login .fx-login-btn {
			
 
				+    padding: 0 16px;
			
 
				+    margin-left: 16px;
			
 
				+    height: 36px;
			
 
				+    border-radius: 20px;
			
 
				+    border: 1px solid #21a6df;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .fx-login-btn a {
			
 
				+    color: #21a6df !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login .reg-btn {
			
 
				+    width: 110px;
			
 
				+height: 30px;
			
 
				+background: #FFFFFF;
			
 
				+border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .reg-btn a {
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+font-weight: 600;
			
 
				+font-size: 14px;
			
 
				+color: #3C3C3C;
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .fx-nav-tel {
			
 
				+    height: 36px;
			
 
				+    padding: 0 16px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    border: 1px solid #fff;
			
 
				+    border-radius: 999px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .fx-nav-tel span {
			
 
				+    font-family: Arial-BoldMT, Arial;
			
 
				+    margin-left: 8px;
			
 
				+    font-weight: 700;
			
 
				+    font-size: 16px;
			
 
				+    line-height: 18px;
			
 
				+    color: #fff;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .fx-nav-tel svg {
			
 
				+    fill: #fff;
			
 
				+    visibility: visible;
			
 
				+    animation-duration: 2000ms;
			
 
				+    animation-iteration-count: infinite;
			
 
				+    animation-name: shake;
			
 
				+}
			
 
				+
			
 
				+.shake {
			
 
				+    animation: shake 0.5s;
			
 
				+}
			
 
				+
			
 
				+@keyframes shake {
			
 
				+    0% {
			
 
				+        transform: rotate(10deg);
			
 
				+    }
			
 
				+
			
 
				+    25% {
			
 
				+        transform: rotate(-10deg);
			
 
				+    }
			
 
				+
			
 
				+    50% {
			
 
				+        transform: rotate(10deg);
			
 
				+    }
			
 
				+
			
 
				+    75% {
			
 
				+        transform: rotate(-15deg);
			
 
				+    }
			
 
				+
			
 
				+    100% {
			
 
				+        transform: rotate(10deg);
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login .global-btn:hover path {
			
 
				+    fill: #21a6df;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow {
			
 
				+    box-shadow: 0px 2px 12px 0px rgba(24, 28, 37, 0.08);
			
 
				+    /* background: #fff !important; */
			
 
				+    background-color: rgba(0, 0, 0,.92) !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .navbar-brand .logo-text {
			
 
				+    color: #333333 !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .nav-item a {
			
 
				+    /* color: #333333 !important; */
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .nav-item-action a {
			
 
				+    color: #fff !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .fx-nav-tel {
			
 
				+    border: 1px solid #6b6d73;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .fx-nav-tel span {
			
 
				+    color: #545861;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .fx-nav-tel svg {
			
 
				+    fill: #545861;
			
 
				+}
			
--- a/src/assets/styles/header/index1.css
+++ b/src/assets/styles/header/index1.css
@@ -0,0 +1,232 @@
 
				+
			
 
				+.lx-navigation__wrapper ul {
			
 
				+    list-style: none;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper a {
			
 
				+    text-decoration: none;
			
 
				+    color: #181c25 !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper a:hover {
			
 
				+    text-decoration: none;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper {
			
 
				+    position: fixed;
			
 
				+    width: 100%;
			
 
				+    z-index: 10;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper nav {
			
 
				+    width: 100%;
			
 
				+    height: 4.82%;
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav {
			
 
				+    /* height: 71px; */
			
 
				+    /* height: 4.82%; */
			
 
				+    /* width: 1200px; */
			
 
				+        padding: 0.85%;
			
 
				+    background-color: rgba(0, 24, 74,.47);
			
 
				+    margin: auto;
			
 
				+    display: flex;
			
 
				+    /* opacity: 0.47; */
			
 
				+    align-items: center;
			
 
				+    flex-shrink: 0;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .navbar-brand {
			
 
				+    /* margin-right: 20px; */
			
 
				+    /* padding: 15px 8px 15px 4px; */
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    flex-shrink: 0;
			
 
				+        /* margin-left: 239px; */
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .navbar-brand img {
			
 
				+    width: 60px;
			
 
				+    height: 47px;
			
 
				+    /* width: 4.1%; */
			
 
				+    /* border-radius: 50%; */
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .navbar-brand .logo-text {
			
 
				+    margin-left: 10px;
			
 
				+    font-size: 22px;
			
 
				+    font-weight: 700;
			
 
				+    color: #fff;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-header {
			
 
				+    height: 100%;
			
 
				+    height: 100%;
			
 
				+    display: flex;
			
 
				+    flex-shrink: 0;
			
 
				+    align-items: center;
			
 
				+    margin-left: 364px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-item {
			
 
				+    float: left;
			
 
				+    font-size: 14px;
			
 
				+    height: 30px;
			
 
				+    line-height: 30px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-item a {
			
 
				+    /* line-height: 80px; */
			
 
				+    padding: 6px 20px;
			
 
				+    color: #fff !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-item-action a {
			
 
				+    color: #fff !important;
			
 
				+    background-color: #21a6df;
			
 
				+    border-radius: 100px;
			
 
				+    padding: 6px 20px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-about {
			
 
				+    flex-direction: column;
			
 
				+    width: 128px !important;
			
 
				+    height: 193px;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-about li:first-child {
			
 
				+    margin-top: 16px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login {
			
 
				+    /* height: 64px; */
			
 
				+    float: right;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    position: relative;
			
 
				+    margin-left: 27px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login li {
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login .fx-login-btn {
			
 
				+    padding: 0 16px;
			
 
				+    margin-left: 16px;
			
 
				+    height: 36px;
			
 
				+    border-radius: 20px;
			
 
				+    border: 1px solid #21a6df;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .fx-login-btn a {
			
 
				+    color: #21a6df !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login .reg-btn {
			
 
				+    width: 110px;
			
 
				+height: 30px;
			
 
				+/* width: 7.5%;
			
 
				+height: 2.04%; */
			
 
				+background: #FFFFFF;
			
 
				+border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .reg-btn a {
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+font-weight: 600;
			
 
				+font-size: 14px;
			
 
				+color: #3C3C3C;
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .fx-nav-tel {
			
 
				+    height: 36px;
			
 
				+    padding: 0 16px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    border: 1px solid #fff;
			
 
				+    border-radius: 999px;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .fx-nav-tel span {
			
 
				+    font-family: Arial-BoldMT, Arial;
			
 
				+    margin-left: 8px;
			
 
				+    font-weight: 700;
			
 
				+    font-size: 16px;
			
 
				+    line-height: 18px;
			
 
				+    color: #fff;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .fx-nav-tel svg {
			
 
				+    fill: #fff;
			
 
				+    visibility: visible;
			
 
				+    animation-duration: 2000ms;
			
 
				+    animation-iteration-count: infinite;
			
 
				+    animation-name: shake;
			
 
				+}
			
 
				+
			
 
				+.shake {
			
 
				+    animation: shake 0.5s;
			
 
				+}
			
 
				+
			
 
				+@keyframes shake {
			
 
				+    0% {
			
 
				+        transform: rotate(10deg);
			
 
				+    }
			
 
				+
			
 
				+    25% {
			
 
				+        transform: rotate(-10deg);
			
 
				+    }
			
 
				+
			
 
				+    50% {
			
 
				+        transform: rotate(10deg);
			
 
				+    }
			
 
				+
			
 
				+    75% {
			
 
				+        transform: rotate(-15deg);
			
 
				+    }
			
 
				+
			
 
				+    100% {
			
 
				+        transform: rotate(10deg);
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__wrapper .nav-login .global-btn:hover path {
			
 
				+    fill: #21a6df;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow {
			
 
				+    box-shadow: 0px 2px 12px 0px rgba(24, 28, 37, 0.08);
			
 
				+    /* background: #fff !important; */
			
 
				+    background-color: rgba(0, 0, 0,.92) !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .navbar-brand .logo-text {
			
 
				+    color: #333333 !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .nav-item a {
			
 
				+    /* color: #333333 !important; */
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .nav-item-action a {
			
 
				+    color: #fff !important;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .fx-nav-tel {
			
 
				+    border: 1px solid #6b6d73;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .fx-nav-tel span {
			
 
				+    color: #545861;
			
 
				+}
			
 
				+
			
 
				+.lx-navigation__shadow .fx-nav-tel svg {
			
 
				+    fill: #545861;
			
 
				+}
			
--- a/src/assets/styles/home/index.css
+++ b/src/assets/styles/home/index.css
@@ -0,0 +1,1606 @@
 
				+.home-page {
			
 
				+    width: 100%;
			
 
				+    position: relative;
			
 
				+}
			
 
				+#page1, #page4, #page3, #page6, #page10 {
			
 
				+  scroll-margin-top: 60px; /* 根据导航栏的高度调整 */
			
 
				+}
			
 
				+.home-page .home-page-main {
			
 
				+    width: 100%;
			
 
				+    display: flex;
			
 
				+    flex-shrink: 0;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+/* 第一页轮播图 */
			
 
				+.home-page .home-page-main .page1 {
			
 
				+    /* width: 100%; */
			
 
				+     width: 100vw;
			
 
				+    height: 665px;
			
 
				+    display: grid;
			
 
				+    /* height: 799px; */
			
 
				+    /* background-image: url('@/assets/img/banner1@2x.jpg');
			
 
				+    background-size: cover;
			
 
				+    background-position: top center; */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1 .title {
			
 
				+    word-break: break-word;
			
 
				+    width: 100%;
			
 
				+    height: 100px;
			
 
				+    line-height: 45px;
			
 
				+    font-size: 30px;
			
 
				+    font-weight: bold;
			
 
				+    letter-spacing: 2px;
			
 
				+    
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1 .text {
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #A5B3D9;
			
 
				+    width: 586px;
			
 
				+    height: 54px;
			
 
				+    margin-top: 15px;
			
 
				+    word-break: break-word;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1 .to-consult-btn {
			
 
				+    width: 126px;
			
 
				+    height: 43px;
			
 
				+    background: #5E7DFF;
			
 
				+    border-radius: 41px;
			
 
				+    /* line-height: 43px; */
			
 
				+    font-size: 15px;
			
 
				+    margin-top: 40px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #fff;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page1 .to-consult-btn .icon-poly{
			
 
				+    width: 23px;
			
 
				+    height: 23px;
			
 
				+    margin-left: 8px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1 .home-banner {
			
 
				+    position: absolute;
			
 
				+    left: 240px;
			
 
				+    /* width: 586px; */
			
 
				+    height: 150px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    color: #F8FCFF;
			
 
				+    padding-top: 226px;
			
 
				+}
			
 
				+.home-page .home-page-main .page1 .home-img{
			
 
				+    width: 523px;
			
 
				+    height: 237px;
			
 
				+    /* background-color: pink; */
			
 
				+    position: absolute;
			
 
				+    right: 0;
			
 
				+    top: 277px;
			
 
				+}
			
 
				+.home-page .home-page-main .page1 .home-banner .title span{
			
 
				+    font-size: 61px;
			
 
				+    font-weight: 600;
			
 
				+}
			
 
				+.home-page .home-page-main .page1 .home-banner .title p{
			
 
				+    font-size: 23px;
			
 
				+    font-weight: 400;
			
 
				+}
			
 
				+
			
 
				+/* 第一页连接块儿 */
			
 
				+.home-page .home-page-main .page1-connect{
			
 
				+    width: 100%;
			
 
				+    /* height: 132px; */
			
 
				+    background-color: #F1F1F1;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1-connect .title{ 
			
 
				+    /* width: 371px; */
			
 
				+    /* height: 41px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 29px;
			
 
				+    color: #333333;
			
 
				+    /* line-height: 41px; */
			
 
				+    letter-spacing: 2px;
			
 
				+    padding-top: 1.5%;
			
 
				+    padding-bottom: 1.63%;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1-connect .contant-box{
			
 
				+    /* width: 922px; */
			
 
				+    width: 62.86%;
			
 
				+    /* height: 30px; */
			
 
				+    display: flex;
			
 
				+    padding-bottom: 1.5%;
			
 
				+    justify-content: space-around;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+/* 第3页客服与销售 */
			
 
				+.home-page .home-page-main .page2 {
			
 
				+    width: 100%;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    /* background: rgb(37, 43, 66); */
			
 
				+    /* padding-top: 74px; */
			
 
				+    padding-top: 114px;
			
 
				+    padding-bottom: 100px;
			
 
				+    /* background-image: url('@/assets/img/bg5@2x.jpg'); */
			
 
				+    /* background-size: cover; */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page2 .title {
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #333;
			
 
				+    text-align: center;
			
 
				+    /* line-height: 40px;
			
 
				+    height: 100px; */
			
 
				+    letter-spacing: 3px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page2 .text {
			
 
				+    width: 116px;
			
 
				+    height: 25px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 18px;
			
 
				+    color: #666;
			
 
				+    line-height: 25px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 18px;
			
 
				+    margin-bottom: 42px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list{
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    width: 988px;
			
 
				+    height: 354px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li{
			
 
				+    box-sizing: border-box;
			
 
				+    flex: 0 0 310px;
			
 
				+    max-width: 310px;
			
 
				+    transition: all 0.4s linear;
			
 
				+    background-image: url('@/assets/img/nbg1.1@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: center;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .item{
			
 
				+    background: #E7F0FF;
			
 
				+    background-image: url('@/assets/img/bg1.2@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: center;
			
 
				+    border-radius: 17px;
			
 
				+
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on .right-bg{
			
 
				+    background-image: url('@/assets/img/ai_chat@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    width: 371px;
			
 
				+    height: 273px;
			
 
				+    margin-left: 15px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li .icon{
			
 
				+    width: 32px;
			
 
				+    height: 32px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on .tit{
			
 
				+    /* width: 106px; */
			
 
				+    height: 28px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 20px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 28px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li .tit{
			
 
				+    color: #333;
			
 
				+    height: 28px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 20px;
			
 
				+    line-height: 28px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li .txt{
			
 
				+    color: #333;
			
 
				+    height: 16px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    line-height: 16px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li .txt .icon-bg{
			
 
				+    width: 9px;
			
 
				+    height: 9px;
			
 
				+    margin-right: 3px;
			
 
				+    background-image: url('@/assets/img/icon_mak2@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on .txt .icon-bg{
			
 
				+    width: 9px;
			
 
				+    height: 9px;
			
 
				+    margin-right: 3px;
			
 
				+    background-image: url('@/assets/img/icon_mak@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on .txt{
			
 
				+    /* width: 174px; */
			
 
				+    height: 16px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 16px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .item .bg{
			
 
				+    width: 663px;
			
 
				+    height: 354px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on{
			
 
				+    flex: 0 0 663px !important;
			
 
				+    max-width: 663px !important;
			
 
				+    /* background: linear-gradient(180deg, rgba(124, 157, 250, 1) 0%, rgba(73, 123, 242, 1) 100%); */
			
 
				+    background-image: url('@/assets/img/bg1.11@2x.jpg');
			
 
				+    background-repeat: no-repeat, no-repeat; 
			
 
				+    background-position: center, center; 
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page3 {
			
 
				+    width: 100%;
			
 
				+    height: 850px;
			
 
				+    padding:44px 0 158px 0;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+    background-image: url('@/assets/img/nbg2@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page3 .title {
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #333;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting {
			
 
				+    display: flex;
			
 
				+    flex-shrink: 0;
			
 
				+    align-items: center;
			
 
				+    margin-top: 100px;
			
 
				+    width: 988px;
			
 
				+    height: 502px;
			
 
				+   opacity: 0.8; /* 初始不透明度 */
			
 
				+    transition: transform 0.3s, opacity 0.3s;
			
 
				+}
			
 
				+/* .home-page .home-page-main .page3.active .anti-counterfeiting {
			
 
				+    opacity: 1; 
			
 
				+    transform: perspective(1200px) translateX(0) translateY(0) scale(1) rotate(0deg) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) translateZ(0);
			
 
				+} */
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .left-box{
			
 
				+    width: 292px;
			
 
				+    height: 502px;
			
 
				+    /* background: linear-gradient( 180deg, #7C9DFA 0%, #497BF2 100%); */
			
 
				+    background-image: url('@/assets/img/leftBox@2x.jpg');
			
 
				+    /* box-shadow: 0px 2 14px 0px #EEE; */
			
 
				+    background-repeat: no-repeat, no-repeat; 
			
 
				+    background-size: 100% 100%;
			
 
				+    border-radius: 17px;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .left-box .title{
			
 
				+    width: 146px;
			
 
				+    height: 21px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFF;
			
 
				+    line-height: 21px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 42px;
			
 
				+    margin-top: 82px;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .left-box .text{
			
 
				+    /* width: 179px; */
			
 
				+    height: 47px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 34px;
			
 
				+    color: #FFF;
			
 
				+    line-height: 47px;
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 42px;
			
 
				+    margin-top: 6px;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .left-box .content{
			
 
				+    width: 234px;
			
 
				+    height: 185px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #FFF;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 42px;
			
 
				+    margin-top: 16px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: space-between;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .right-box{
			
 
				+    display: flex;
			
 
				+    flex-wrap: wrap;
			
 
				+    height: 512px;
			
 
				+    width: 682px;
			
 
				+    margin-left: 12px;
			
 
				+    margin-top: 10px;
			
 
				+    justify-content: space-between;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item{
			
 
				+    width: 335px;
			
 
				+    height: 159px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 16px;
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+    display: inline-block;
			
 
				+     cursor: pointer;
			
 
				+     z-index: 1;
			
 
				+}
			
 
				+
			
 
				+/* 鼠标悬停时的效果 */
			
 
				+/* .home-page .home-page-main .page3 .anti-counterfeiting .item:hover {
			
 
				+    opacity: 1; 完全不透明
			
 
				+    transform: perspective(1200px) rotateX(0deg) rotateY(0deg); 重置旋转
			
 
				+} */
			
 
				+/* .home-page .home-page-main .page3 .anti-counterfeiting .item .bg{
			
 
				+    position: absolute;
			
 
				+    left: 0;
			
 
				+    top: 0;
			
 
				+    width: 420px;
			
 
				+    height: 222px;
			
 
				+    border-radius:0 100px 0 0;
			
 
				+    background-color: #4e7ff3;
			
 
				+    transform: scale(0);
			
 
				+    transform-origin: left bottom;
			
 
				+    transition: transform .4s linear;
			
 
				+    animation: radius-out .4s linear;
			
 
				+} */
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item:hover::before {
			
 
				+    transform: scale(1); 
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item::before {
			
 
				+    content: "";
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    background-color: #4e7ff3;
			
 
				+    z-index: -1;
			
 
				+    transform: scale(0);
			
 
				+    transform-origin: bottom left;
			
 
				+    transition: transform 0.5s ease;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+/* .home-page .home-page-main .page3 .anti-counterfeiting .item.active::before {
			
 
				+  transform: translate(0, 0); 
			
 
				+}  */
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .icon{
			
 
				+    width: 31px;
			
 
				+    height: 31px;
			
 
				+    
			
 
				+    margin: 24px 0 12px 28px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    border-radius: 50%;
			
 
				+    transition: transform 0.4s ease; /* 过渡动画 */
			
 
				+    position: relative;
			
 
				+    z-index: 1; /* 保证内容在背景之上 */
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .title,
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .content {
			
 
				+  transition: color 0.4s ease; /* 颜色过渡效果 */
			
 
				+  position: relative;
			
 
				+  z-index: 1; /* 保证内容在背景之上 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item.active .title,
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item.active .content {
			
 
				+  color: #fff; /* 激活状态下的字体颜色 */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item.active .icon {
			
 
				+  transform: translateY(-10px); /* icon 的上移动画 */
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .title{
			
 
				+    width: 104px;
			
 
				+    height: 17px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 31px;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .content{
			
 
				+    width: 262px;
			
 
				+    height: 46px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #666666;
			
 
				+    line-height: 15px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 31px;
			
 
				+    margin-top: 8px;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 {
			
 
				+    /* padding: 83px 0 0 0; */
			
 
				+    /* padding: 4.4% 0 0 0; */
			
 
				+    width: 100%;
			
 
				+    height: 925px;
			
 
				+    /* height: 59.73%; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+     background-image: url('@/assets/img/bg5@2x.jpg');
			
 
				+    background-size: 100% 100%;
			
 
				+}
			
 
				+.marketing-item {
			
 
				+  transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.8s ease-out;
			
 
				+  will-change: transform, opacity;
			
 
				+}
			
 
				+
			
 
				+/* 初始状态 */
			
 
				+.marketing-item:nth-child(1) {
			
 
				+  opacity: 0.6;
			
 
				+  transform: perspective(1200px) translateX(-48px) translateY(48px) rotate(-8deg) rotateX(8deg) rotateY(8deg);
			
 
				+}
			
 
				+
			
 
				+.marketing-item:nth-child(2) {
			
 
				+  opacity: 0.7;
			
 
				+  transform: perspective(1200px) translateX(48px) translateY(78px) rotate(7deg) rotateX(14deg) rotateY(-13deg);
			
 
				+}
			
 
				+
			
 
				+.marketing-item:nth-child(3) {
			
 
				+  opacity: 0.6;
			
 
				+  transform: perspective(1200px) translateX(-48px) translateY(48px) rotate(-8deg) rotateX(8deg) rotateY(8deg);
			
 
				+}
			
 
				+
			
 
				+.marketing-item:nth-child(4) {
			
 
				+  opacity: 0.7;
			
 
				+  transform: perspective(1200px) translateX(48px) translateY(78px) rotate(7deg) rotateX(14deg) rotateY(-13deg);
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page4 .title {
			
 
				+    /* width: 619px; */
			
 
				+    /* height: 43px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #FFFFFF;
			
 
				+    /* line-height: 43px; */
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    /* margin-top: 4.4%; */
			
 
				+    margin-top: 83px;
			
 
				+    margin-bottom: 38px;
			
 
				+    /* margin-bottom: 4.1%; */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page4 .marketing-list {
			
 
				+    width: 1200px;
			
 
				+    /* width: 62.86%; */
			
 
				+    display: flex;
			
 
				+    flex-wrap: wrap;
			
 
				+    justify-content: center;
			
 
				+    /* margin-top: 38px; */
			
 
				+    margin-bottom: 82px;
			
 
				+    margin-left: -10px;
			
 
				+    margin-right: -10px;
			
 
				+    /* margin-top: 2.59%; */
			
 
				+    /* margin-bottom: 5.58%;
			
 
				+    margin-left: -0.68%;
			
 
				+    margin-right: -0.68%; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item{
			
 
				+    /* width: 48.5%; */
			
 
				+    /* height: 37.47%; */
			
 
				+    padding-left: 10px;
			
 
				+    padding-right: 10px;
			
 
				+    /* padding-left: 0.68%;
			
 
				+    padding-right: 0.68%; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .contant1-bg{
			
 
				+    width: 218px;
			
 
				+    height: 217px;
			
 
				+    /* width: 48.66%;
			
 
				+    height: 48.44%; */
			
 
				+    background-image: url('@/assets/img/img_1@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    position: absolute;
			
 
				+    right: 26px;
			
 
				+    top: 78px;
			
 
				+    /* top: 23.7%;
			
 
				+    right: 5.8%; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant2 .contant2-bg{
			
 
				+    width: 412px;
			
 
				+    height: 194px;
			
 
				+    background-image: url('@/assets/img/img_2@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    position: absolute;
			
 
				+    left: 23px;
			
 
				+    bottom: 0;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant3 .contant3-bg{
			
 
				+    width: 171px;
			
 
				+    height: 293px;
			
 
				+    background-image: url('@/assets/img/img_3@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    right: 0;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant3 .contant3-border{
			
 
				+    width: 180px;
			
 
				+    height: 302px;
			
 
				+    background: #FFF1E4;
			
 
				+    border-radius: 6px;
			
 
				+    border: 1px solid #FFFFFF;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    right: 0;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant4 .contant4-bg{
			
 
				+    width: 352px;
			
 
				+    height: 190px;
			
 
				+    background-image: url('@/assets/img/img_4@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    left: 47px;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant1{
			
 
				+    margin-bottom: 22px;
			
 
				+    /* margin-bottom: 1.5%; */
			
 
				+    position: relative;
			
 
				+    box-sizing: border-box;
			
 
				+    width: 448px;
			
 
				+    height: 329px;
			
 
				+    /* width: 100%;
			
 
				+    height: 37.47%; */
			
 
				+    display: flex;
			
 
				+    overflow: hidden;
			
 
				+    background: #D0F0FF;
			
 
				+    border-radius: 17px;
			
 
				+}
			
 
				+.marketing-item .common-box{
			
 
				+    padding: 54px 0 0 29px;
			
 
				+    /* padding: 12.05% 0 0 6.47%; */
			
 
				+}
			
 
				+ .common-box h3{
			
 
				+    font-size: 23px;
			
 
				+    color: #333;
			
 
				+}
			
 
				+ .common-box p{
			
 
				+    width: 202px;
			
 
				+    height: 92px;
			
 
				+    /* width: 45.1%; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    /* line-height: 17px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 34px;
			
 
				+    /* margin-top: 7.6%; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant2{
			
 
				+    margin-bottom: 22px;
			
 
				+    /* margin-bottom: 1.5%; */
			
 
				+    box-sizing: border-box;
			
 
				+    width: 448px;
			
 
				+    height: 329px;
			
 
				+    /* width: 100%;
			
 
				+    height: 94%; */
			
 
				+    overflow: hidden;
			
 
				+    background: #FFEEEE;
			
 
				+    border-radius: 17px;
			
 
				+    position: relative;
			
 
				+}
			
 
				+.marketing-item .contant2-box{
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .contant2-box h3{
			
 
				+    font-size: 23px;
			
 
				+    margin: 39px 0 0 83px;
			
 
				+    /* margin: 8.7% 0 0 18.53%; */
			
 
				+    color: #333;
			
 
				+    margin-bottom: 18px;
			
 
				+    /* margin-bottom: 0.4%; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .contant2-box .content{
			
 
				+    width: 378px;
			
 
				+    height: 92px;
			
 
				+    /* width: 84.38%; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    /* line-height: 17px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: right;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 34px;
			
 
				+    /* margin-left: 7.6%; */
			
 
				+    text-align: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant3{
			
 
				+    margin-bottom: 22px;
			
 
				+    /* margin-bottom: 1.5%; */
			
 
				+    position: relative;
			
 
				+    box-sizing: border-box;
			
 
				+    width: 448px;
			
 
				+    height: 329px;
			
 
				+    /* width: 100%;
			
 
				+    height: 94%; */
			
 
				+    overflow: visible;
			
 
				+    background: #FFFBEE;
			
 
				+    border-radius: 17px;
			
 
				+    position: relative;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant4{
			
 
				+    margin-bottom: 22px;
			
 
				+    /* margin-bottom: 1.5%; */
			
 
				+    box-sizing: border-box;
			
 
				+    width: 448px;
			
 
				+    height: 329px;
			
 
				+    /* width: 100%;
			
 
				+    height: 94%; */
			
 
				+    overflow: hidden;
			
 
				+    background: #DCF4F0;
			
 
				+    border-radius: 17px;
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page5 {
			
 
				+    width: 100%;
			
 
				+    background-color: #F7F7F7;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .ai-contrast{
			
 
				+     width: 100%;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    height: 137px;
			
 
				+    background: linear-gradient( 270deg, #0087F9 0%, #03B4EB 100%);
			
 
				+    z-index: 1;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .ai-contrast .right-bg{
			
 
				+    width: 689px;
			
 
				+    height: 137px;
			
 
				+    background-image: url('@/assets/img/bg4@2x.jpg');
			
 
				+    background-size: 100% 100%;
			
 
				+    position: absolute;
			
 
				+    right:0;
			
 
				+    z-index: 0;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .ai-contrast .title{
			
 
				+    /* width: 325px; */
			
 
				+    height: 43px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .ai-contrast .text{
			
 
				+    /* width: 629px; */
			
 
				+    height: 21px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 21px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 21px;
			
 
				+    z-index: 1;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg{
			
 
				+    width: 100%;
			
 
				+    height: 596px;
			
 
				+    background-image: url('@/assets/img/bg5.5@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant{
			
 
				+    width: 998px;
			
 
				+    height: 541px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 17px;
			
 
				+    margin-top: -25px;
			
 
				+    z-index: 2;
			
 
				+    margin-bottom: 80px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .tabs{
			
 
				+    height: 56px;
			
 
				+    line-height: 56px;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .tabs .tab-item{
			
 
				+    width: 167px;
			
 
				+    text-align: center;
			
 
				+    margin-right: 25px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .tabs .active{
			
 
				+    border-bottom: 5px solid #5C79E7;;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg{
			
 
				+    width: 998px;
			
 
				+    height: 246px;
			
 
				+    background-image: url('@/assets/img/bg52x.jpg');
			
 
				+    background-size: 100% 100%;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .content-box{
			
 
				+    width: 430px;
			
 
				+    height: 140px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin: 18px 0 0 77px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .content-box .content-item{
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    margin-bottom: 19px;
			
 
				+    align-items: flex-start;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .content-box .content-item .tit{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 14px;
			
 
				+    color: #333333;
			
 
				+    line-height: 19px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .content-box .content-item .text{
			
 
				+    width: 300px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #333333;
			
 
				+    line-height: 15px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .title{
			
 
				+    width: 232px;
			
 
				+    height: 44px;
			
 
				+    background: #5487E1;
			
 
				+    border-radius: 3px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 20px;
			
 
				+    color: #FFFFFF;
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    text-align: center;
			
 
				+    line-height: 44px;
			
 
				+    margin-top: 25px;
			
 
				+    margin-left: 73px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-title{
			
 
				+    width: 149px;
			
 
				+    height: 28px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 20px;
			
 
				+    color: #333333;
			
 
				+    line-height: 28px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 30px;
			
 
				+    margin-left: 77px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-box{
			
 
				+    display: flex;
			
 
				+    margin-left: 77px;
			
 
				+    height: 150px;
			
 
				+    width: 85%;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-item{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: center;
			
 
				+    flex: 1;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-item .title{
			
 
				+    /* width: 59px; */
			
 
				+    height: 19px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 14px;
			
 
				+    color: #333333;
			
 
				+    line-height: 19px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-bottom: 15px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-item .text{
			
 
				+    width: 230px;
			
 
				+    height: 46px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #333333;
			
 
				+    line-height: 15px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 {
			
 
				+    width: 100%;
			
 
				+    height: 701px;
			
 
				+    background-image: url('@/assets/img/bg6@2x.jpg');
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-size: 100% 100%;
			
 
				+    background-position: center center;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page6 .title {
			
 
				+    height: 48px;
			
 
				+    font-size: 31px;
			
 
				+    font-weight: 600;
			
 
				+    color: #fff;
			
 
				+    letter-spacing: 2px;
			
 
				+    /* width: 991px; */
			
 
				+    margin: 88px 0 68px 15px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .tabs-box{
			
 
				+    width: 991px;
			
 
				+    height: 49px;
			
 
				+    background: rgba(31, 35, 51,.8);
			
 
				+    border-radius: 14px;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .tabs-box .tab{
			
 
				+    width: 159px;
			
 
				+    height: 49px;
			
 
				+    line-height: 49px;
			
 
				+    text-align: center;
			
 
				+    font-style: normal;
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .tabs-box .tab span{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+}
			
 
				+/* .home-page .home-page-main .page6 .tabs-box .active{
			
 
				+    background: rgba(0, 0, 0, .7);
			
 
				+    border-radius: 15px;
			
 
				+    position: relative;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+} */
			
 
				+/* .home-page .home-page-main .page6 .tabs-box .active .activeBorder{
			
 
				+    width: 76px;
			
 
				+    height: 7px;
			
 
				+    background: linear-gradient( 270deg, #5E97FF 0%, #5E5BE6 100%);
			
 
				+    border-radius: 6px;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+} */
			
 
				+.home-page .home-page-main .page6 .content-box{
			
 
				+    width: 987px;
			
 
				+    height: 371px;
			
 
				+    background: #F2F5FD;
			
 
				+    border-radius: 17px;
			
 
				+    margin-top: 10px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .left-bg{
			
 
				+    width: 298px;
			
 
				+    height: 331px;
			
 
				+    border-radius: 6px;
			
 
				+    margin-left: 26px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box{
			
 
				+    width: 588px;
			
 
				+    height: 331px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin-left: 34px;
			
 
				+}
			
 
				+ 
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .class-name{
			
 
				+    width: 75px;
			
 
				+    height: 38px;
			
 
				+    background: linear-gradient( 270deg, #5E97FF 0%, #5E5BE6 100%);
			
 
				+    border-radius: 6px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 18px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 38px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: center;
			
 
				+    margin-top: 24px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .right-box-title{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 23px;
			
 
				+    color: #3B3B3B;
			
 
				+    height: 48px;
			
 
				+    line-height: 48px;
			
 
				+    margin-top: 8px;
			
 
				+    margin-left: 2px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .content{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 14px;
			
 
				+    color: #3B3B3B;
			
 
				+    margin-left: 2px;
			
 
				+    height: 87px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .bottom{
			
 
				+    margin-left: 2px;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    margin-top: 43px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .bottom .item{
			
 
				+    margin-right: 64px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .bottom .item .item-rate{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 23px;
			
 
				+    color: #333333;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .bottom .item .item-name{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #333333;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 {
			
 
				+     width: 100%;
			
 
				+    /* height: 701px; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .title {
			
 
				+    height: 43px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #333333;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+    margin-top: 147px;
			
 
				+    margin-bottom: 88px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box{
			
 
				+    /* width: calc(100% - 33px); */
			
 
				+    /* width: 100%; */
			
 
				+    height: 482px;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    /* position: relative; */
			
 
				+    /* padding-bottom: 20px; */
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box{
			
 
				+    width: 345px;
			
 
				+    height: 452px;
			
 
				+    background: #FFFFFF;
			
 
				+    box-shadow: 0px 3px 23px 0px rgba(0,0,0,0.08);
			
 
				+    border-radius: 17px;
			
 
				+    margin-right: 21px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    flex-shrink: 0; /* 防止子元素被压缩 */
			
 
				+    /* transition: transform 0.5s ease; */
			
 
				+}
			
 
				+/* @keyframes slide {
			
 
				+  0% {
			
 
				+    transform: translateX(0);
			
 
				+  }
			
 
				+  100% {
			
 
				+    transform: translateX(-50%);
			
 
				+  }
			
 
				+} */
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .value-item-img{
			
 
				+    width: 345px;
			
 
				+    height: 166px;
			
 
				+    background-size: 100% 100%;
			
 
				+    border-radius: 17px 17px 0 0;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .border-box{
			
 
				+    width: 30px;
			
 
				+    height: 9px;
			
 
				+    background: #393939;
			
 
				+    border-radius: 6px;
			
 
				+    margin-bottom: 21px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box{
			
 
				+    width: 305px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin-top: 27px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-content{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #333333;
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    height: 96px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-between;
			
 
				+    margin-top: 20px;
			
 
				+    height: 106px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .title-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .title-box .title{
			
 
				+     /* width: 64px; */
			
 
				+    height: 28px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 20px;
			
 
				+    color: #333333;
			
 
				+    line-height: 28px;
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    display: contents;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .title-box .industry{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #999999;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .logo{
			
 
				+    width: 106px;
			
 
				+    height: 106px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .logo1{
			
 
				+    width: 65px;
			
 
				+    height: 64px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 {
			
 
				+     width: 100%;
			
 
				+    /* height: 701px; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .title {
			
 
				+    height: 43px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #333333;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 127px;
			
 
				+    margin-bottom: 8px;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .text{
			
 
				+    /* width: 129px; */
			
 
				+    height: 17px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #666666;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    margin-bottom: 28px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant{
			
 
				+    width: 990px;
			
 
				+    height: 361px;
			
 
				+    background: #C7DAFA;
			
 
				+    border-radius: 17px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    /* justify-content: space-around; */
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .left-box{
			
 
				+    width: 237px;
			
 
				+    height: 96px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 23px;
			
 
				+    color: #333333;
			
 
				+    /* line-height: 32px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    margin: 0 8px 0 26px;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box{
			
 
				+    width: 74%;
			
 
				+    height: 100%;
			
 
				+    overflow: hidden;
			
 
				+    /* flex: 1; */
			
 
				+    display: flex;
			
 
				+    justify-content: flex-end;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper{
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    display: flex;
			
 
				+    overflow: hidden;
			
 
				+    /* margin: 10px 0; */
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .top-bg{
			
 
				+    position: absolute;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 40px;
			
 
				+    background-image: linear-gradient(180deg, #fff 24%, hsla(0, 0%, 100%, 0));
			
 
				+    z-index: 1;
			
 
				+    top: 0;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .bottom-bg{
			
 
				+    bottom: 0;
			
 
				+    transform: rotate(-180deg);
			
 
				+    position: absolute;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 40px;
			
 
				+    background-image: linear-gradient(180deg, #fff 24%, hsla(0, 0%, 100%, 0));
			
 
				+    z-index: 1;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp{
			
 
				+    margin-right:8px;
			
 
				+     box-sizing: border-box;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container {
			
 
				+  overflow: hidden;
			
 
				+  position: relative;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  width: 100%;
			
 
				+  /* transition: ease-in; */
			
 
				+  overflow: hidden;
			
 
				+  /* transition: all 0ms ease-in 0s */
			
 
				+  transition: transform 0.5s linear; 
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item {
			
 
				+  width: 100%;
			
 
				+  height: auto;
			
 
				+  background: #FFFFFF;
			
 
				+  border: 1px solid #C4E3FF;
			
 
				+  margin-bottom: 8px;
			
 
				+  padding: 20px;
			
 
				+  border-radius: 10px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .yinhao{
			
 
				+    width: 25px;
			
 
				+    height: 18px;
			
 
				+    margin-left: calc(100% - 25px);
			
 
				+    padding-bottom: 15px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .info-wrapper{
			
 
				+    display: flex;
			
 
				+    padding-bottom: 26px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .info-wrapper .avatar{
			
 
				+    width: 38px;
			
 
				+    height: 38px;
			
 
				+    margin-right: 10px;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .info-wrapper .info-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .info-wrapper .info-box span{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .item-content{
			
 
				+    width: 182px;
			
 
				+    
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .item-content .item-text{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #666666;
			
 
				+    font-style: normal;
			
 
				+    line-height: 15px;
			
 
				+    /* display: contents; */
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .item-content .time{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #B5B5B5;
			
 
				+    padding-top: 15px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9{
			
 
				+    width: 100%;
			
 
				+    /* height: 701px; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .title{
			
 
				+    /* width: 323px; */
			
 
				+    height: 47px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 34px;
			
 
				+    color: #333333;
			
 
				+    line-height: 47px;
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: right;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 198px;
			
 
				+    margin-bottom: 77px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box{
			
 
				+    width: 990px;
			
 
				+    height: 90px;
			
 
				+    border-radius: 17px;
			
 
				+    background-color: #0646A6;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .text-btn{
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    margin-bottom: 7px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .text-btn .text{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 28px;
			
 
				+    color: #FFFFFF;
			
 
				+    /* line-height: 38px; */
			
 
				+    letter-spacing: 2px;
			
 
				+    margin-left: 33px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .text-btn .btn1{
			
 
				+    width: 139px;
			
 
				+    height: 24px;
			
 
				+    background: linear-gradient( 270deg, rgba(93,128,255,0.06) 0%, #366BD1 100%);
			
 
				+    border-radius: 6px;
			
 
				+    border: 1px solid rgba(224,243,255,0.36);
			
 
				+    text-align: center;
			
 
				+    line-height: 24px;
			
 
				+    margin-left: 17px;
			
 
				+    color: #fff;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .text-btn .btn2{
			
 
				+    width: 104px;
			
 
				+    height: 24px;
			
 
				+    background: linear-gradient( 270deg, rgba(14,35,132,0) 0%, #2043BC 100%);
			
 
				+    border-radius: 6px;
			
 
				+    line-height: 24px;
			
 
				+    text-align: center;
			
 
				+    margin-left: 11px;
			
 
				+    color: #fff;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .content{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #FFFFFF;
			
 
				+    letter-spacing: 1px;
			
 
				+    margin-left: 33px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box{
			
 
				+    margin-top: 8px;
			
 
				+    width: 990px;
			
 
				+    /* height: 368px;
			
 
				+    background: #F6F8FF;
			
 
				+    border-radius: 17px;
			
 
				+    border: 1px solid #CDD7FF; */
			
 
				+    margin-bottom: 27px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    width: 300px;
			
 
				+    margin-left: 33px;
			
 
				+    margin-top: 60px;
			
 
				+}
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin-bottom: 31px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box .item-top{
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    margin-bottom: 12px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box .item-top .ball{
			
 
				+    width: 9px;
			
 
				+    height: 9px;
			
 
				+    background: #1B65EA;
			
 
				+    border-radius: 5px;
			
 
				+    margin-right: 18px;
			
 
				+    /* margin-bottom: 12px; */
			
 
				+}
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box .item-top .tit{
			
 
				+    width: 98px;
			
 
				+    height: 21px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 15px;
			
 
				+    color: #1B65EA;
			
 
				+    line-height: 21px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box .content{
			
 
				+    width: 238px;
			
 
				+    /* height: 48px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #666666;
			
 
				+    /* line-height: 16px; */
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 27px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .right-bg{
			
 
				+    width: 648px;
			
 
				+    height: 328px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 17px;
			
 
				+    border: 1px solid #CCCCFF;
			
 
				+    /* background-image: url("@/assets/img/swdt@2x.jpg");
			
 
				+    background-size: contain; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-evenly;
			
 
				+}
			
 
				+.home-page .home-page-main .page9 .carousel-box .right-bg .link{
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    justify-content: space-between;
			
 
				+    margin-left: 21px;
			
 
				+    align-items: center;
			
 
				+    width: 90%;
			
 
				+}
			
 
				+.home-page .home-page-main .page9 .carousel-box .right-bg .link span{
			
 
				+    /* width: 52px; */
			
 
				+    height: 17px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .right-bg .contant-bg{
			
 
				+    width: 632px;
			
 
				+    height: 247px;
			
 
				+    background-image: url("@/assets/img/swdt@2x.jpg");
			
 
				+    background-size: 100% 100%;
			
 
				+    /* margin-bottom: 10px; */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10{
			
 
				+    width: 100%;
			
 
				+    height: 568px;
			
 
				+    display: flex;
			
 
				+    background-image: url("@/assets/img/bg8@2x.jpg");
			
 
				+    background-size: 100% 100%;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    margin-top: 50px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box{
			
 
				+    /* width: 423px; */
			
 
				+    height: 390px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin-right: 29px;
			
 
				+    justify-content: space-around;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .title{
			
 
				+    /* width: 423px; */
			
 
				+    height: 43px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 31px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .text{
			
 
				+    width: 415px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 21px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item{
			
 
				+    display: flex;
			
 
				+        align-items: baseline;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item .drop-box{
			
 
				+    width: 9px;
			
 
				+    height: 9px;
			
 
				+    border-radius: 50%;
			
 
				+    background: #B2FFF3;
			
 
				+    margin-right: 12px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item .contant-box{
			
 
				+    width: 400px;
			
 
				+    height: 47px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: space-around;
			
 
				+}
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item .contant-box .tit{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+}
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item .contant-box .content{
			
 
				+   font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #FFFFFF; 
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .right-input-box{
			
 
				+    width: 486px;
			
 
				+    height: 390px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 17px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .right-input-box .right-input-title{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 23px;
			
 
				+    color: #333333;
			
 
				+    line-height: 32px;
			
 
				+    letter-spacing: 1px;
			
 
				+    margin: 28px 0 34px 28px;
			
 
				+}
			
--- a/src/assets/styles/home/index1.css
+++ b/src/assets/styles/home/index1.css
@@ -0,0 +1,1660 @@
 
				+.home-page {
			
 
				+    width: 100%;
			
 
				+    position: relative;
			
 
				+}
			
 
				+#page1, #page4, #page3, #page6, #page10 {
			
 
				+  scroll-margin-top: 60px; /* 根据导航栏的高度调整 */
			
 
				+}
			
 
				+.home-page .home-page-main {
			
 
				+    width: 100%;
			
 
				+    display: flex;
			
 
				+    flex-shrink: 0;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+/* 第一页轮播图 */
			
 
				+.home-page .home-page-main .page1 {
			
 
				+    width: 100%;
			
 
				+    /* height: 45.24%; */
			
 
				+    height: 665px;
			
 
				+    /* background-image: url('@/assets/img/banner1@2x.jpg'); */
			
 
				+    /* background-repeat: no-repeat; */
			
 
				+    /* background-size: cover; */
			
 
				+    /* background-position: top center; */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1 .title {
			
 
				+    word-break: break-word;
			
 
				+    width: 100%;
			
 
				+    height: 100px;
			
 
				+    /* line-height: 45px; */
			
 
				+    font-size: 30px;
			
 
				+    font-weight: bold;
			
 
				+    letter-spacing: 2px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1 .text {
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #A5B3D9;
			
 
				+    width: 586px;
			
 
				+    height: 54px;
			
 
				+    margin-top: 15px;
			
 
				+    word-break: break-word;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1 .to-consult-btn {
			
 
				+    /* width: 126px;
			
 
				+    height: 43px; */
			
 
				+    width: 8.6%;
			
 
				+    padding: 0.75% 0;
			
 
				+    /* height: 2.92%; */
			
 
				+    background: #5E7DFF;
			
 
				+    border-radius: 41px;
			
 
				+    /* line-height: 43px; */
			
 
				+    font-size: 15px;
			
 
				+    margin-top: 40px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    color: #fff;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page1 .to-consult-btn .icon-poly{
			
 
				+    width: 23px;
			
 
				+    height: 23px;
			
 
				+    margin-left: 8px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1 .home-banner {
			
 
				+    position: absolute;
			
 
				+    left: 240px;
			
 
				+    /* width: 586px; */
			
 
				+    width: 100%;
			
 
				+    height: 150px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    color: #F8FCFF;
			
 
				+    padding-top: 226px;
			
 
				+}
			
 
				+.home-page .home-page-main .page1 .home-img{
			
 
				+    width: 523px;
			
 
				+    height: 237px;
			
 
				+    /* background-color: pink; */
			
 
				+    position: absolute;
			
 
				+    right: 0;
			
 
				+    top: 277px;
			
 
				+}
			
 
				+.home-page .home-page-main .page1 .home-banner .title span{
			
 
				+    font-size: 61px;
			
 
				+    font-weight: 600;
			
 
				+}
			
 
				+.home-page .home-page-main .page1 .home-banner .title p{
			
 
				+    font-size: 23px;
			
 
				+    font-weight: 400;
			
 
				+}
			
 
				+
			
 
				+/* 第一页连接块儿 */
			
 
				+.home-page .home-page-main .page1-connect{
			
 
				+    width: 100%;
			
 
				+    /* height: 132px; */
			
 
				+    background-color: #F1F1F1;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1-connect .title{ 
			
 
				+    /* width: 371px; */
			
 
				+    /* height: 41px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 29px;
			
 
				+    color: #333333;
			
 
				+    /* line-height: 41px; */
			
 
				+    letter-spacing: 2px;
			
 
				+    padding-top: 1.5%;
			
 
				+    padding-bottom: 1.63%;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page1-connect .contant-box{
			
 
				+    /* width: 922px; */
			
 
				+    width: 62.86%;
			
 
				+    /* height: 30px; */
			
 
				+    display: flex;
			
 
				+    padding-bottom: 1.5%;
			
 
				+    justify-content: space-around;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+/* 第3页客服与销售 */
			
 
				+.home-page .home-page-main .page2 {
			
 
				+    width: 100%;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    /* padding-top: 114px;
			
 
				+    padding-bottom: 100px; */
			
 
				+    padding: 7.76% 0 6.8% 0;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page2 .title {
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #333;
			
 
				+    text-align: center;
			
 
				+    /* line-height: 40px;
			
 
				+    height: 100px; */
			
 
				+    letter-spacing: 3px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page2 .text {
			
 
				+    /* width: 116px;
			
 
				+    height: 25px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 18px;
			
 
				+    color: #666;
			
 
				+    /* line-height: 25px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    /* text-align: left; */
			
 
				+    font-style: normal;
			
 
				+    /* margin-top: 18px;
			
 
				+    margin-bottom: 42px; */
			
 
				+    margin: 1.22% 0 2.9% 0;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list{
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    /* width: 988px; */
			
 
				+    height: 354px;
			
 
				+    width: 67.21%;
			
 
				+    /* height: 24.08%; */
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li{
			
 
				+    box-sizing: border-box;
			
 
				+    /* flex: 0 0 310px;
			
 
				+    max-width: 310px; */
			
 
				+    flex: 0 0 31.38%;
			
 
				+    max-width: 31.38%;
			
 
				+    transition: all 0.4s linear;
			
 
				+    background-image: url('@/assets/img/nbg1.1@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: center;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .item{
			
 
				+    background: #E7F0FF;
			
 
				+    background-image: url('@/assets/img/bg1.2@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: center;
			
 
				+    border-radius: 17px;
			
 
				+
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on .right-bg{
			
 
				+    background-image: url('@/assets/img/ai_chat@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    /* width: 371px;
			
 
				+    height: 273px; */
			
 
				+    width: 55.96%;
			
 
				+    height: 77.12%;
			
 
				+    /* margin-left: 15px; */
			
 
				+    margin-left: 1.5%;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li .icon{
			
 
				+    width: 32px;
			
 
				+    height: 32px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on .tit{
			
 
				+    /* width: 106px; */
			
 
				+    height: 28px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 20px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 28px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li .tit{
			
 
				+    color: #333;
			
 
				+    height: 28px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 20px;
			
 
				+    line-height: 28px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li .txt{
			
 
				+    color: #333;
			
 
				+    height: 16px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    line-height: 16px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list>li .txt .icon-bg{
			
 
				+    width: 9px;
			
 
				+    height: 9px;
			
 
				+    margin-right: 3px;
			
 
				+    background-image: url('@/assets/img/icon_mak2@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on .txt .icon-bg{
			
 
				+    width: 9px;
			
 
				+    height: 9px;
			
 
				+    margin-right: 3px;
			
 
				+    background-image: url('@/assets/img/icon_mak@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on .txt{
			
 
				+    /* width: 174px; */
			
 
				+    height: 16px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 16px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .item .bg{
			
 
				+    /* width: 663px; */
			
 
				+    width: 67.11%;
			
 
				+    height: 354px;
			
 
				+}
			
 
				+.home-page .home-page-main .page2 .list .on{
			
 
				+    /* flex: 0 0 663px !important;
			
 
				+    max-width: 663px !important; */
			
 
				+    flex: 0 0 67.11% !important;
			
 
				+    max-width: 67.11% !important;
			
 
				+    /* background: linear-gradient(180deg, rgba(124, 157, 250, 1) 0%, rgba(73, 123, 242, 1) 100%); */
			
 
				+    background-image: url('@/assets/img/bg1.11@2x.jpg');
			
 
				+    background-repeat: no-repeat, no-repeat; 
			
 
				+    background-position: center, center; 
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+.home-page .home-page-main .page3 {
			
 
				+    width: 100%;
			
 
				+    /* height: 850px; */
			
 
				+    height: 57.82%;
			
 
				+    /* padding:44px 0 158px 0; */
			
 
				+    padding:3% 0 10.75% 0;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+    background-image: url('@/assets/img/nbg2@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page3 .title {
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #333;
			
 
				+    /* line-height: 43px; */
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting {
			
 
				+    display: flex;
			
 
				+    flex-shrink: 0;
			
 
				+    align-items: center;
			
 
				+    /* margin-top: 100px; */
			
 
				+    margin-top: 6.8%;
			
 
				+     width: 67.21%;
			
 
				+     height: 34.15%;
			
 
				+    /* width: 988px;
			
 
				+    height: 502px; */
			
 
				+   opacity: 0.8; /* 初始不透明度 */
			
 
				+    transition: transform 0.3s, opacity 0.3s;
			
 
				+}
			
 
				+/* .home-page .home-page-main .page3.active .anti-counterfeiting {
			
 
				+    opacity: 1; 
			
 
				+    transform: perspective(1200px) translateX(0) translateY(0) scale(1) rotate(0deg) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) translateZ(0);
			
 
				+} */
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .left-box{
			
 
				+    /* width: 292px; */
			
 
				+    width: 29.56%;
			
 
				+    height: 502px;
			
 
				+    /* background: linear-gradient( 180deg, #7C9DFA 0%, #497BF2 100%); */
			
 
				+    background-image: url('@/assets/img/leftBox@2x.jpg');
			
 
				+    /* box-shadow: 0px 2 14px 0px #EEE; */
			
 
				+    background-repeat: no-repeat, no-repeat; 
			
 
				+    background-size: 100% 100%;
			
 
				+    border-radius: 17px;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .left-box .title{
			
 
				+    /* width: 146px;
			
 
				+    height: 21px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFF;
			
 
				+    /* line-height: 21px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    /* margin-left: 42px;
			
 
				+    margin-top: 82px; */
			
 
				+    margin-left: 14.38%;
			
 
				+    margin-top: 28.08%;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .left-box .text{
			
 
				+    /* width: 179px; */
			
 
				+    /* height: 47px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 34px;
			
 
				+    color: #FFF;
			
 
				+    /* line-height: 47px; */
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    /* margin-left: 42px;
			
 
				+    margin-top: 6px; */
			
 
				+    margin-left: 14.38%;
			
 
				+    margin-top: 0.21%;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .left-box .content{
			
 
				+    /* width: 234px;
			
 
				+    height: 185px; */
			
 
				+    height: 63.36%;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #FFF;
			
 
				+    /* line-height: 17px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    /* margin-left: 42px;
			
 
				+    margin-top: 16px; */
			
 
				+     margin-left: 14.38%;
			
 
				+    margin-top: 5.5%;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: space-between;
			
 
				+    /* margin-bottom: 144px; */
			
 
				+    margin-bottom: 49.32%;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .right-box{
			
 
				+    display: flex;
			
 
				+    flex-wrap: wrap;
			
 
				+    height: 512px;
			
 
				+    width: 682px;
			
 
				+    margin-left: 12px;
			
 
				+    margin-top: 10px;
			
 
				+    justify-content: space-between;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item{
			
 
				+    width: 335px;
			
 
				+    height: 159px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 16px;
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+    display: inline-block;
			
 
				+     cursor: pointer;
			
 
				+     z-index: 1;
			
 
				+}
			
 
				+
			
 
				+/* 鼠标悬停时的效果 */
			
 
				+/* .home-page .home-page-main .page3 .anti-counterfeiting .item:hover {
			
 
				+    opacity: 1; 完全不透明
			
 
				+    transform: perspective(1200px) rotateX(0deg) rotateY(0deg); 重置旋转
			
 
				+} */
			
 
				+/* .home-page .home-page-main .page3 .anti-counterfeiting .item .bg{
			
 
				+    position: absolute;
			
 
				+    left: 0;
			
 
				+    top: 0;
			
 
				+    width: 420px;
			
 
				+    height: 222px;
			
 
				+    border-radius:0 100px 0 0;
			
 
				+    background-color: #4e7ff3;
			
 
				+    transform: scale(0);
			
 
				+    transform-origin: left bottom;
			
 
				+    transition: transform .4s linear;
			
 
				+    animation: radius-out .4s linear;
			
 
				+} */
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item:hover::before {
			
 
				+    transform: scale(1); 
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item::before {
			
 
				+    content: "";
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    background-color: #4e7ff3;
			
 
				+    z-index: -1;
			
 
				+    transform: scale(0);
			
 
				+    transform-origin: bottom left;
			
 
				+    transition: transform 0.5s ease;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+/* .home-page .home-page-main .page3 .anti-counterfeiting .item.active::before {
			
 
				+  transform: translate(0, 0); 
			
 
				+}  */
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .icon{
			
 
				+    width: 31px;
			
 
				+    height: 31px;
			
 
				+    
			
 
				+    margin: 24px 0 12px 28px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    border-radius: 50%;
			
 
				+    transition: transform 0.4s ease; /* 过渡动画 */
			
 
				+    position: relative;
			
 
				+    z-index: 1; /* 保证内容在背景之上 */
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .title,
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .content {
			
 
				+  transition: color 0.4s ease; /* 颜色过渡效果 */
			
 
				+  position: relative;
			
 
				+  z-index: 1; /* 保证内容在背景之上 */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item.active .title,
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item.active .content {
			
 
				+  color: #fff; /* 激活状态下的字体颜色 */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item.active .icon {
			
 
				+  transform: translateY(-10px); /* icon 的上移动画 */
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .title{
			
 
				+    width: 104px;
			
 
				+    height: 17px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 31px;
			
 
				+}
			
 
				+.home-page .home-page-main .page3 .anti-counterfeiting .item .content{
			
 
				+    width: 262px;
			
 
				+    height: 46px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #666666;
			
 
				+    line-height: 15px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 31px;
			
 
				+    margin-top: 8px;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 {
			
 
				+    /* padding: 83px 0 0 0; */
			
 
				+    padding: 4.4% 0 0 0;
			
 
				+    width: 100%;
			
 
				+    /* height: 925px; */
			
 
				+    height: 59.73%;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+     background-image: url('@/assets/img/bg5@2x.jpg');
			
 
				+    background-size: 100% 100%;
			
 
				+}
			
 
				+.marketing-item {
			
 
				+  transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.8s ease-out;
			
 
				+  will-change: transform, opacity;
			
 
				+}
			
 
				+
			
 
				+/* 初始状态 */
			
 
				+.marketing-item:nth-child(1) {
			
 
				+  opacity: 0.6;
			
 
				+  transform: perspective(1200px) translateX(-48px) translateY(48px) rotate(-8deg) rotateX(8deg) rotateY(8deg);
			
 
				+}
			
 
				+
			
 
				+.marketing-item:nth-child(2) {
			
 
				+  opacity: 0.7;
			
 
				+  transform: perspective(1200px) translateX(48px) translateY(78px) rotate(7deg) rotateX(14deg) rotateY(-13deg);
			
 
				+}
			
 
				+
			
 
				+.marketing-item:nth-child(3) {
			
 
				+  opacity: 0.6;
			
 
				+  transform: perspective(1200px) translateX(-48px) translateY(48px) rotate(-8deg) rotateX(8deg) rotateY(8deg);
			
 
				+}
			
 
				+
			
 
				+.marketing-item:nth-child(4) {
			
 
				+  opacity: 0.7;
			
 
				+  transform: perspective(1200px) translateX(48px) translateY(78px) rotate(7deg) rotateX(14deg) rotateY(-13deg);
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page4 .title {
			
 
				+    /* width: 619px; */
			
 
				+    /* height: 43px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #FFFFFF;
			
 
				+    /* line-height: 43px; */
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 4.4%;
			
 
				+    margin-bottom: 4.1%;
			
 
				+    /* margin-top: 83px;
			
 
				+    margin-bottom: 38px; */
			
 
				+    
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page4 .marketing-list {
			
 
				+    /* width: 1200px; */
			
 
				+    width: 62.86%;
			
 
				+    display: flex;
			
 
				+    flex-wrap: wrap;
			
 
				+    justify-content: center;
			
 
				+    /* margin-top: 38px; */
			
 
				+    /* margin-bottom: 82px;
			
 
				+    margin-left: -10px;
			
 
				+    margin-right: -10px; */
			
 
				+    /* margin-top: 2.59%; */
			
 
				+    margin-bottom: 5.58%;
			
 
				+    margin-left: -0.68%;
			
 
				+    margin-right: -0.68%;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item{
			
 
				+    width: 48.5%;
			
 
				+    height: 329px;
			
 
				+    /* height: 73.5%; */
			
 
				+    /* padding-left: 10px;
			
 
				+    padding-right: 10px; */
			
 
				+    padding-left: 0.68%;
			
 
				+    padding-right: 0.68%;
			
 
				+    margin-bottom: 1.5%;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .contant1-bg{
			
 
				+    width: 218px;
			
 
				+    height: 217px;
			
 
				+    /* width: 48.66%;
			
 
				+    height: 48.44%; */
			
 
				+    background-image: url('@/assets/img/img_1@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    margin-top: 17.4%;
			
 
				+    /* position: absolute; */
			
 
				+    /* right: 26px;
			
 
				+    top: 78px; */
			
 
				+    /* top: 23.7%;
			
 
				+    right: 5.8%; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant2 .contant2-bg{
			
 
				+    width: 412px;
			
 
				+    height: 194px;
			
 
				+    /* width: 91.96%;
			
 
				+    height: 43.3%; */
			
 
				+    background-image: url('@/assets/img/img_2@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    margin-top:3.3%;
			
 
				+    margin-left: 5.1%;
			
 
				+    /* position: absolute;
			
 
				+    left: 23px;
			
 
				+    bottom: 0; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant3 .contant3-bg{
			
 
				+    width: 171px;
			
 
				+    height: 293px;
			
 
				+    background-image: url('@/assets/img/img_3@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    /* position: absolute;
			
 
				+    bottom: 0;
			
 
				+    right: 0; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant3 .contant3-border{
			
 
				+    width: 180px;
			
 
				+    height: 302px;
			
 
				+    background: #FFF1E4;
			
 
				+    border-radius: 6px;
			
 
				+    border: 1px solid #FFFFFF;
			
 
				+    display: flex;
			
 
				+    align-items: end;
			
 
				+    justify-content: end;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant4 .contant4-bg{
			
 
				+    width: 352px;
			
 
				+    height: 190px;
			
 
				+    background-image: url('@/assets/img/img_4@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    margin-top:3.3%;
			
 
				+    margin-left: 10.5%;
			
 
				+    /* position: absolute;
			
 
				+    bottom: 0;
			
 
				+    left: 47px; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant1{
			
 
				+    /* margin-bottom: 22px; */
			
 
				+    /* margin-bottom: 1.5%; */
			
 
				+    /* position: relative; */
			
 
				+    box-sizing: border-box;
			
 
				+    /* width: 448px;
			
 
				+    height: 329px; */
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    display: flex;
			
 
				+    /* overflow: hidden; */
			
 
				+    background: #D0F0FF;
			
 
				+    border-radius: 17px;
			
 
				+}
			
 
				+.marketing-item .common-box{
			
 
				+    /* padding: 54px 0 0 29px; */
			
 
				+    /* padding: 12.05% 0 30.1% 6.47%; */
			
 
				+    width: 45.1%;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin: 12.1% 0 31% 6.5%;
			
 
				+}
			
 
				+ .common-box h3{
			
 
				+    font-size: 23px;
			
 
				+    color: #333;
			
 
				+}
			
 
				+ .common-box p{
			
 
				+    /* width: 202px;
			
 
				+    height: 92px; */
			
 
				+    /* height: 20.54%; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    /* line-height: 17px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    /* margin-top: 34px; */
			
 
				+    margin-top: 7.6%;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant2{
			
 
				+    /* margin-bottom: 22px; */
			
 
				+    /* margin-bottom: 1.5%; */
			
 
				+    box-sizing: border-box;
			
 
				+    /* width: 448px;
			
 
				+    height: 329px; */
			
 
				+    /* width: 100%;
			
 
				+    height: 94%; */
			
 
				+    /* overflow: hidden; */
			
 
				+    background: #FFEEEE;
			
 
				+    border-radius: 17px;
			
 
				+    /* display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center; */
			
 
				+    /* position: relative; */
			
 
				+}
			
 
				+.marketing-item .contant2-box{
			
 
				+    /* width: 100%; */
			
 
				+    /* padding: 0% 0 47.45% 0%; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .contant2-box h3{
			
 
				+    font-size: 23px;
			
 
				+    text-align: center;
			
 
				+    /* margin: 39px 0 0 83px; */
			
 
				+    margin: 8.7% 0 4% 0%;
			
 
				+    color: #333;
			
 
				+    /* margin-bottom: 18px; */
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .contant2-box .content{
			
 
				+    /* width: 378px;
			
 
				+    height: 92px; */
			
 
				+    /* width: 84.38%; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    /* line-height: 17px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    /* margin-left: 34px; */
			
 
				+    /* margin-left: 7.6%; */
			
 
				+    text-align: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant3{
			
 
				+    /* margin-bottom: 22px; */
			
 
				+    /* margin-bottom: 1.5%; */
			
 
				+    /* position: relative; */
			
 
				+    box-sizing: border-box;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+     display: flex;
			
 
				+     flex-direction: row;
			
 
				+     justify-content: space-between;
			
 
				+     align-items: end;
			
 
				+    /* height: 94%; */
			
 
				+    /* width: 448px;
			
 
				+    height: 329px; */
			
 
				+    /* width: 100%;
			
 
				+    height: 94%; */
			
 
				+    /* overflow: visible; */
			
 
				+    background: #FFFBEE;
			
 
				+    border-radius: 17px;
			
 
				+}
			
 
				+.home-page .home-page-main .page4 .marketing-list .marketing-item .item-contant4{
			
 
				+    /* margin-bottom: 22px; */
			
 
				+    /* margin-bottom: 1.5%; */
			
 
				+    box-sizing: border-box;
			
 
				+    /* width: 448px;
			
 
				+    height: 329px; */
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    /* height: 94%; */
			
 
				+    /* overflow: hidden; */
			
 
				+    background: #DCF4F0;
			
 
				+    border-radius: 17px;
			
 
				+    /* position: relative; */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page5 {
			
 
				+    width: 100%;
			
 
				+    background-color: #F7F7F7;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .ai-contrast{
			
 
				+     width: 100%;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    height: 137px;
			
 
				+    background: linear-gradient( 270deg, #0087F9 0%, #03B4EB 100%);
			
 
				+    z-index: 1;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .ai-contrast .right-bg{
			
 
				+    width: 689px;
			
 
				+    height: 137px;
			
 
				+    background-image: url('@/assets/img/bg4@2x.jpg');
			
 
				+    background-size: 100% 100%;
			
 
				+    position: absolute;
			
 
				+    right:0;
			
 
				+    z-index: 0;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .ai-contrast .title{
			
 
				+    /* width: 325px; */
			
 
				+    height: 43px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .ai-contrast .text{
			
 
				+    /* width: 629px; */
			
 
				+    height: 21px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 21px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 21px;
			
 
				+    z-index: 1;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg{
			
 
				+    width: 100%;
			
 
				+    height: 596px;
			
 
				+    background-image: url('@/assets/img/bg5.5@2x.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant{
			
 
				+    width: 998px;
			
 
				+    height: 541px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 17px;
			
 
				+    margin-top: -25px;
			
 
				+    z-index: 2;
			
 
				+    margin-bottom: 80px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .tabs{
			
 
				+    height: 56px;
			
 
				+    line-height: 56px;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .tabs .tab-item{
			
 
				+    width: 167px;
			
 
				+    text-align: center;
			
 
				+    margin-right: 25px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .tabs .active{
			
 
				+    border-bottom: 5px solid #5C79E7;;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg{
			
 
				+    width: 998px;
			
 
				+    height: 246px;
			
 
				+    background-image: url('@/assets/img/bg52x.jpg');
			
 
				+    background-size: 100% 100%;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .content-box{
			
 
				+    width: 430px;
			
 
				+    height: 140px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin: 18px 0 0 77px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .content-box .content-item{
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    margin-bottom: 19px;
			
 
				+    align-items: flex-start;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .content-box .content-item .tit{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 14px;
			
 
				+    color: #333333;
			
 
				+    line-height: 19px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .content-box .content-item .text{
			
 
				+    width: 300px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #333333;
			
 
				+    line-height: 15px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .content-bg .title{
			
 
				+    width: 232px;
			
 
				+    height: 44px;
			
 
				+    background: #5487E1;
			
 
				+    border-radius: 3px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 20px;
			
 
				+    color: #FFFFFF;
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    text-align: center;
			
 
				+    line-height: 44px;
			
 
				+    margin-top: 25px;
			
 
				+    margin-left: 73px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-title{
			
 
				+    width: 149px;
			
 
				+    height: 28px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 20px;
			
 
				+    color: #333333;
			
 
				+    line-height: 28px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 30px;
			
 
				+    margin-left: 77px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-box{
			
 
				+    display: flex;
			
 
				+    margin-left: 77px;
			
 
				+    height: 150px;
			
 
				+    width: 85%;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-item{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: center;
			
 
				+    flex: 1;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-item .title{
			
 
				+    /* width: 59px; */
			
 
				+    height: 19px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 14px;
			
 
				+    color: #333333;
			
 
				+    line-height: 19px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-bottom: 15px;
			
 
				+}
			
 
				+.home-page .home-page-main .page5 .contant-bg .contant .bottom-item .text{
			
 
				+    width: 230px;
			
 
				+    height: 46px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #333333;
			
 
				+    line-height: 15px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 {
			
 
				+    width: 100%;
			
 
				+    height: 701px;
			
 
				+    background-image: url('@/assets/img/bg6@2x.jpg');
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-size: 100% 100%;
			
 
				+    background-position: center center;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page6 .title {
			
 
				+    height: 48px;
			
 
				+    font-size: 31px;
			
 
				+    font-weight: 600;
			
 
				+    color: #fff;
			
 
				+    letter-spacing: 2px;
			
 
				+    /* width: 991px; */
			
 
				+    margin: 88px 0 68px 15px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .tabs-box{
			
 
				+    width: 991px;
			
 
				+    height: 49px;
			
 
				+    background: rgba(31, 35, 51,.8);
			
 
				+    border-radius: 14px;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .tabs-box .tab{
			
 
				+    width: 159px;
			
 
				+    height: 49px;
			
 
				+    line-height: 49px;
			
 
				+    text-align: center;
			
 
				+    font-style: normal;
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .tabs-box .tab span{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+}
			
 
				+/* .home-page .home-page-main .page6 .tabs-box .active{
			
 
				+    background: rgba(0, 0, 0, .7);
			
 
				+    border-radius: 15px;
			
 
				+    position: relative;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+} */
			
 
				+/* .home-page .home-page-main .page6 .tabs-box .active .activeBorder{
			
 
				+    width: 76px;
			
 
				+    height: 7px;
			
 
				+    background: linear-gradient( 270deg, #5E97FF 0%, #5E5BE6 100%);
			
 
				+    border-radius: 6px;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+} */
			
 
				+.home-page .home-page-main .page6 .content-box{
			
 
				+    width: 987px;
			
 
				+    height: 371px;
			
 
				+    background: #F2F5FD;
			
 
				+    border-radius: 17px;
			
 
				+    margin-top: 10px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .left-bg{
			
 
				+    width: 298px;
			
 
				+    height: 331px;
			
 
				+    border-radius: 6px;
			
 
				+    margin-left: 26px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box{
			
 
				+    width: 588px;
			
 
				+    height: 331px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin-left: 34px;
			
 
				+}
			
 
				+ 
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .class-name{
			
 
				+    width: 75px;
			
 
				+    height: 38px;
			
 
				+    background: linear-gradient( 270deg, #5E97FF 0%, #5E5BE6 100%);
			
 
				+    border-radius: 6px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 18px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 38px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: center;
			
 
				+    margin-top: 24px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .right-box-title{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 23px;
			
 
				+    color: #3B3B3B;
			
 
				+    height: 48px;
			
 
				+    line-height: 48px;
			
 
				+    margin-top: 8px;
			
 
				+    margin-left: 2px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .content{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 14px;
			
 
				+    color: #3B3B3B;
			
 
				+    margin-left: 2px;
			
 
				+    height: 87px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .bottom{
			
 
				+    margin-left: 2px;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    margin-top: 43px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .bottom .item{
			
 
				+    margin-right: 64px;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .bottom .item .item-rate{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 23px;
			
 
				+    color: #333333;
			
 
				+}
			
 
				+.home-page .home-page-main .page6 .content-box .right-box .bottom .item .item-name{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #333333;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 {
			
 
				+     width: 100%;
			
 
				+    /* height: 701px; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .title {
			
 
				+    height: 43px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #333333;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+    margin-top: 147px;
			
 
				+    margin-bottom: 88px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box{
			
 
				+    /* width: calc(100% - 33px); */
			
 
				+    /* width: 100%; */
			
 
				+    height: 482px;
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    /* position: relative; */
			
 
				+    /* padding-bottom: 20px; */
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box{
			
 
				+    width: 345px;
			
 
				+    height: 452px;
			
 
				+    background: #FFFFFF;
			
 
				+    box-shadow: 0px 3px 23px 0px rgba(0,0,0,0.08);
			
 
				+    border-radius: 17px;
			
 
				+    margin-right: 21px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    flex-shrink: 0; /* 防止子元素被压缩 */
			
 
				+    /* transition: transform 0.5s ease; */
			
 
				+}
			
 
				+/* @keyframes slide {
			
 
				+  0% {
			
 
				+    transform: translateX(0);
			
 
				+  }
			
 
				+  100% {
			
 
				+    transform: translateX(-50%);
			
 
				+  }
			
 
				+} */
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .value-item-img{
			
 
				+    width: 345px;
			
 
				+    height: 166px;
			
 
				+    background-size: 100% 100%;
			
 
				+    border-radius: 17px 17px 0 0;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .border-box{
			
 
				+    width: 30px;
			
 
				+    height: 9px;
			
 
				+    background: #393939;
			
 
				+    border-radius: 6px;
			
 
				+    margin-bottom: 21px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box{
			
 
				+    width: 305px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin-top: 27px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-content{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #333333;
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    height: 96px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-between;
			
 
				+    margin-top: 20px;
			
 
				+    height: 106px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .title-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .title-box .title{
			
 
				+     /* width: 64px; */
			
 
				+    height: 28px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 20px;
			
 
				+    color: #333333;
			
 
				+    line-height: 28px;
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    display: contents;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .title-box .industry{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #999999;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .logo{
			
 
				+    width: 106px;
			
 
				+    height: 106px;
			
 
				+}
			
 
				+.home-page .home-page-main .page7 .value-box .value-item-box .item-content-box .item-bottom-box .logo1{
			
 
				+    width: 65px;
			
 
				+    height: 64px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 {
			
 
				+     width: 100%;
			
 
				+    /* height: 701px; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .title {
			
 
				+    height: 43px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 31px;
			
 
				+    color: #333333;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 127px;
			
 
				+    margin-bottom: 8px;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .text{
			
 
				+    /* width: 129px; */
			
 
				+    height: 17px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #666666;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    margin-bottom: 28px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant{
			
 
				+    width: 990px;
			
 
				+    height: 361px;
			
 
				+    background: #C7DAFA;
			
 
				+    border-radius: 17px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    /* justify-content: space-around; */
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .left-box{
			
 
				+    width: 237px;
			
 
				+    height: 96px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 23px;
			
 
				+    color: #333333;
			
 
				+    /* line-height: 32px; */
			
 
				+    letter-spacing: 1px;
			
 
				+    font-style: normal;
			
 
				+    margin: 0 8px 0 26px;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box{
			
 
				+    width: 74%;
			
 
				+    height: 100%;
			
 
				+    overflow: hidden;
			
 
				+    /* flex: 1; */
			
 
				+    display: flex;
			
 
				+    justify-content: flex-end;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper{
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    display: flex;
			
 
				+    overflow: hidden;
			
 
				+    /* margin: 10px 0; */
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .top-bg{
			
 
				+    position: absolute;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 40px;
			
 
				+    background-image: linear-gradient(180deg, #fff 24%, hsla(0, 0%, 100%, 0));
			
 
				+    z-index: 1;
			
 
				+    top: 0;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .bottom-bg{
			
 
				+    bottom: 0;
			
 
				+    transform: rotate(-180deg);
			
 
				+    position: absolute;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 40px;
			
 
				+    background-image: linear-gradient(180deg, #fff 24%, hsla(0, 0%, 100%, 0));
			
 
				+    z-index: 1;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp{
			
 
				+    margin-right:8px;
			
 
				+     box-sizing: border-box;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container {
			
 
				+  overflow: hidden;
			
 
				+  position: relative;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  width: 100%;
			
 
				+  /* transition: ease-in; */
			
 
				+  overflow: hidden;
			
 
				+  /* transition: all 0ms ease-in 0s */
			
 
				+  transition: transform 0.5s linear; 
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item {
			
 
				+  width: 100%;
			
 
				+  height: auto;
			
 
				+  background: #FFFFFF;
			
 
				+  border: 1px solid #C4E3FF;
			
 
				+  margin-bottom: 8px;
			
 
				+  padding: 20px;
			
 
				+  border-radius: 10px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .yinhao{
			
 
				+    width: 25px;
			
 
				+    height: 18px;
			
 
				+    margin-left: calc(100% - 25px);
			
 
				+    padding-bottom: 15px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .info-wrapper{
			
 
				+    display: flex;
			
 
				+    padding-bottom: 26px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .info-wrapper .avatar{
			
 
				+    width: 38px;
			
 
				+    height: 38px;
			
 
				+    margin-right: 10px;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .info-wrapper .info-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .info-wrapper .info-box span{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .item-content{
			
 
				+    width: 182px;
			
 
				+    
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .item-content .item-text{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #666666;
			
 
				+    font-style: normal;
			
 
				+    line-height: 15px;
			
 
				+    /* display: contents; */
			
 
				+}
			
 
				+.home-page .home-page-main .page8 .contant .right-box .echoes-down__right-wrapper .warp .scroll-container .scroll-content .scroll-item .item-content .time{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #B5B5B5;
			
 
				+    padding-top: 15px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9{
			
 
				+    width: 100%;
			
 
				+    /* height: 701px; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .title{
			
 
				+    /* width: 323px; */
			
 
				+    height: 47px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 34px;
			
 
				+    color: #333333;
			
 
				+    line-height: 47px;
			
 
				+    letter-spacing: 2px;
			
 
				+    text-align: right;
			
 
				+    font-style: normal;
			
 
				+    margin-top: 198px;
			
 
				+    margin-bottom: 77px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box{
			
 
				+    width: 990px;
			
 
				+    height: 90px;
			
 
				+    border-radius: 17px;
			
 
				+    background-color: #0646A6;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .text-btn{
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    margin-bottom: 7px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .text-btn .text{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 28px;
			
 
				+    color: #FFFFFF;
			
 
				+    /* line-height: 38px; */
			
 
				+    letter-spacing: 2px;
			
 
				+    margin-left: 33px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .text-btn .btn1{
			
 
				+    width: 139px;
			
 
				+    height: 24px;
			
 
				+    background: linear-gradient( 270deg, rgba(93,128,255,0.06) 0%, #366BD1 100%);
			
 
				+    border-radius: 6px;
			
 
				+    border: 1px solid rgba(224,243,255,0.36);
			
 
				+    text-align: center;
			
 
				+    line-height: 24px;
			
 
				+    margin-left: 17px;
			
 
				+    color: #fff;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .text-btn .btn2{
			
 
				+    width: 104px;
			
 
				+    height: 24px;
			
 
				+    background: linear-gradient( 270deg, rgba(14,35,132,0) 0%, #2043BC 100%);
			
 
				+    border-radius: 6px;
			
 
				+    line-height: 24px;
			
 
				+    text-align: center;
			
 
				+    margin-left: 11px;
			
 
				+    color: #fff;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .top-box .content{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #FFFFFF;
			
 
				+    letter-spacing: 1px;
			
 
				+    margin-left: 33px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box{
			
 
				+    margin-top: 8px;
			
 
				+    width: 990px;
			
 
				+    /* height: 368px;
			
 
				+    background: #F6F8FF;
			
 
				+    border-radius: 17px;
			
 
				+    border: 1px solid #CDD7FF; */
			
 
				+    margin-bottom: 27px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    width: 300px;
			
 
				+    margin-left: 33px;
			
 
				+    margin-top: 60px;
			
 
				+}
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin-bottom: 31px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box .item-top{
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    margin-bottom: 12px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box .item-top .ball{
			
 
				+    width: 9px;
			
 
				+    height: 9px;
			
 
				+    background: #1B65EA;
			
 
				+    border-radius: 5px;
			
 
				+    margin-right: 18px;
			
 
				+    /* margin-bottom: 12px; */
			
 
				+}
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box .item-top .tit{
			
 
				+    width: 98px;
			
 
				+    height: 21px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 15px;
			
 
				+    color: #1B65EA;
			
 
				+    line-height: 21px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .left-box .item-box .content{
			
 
				+    width: 238px;
			
 
				+    /* height: 48px; */
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #666666;
			
 
				+    /* line-height: 16px; */
			
 
				+    text-align: left;
			
 
				+    font-style: normal;
			
 
				+    margin-left: 27px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .right-bg{
			
 
				+    width: 648px;
			
 
				+    height: 328px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 17px;
			
 
				+    border: 1px solid #CCCCFF;
			
 
				+    /* background-image: url("@/assets/img/swdt@2x.jpg");
			
 
				+    background-size: contain; */
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-evenly;
			
 
				+}
			
 
				+.home-page .home-page-main .page9 .carousel-box .right-bg .link{
			
 
				+    display: flex;
			
 
				+    flex-direction: row;
			
 
				+    justify-content: space-between;
			
 
				+    margin-left: 21px;
			
 
				+    align-items: center;
			
 
				+    width: 90%;
			
 
				+}
			
 
				+.home-page .home-page-main .page9 .carousel-box .right-bg .link span{
			
 
				+    /* width: 52px; */
			
 
				+    height: 17px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 12px;
			
 
				+    color: #333333;
			
 
				+    line-height: 17px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page9 .carousel-box .right-bg .contant-bg{
			
 
				+    width: 632px;
			
 
				+    height: 247px;
			
 
				+    background-image: url("@/assets/img/swdt@2x.jpg");
			
 
				+    background-size: 100% 100%;
			
 
				+    /* margin-bottom: 10px; */
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10{
			
 
				+    width: 100%;
			
 
				+    height: 568px;
			
 
				+    display: flex;
			
 
				+    background-image: url("@/assets/img/bg8@2x.jpg");
			
 
				+    background-size: 100% 100%;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    margin-top: 50px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box{
			
 
				+    /* width: 423px; */
			
 
				+    height: 390px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    margin-right: 29px;
			
 
				+    justify-content: space-around;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .title{
			
 
				+    /* width: 423px; */
			
 
				+    height: 43px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 500;
			
 
				+    font-size: 31px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 43px;
			
 
				+    letter-spacing: 2px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .text{
			
 
				+    width: 415px;
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+    line-height: 21px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list{
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item{
			
 
				+    display: flex;
			
 
				+        align-items: baseline;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item .drop-box{
			
 
				+    width: 9px;
			
 
				+    height: 9px;
			
 
				+    border-radius: 50%;
			
 
				+    background: #B2FFF3;
			
 
				+    margin-right: 12px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item .contant-box{
			
 
				+    width: 400px;
			
 
				+    height: 47px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: space-around;
			
 
				+}
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item .contant-box .tit{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 15px;
			
 
				+    color: #FFFFFF;
			
 
				+}
			
 
				+.home-page .home-page-main .page10 .left-box .page-contant-list .page-contant-item .contant-box .content{
			
 
				+   font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 400;
			
 
				+    font-size: 11px;
			
 
				+    color: #FFFFFF; 
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .right-input-box{
			
 
				+    width: 486px;
			
 
				+    height: 390px;
			
 
				+    background: #FFFFFF;
			
 
				+    border-radius: 17px;
			
 
				+}
			
 
				+
			
 
				+.home-page .home-page-main .page10 .right-input-box .right-input-title{
			
 
				+    font-family: PingFangSC, PingFang SC;
			
 
				+    font-weight: 600;
			
 
				+    font-size: 23px;
			
 
				+    color: #333333;
			
 
				+    line-height: 32px;
			
 
				+    letter-spacing: 1px;
			
 
				+    margin: 28px 0 34px 28px;
			
 
				+}
			
--- a/src/assets/styles/reset.css
+++ b/src/assets/styles/reset.css
@@ -0,0 +1,36 @@
 
				+html {
			
 
				+    /* background-color: #fff; */
			
 
				+    color: rgb(60, 64, 61);
			
 
				+    overflow-x: hidden;
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
 
				+  
			
 
				+  body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, figure, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, pre, xmp {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
 
				+  
			
 
				+  a, ins, s, u, del {
			
 
				+    text-decoration: none
			
 
				+  }
			
 
				+  
			
 
				+  a {
			
 
				+    color: #fff;
			
 
				+    text-decoration: none;
			
 
				+  }
			
 
				+  button {
			
 
				+    border: 0;
			
 
				+    outline: none;
			
 
				+    cursor: pointer;
			
 
				+    color: #fff;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+
			
 
				+  ul,ol,li {
			
 
				+    list-style-type: none;
			
 
				+  }
			
 
				+
			
 
				+  div {
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
--- a/src/components/footer/index.vue
+++ b/src/components/footer/index.vue
@@ -0,0 +1,45 @@
 
				+<template>
			
 
				+    <div class="lx-bottom">
			
 
				+        <div style="height: calc(100% - 39px);display: flex;justify-content: center;align-items: center;width: 100%;">
			
 
				+            <div class="comtant-box">
			
 
				+           <div class="logo-name-box">
			
 
				+            <div class="logo-name">
			
 
				+                <img class="logo" src="@/assets/img/logow.png" alt="">
			
 
				+                <div class="company-name">轻马私域</div>
			
 
				+            </div>
			
 
				+            <div class="phone">130-0000-0000</div>
			
 
				+            <div class="address">地址:北京市朝阳区博雅国际中心</div>
			
 
				+           </div> 
			
 
				+           <div style="width: 1px;height: 52px;background: #DFDFDF;border-radius: 6px;"></div>
			
 
				+           <div class="company-info">
			
 
				+            <p>轻马私域是一家以内容营销为基因的AI私域服务商，母公司北京冠客科技成立于2017年，依托人工智能与流程自动化机器人技术，提供智能营销工具与营销服务。</p>
			
 
				+            <p>公司在电商、教育、金融、房产、快消等行业服务企业10000+，产品应用于多家上市公司、大中企业的数百个场景。</p>
			
 
				+           </div>
			
 
				+           <!-- <div class="wechat-account">
			
 
				+            <div class="wechat-tit">关注公众号</div>
			
 
				+           </div> -->
			
 
				+        </div>
			
 
				+        </div>
			
 
				+        <div class="filings">
			
 
				+            <div style="margin-right: 82px;">CopyRight © 2017-2024轻马私域网络科技有限公司 版权所有</div>
			
 
				+            <a href="https://beian.miit.gov.cn">京ICP备2023034349号-2 </a>
			
 
				+        </div>
			
 
				+        <!-- <div class="footer">
			
 
				+            <div class="w1200">
			
 
				+                
			
 
				+            </div>
			
 
				+        </div> -->
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+    data() {
			
 
				+        return {
			
 
				+            year: new Date().getFullYear()
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+<style scoped>
			
 
				+@import url('../../assets/styles/footer/index.css');
			
 
				+</style>
			
--- a/src/components/header/index.vue
+++ b/src/components/header/index.vue
@@ -0,0 +1,92 @@
 
				+<template>
			
 
				+    <div>
			
 
				+        <header :class="scrollTop>10?'lx-navigation__wrapper lx-navigation__shadow':'lx-navigation__wrapper'">
			
 
				+            <nav>
			
 
				+                <div class="nav">
			
 
				+                    <a class="navbar-brand" href="/">
			
 
				+                        <img src="@/assets/img/logow.png" alt="轻马私域">
			
 
				+                    </a>
			
 
				+                    <ul class="nav-header">
			
 
				+                        <li :class="pageName == 'home' ? 'nav-item' : 'nav-item'">
			
 
				+                            <a href="">首页</a>
			
 
				+                        </li>
			
 
				+                        <li :class="pageName == 'product' ? 'nav-item' : 'nav-item'">
			
 
				+                            <a href="">产品</a>
			
 
				+                        </li>
			
 
				+                        <li :class="pageName == 'solution' ? 'nav-item' : 'nav-item'">
			
 
				+                            <a href="">解决方案</a>
			
 
				+                        </li>
			
 
				+                        <li :class="pageName == 'consult' ? 'nav-item' : 'nav-item'">
			
 
				+                            <a href="">客户案例</a>
			
 
				+                        </li>
			
 
				+                        <li :class="pageName == 'news' || pageName =='newsDetails' ? 'nav-item' : 'nav-item'">
			
 
				+                            <a href="">服务与支持</a>
			
 
				+                        </li>
			
 
				+                        <li :class="pageName == 'about' ? 'nav-item nav-item-action' : 'nav-item'">
			
 
				+                            <a href="">关于我们</a>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                    
			
 
				+                    <ul class="nav-login">
			
 
				+                        <li class="reg-btn">
			
 
				+                            <a class="clickform-navbar" position="navbar" href="https://gpts.gkscrm.com/" >立即体验</a>
			
 
				+                        </li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+            </nav>
			
 
				+        </header>
			
 
				+        <!-- <ApplyTestAccountBox :show.sync="applyTestAccountShow"></ApplyTestAccountBox> -->
			
 
				+    </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import ApplyTestAccountBox from '@/components/apply/index.vue';
			
 
				+export default {
			
 
				+    components: {
			
 
				+        ApplyTestAccountBox
			
 
				+    },
			
 
				+    data() {
			
 
				+        return {
			
 
				+            applyTestAccountShow: false,
			
 
				+            pageName: '',
			
 
				+            scrollTop:0
			
 
				+        }
			
 
				+    },
			
 
				+    mounted() {
			
 
				+        window.addEventListener('scroll', this.handleScroll)
			
 
				+    },
			
 
				+    created() {
			
 
				+        this.pageName = this.$route.name
			
 
				+        if (this.$route.name == 'home') {
			
 
				+            document.title = '轻马私域';
			
 
				+        }
			
 
				+        if (this.$route.name == 'solution') {
			
 
				+            document.title = '解决方案 - 轻马私域';
			
 
				+        }
			
 
				+        if (this.$route.name == 'consult') {
			
 
				+            document.title = '业务咨询 - 轻马私域';
			
 
				+        }
			
 
				+        if (this.$route.name == 'news') {
			
 
				+            document.title = '新闻资讯 - 轻马私域';
			
 
				+        }
			
 
				+        if (this.$route.name == 'about') {
			
 
				+            document.title = '关于我们 - 轻马私域';
			
 
				+        }
			
 
				+    },
			
 
				+    methods: {
			
 
				+        applyTestAccount() {
			
 
				+            this.applyTestAccountShow = true
			
 
				+        },
			
 
				+        handleScroll(e) {
			
 
				+           this.scrollTop = window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop;
			
 
				+        }
			
 
				+    },
			
 
				+    beforeDestroy() {
			
 
				+        window.removeEventListener('scroll', this.handleScroll)
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+@import url('@/assets/styles/header/index.css');
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,22 @@
 
				+import Vue from 'vue'
			
 
				+import App from './App.vue'
			
 
				+
			
 
				+// 导入路由模块
			
 
				+import router from '@/router/index.js'
			
 
				+import '@/assets/styles/reset.css'
			
 
				+
			
 
				+// 引入ElementUI组件库
			
 
				+import ElementUI from 'element-ui';
			
 
				+//引入ElementUI的所有样式
			
 
				+import 'element-ui/lib/theme-chalk/index.css';
			
 
				+
			
 
				+//关闭Vue的生产提示
			
 
				+Vue.config.productionTip = false
			
 
				+//使用ElementUI
			
 
				+Vue.use(ElementUI)
			
 
				+
			
 
				+new Vue({
			
 
				+  render: h => h(App),
			
 
				+  
			
 
				+  router
			
 
				+}).$mount('#app')
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,23 @@
 
				+//1.导入vue 和 vuerouter 的包
			
 
				+import Vue from 'vue'
			
 
				+import VueRouter from 'vue-router'
			
 
				+
			
 
				+//2.调用vue.use() 函数，把 VueRouter 安装为 Vue 的插件
			
 
				+//vue.use()函数的作用，就是来安装插件的
			
 
				+Vue.use(VueRouter)
			
 
				+
			
 
				+//3.公共路由
			
 
				+const constantRoutes = [{
			
 
				+	path: '/',
			
 
				+	name: 'home',
			
 
				+	component: () => import('@/views/home/index.vue'),
			
 
				+	children: []
			
 
				+},]
			
 
				+
			
 
				+export default new VueRouter({
			
 
				+	mode: 'history', // 去掉url中的#
			
 
				+	scrollBehavior: () => ({
			
 
				+		y: 0
			
 
				+	}),
			
 
				+	routes: constantRoutes
			
 
				+})
			
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -0,0 +1,12 @@
 
				+
			
 
				+export function setToken(data) {
			
 
				+    return sessionStorage.setItem('trade_token', data);
			
 
				+}
			
 
				+
			
 
				+export function getToken() {
			
 
				+    return sessionStorage.getItem('trade_token');
			
 
				+}
			
 
				+
			
 
				+export function removeToken() {
			
 
				+    return sessionStorage.removeItem('trade_token');
			
 
				+}
			
--- a/src/utils/errorCode.js
+++ b/src/utils/errorCode.js
@@ -0,0 +1,17 @@
 
				+export default {
			
 
				+    200: '服务器成功返回请求的数据。',
			
 
				+    201: '新建或修改数据成功。',
			
 
				+    202: '一个请求已经进入后台排队（异步任务）。',
			
 
				+    204: '删除数据成功。',
			
 
				+    400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
			
 
				+    401: '用户没有权限（令牌、用户名、密码错误）。',
			
 
				+    403: '用户得到授权，但是访问是被禁止的。',
			
 
				+    404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
			
 
				+    406: '请求的格式不可得。',
			
 
				+    410: '请求的资源被永久删除，且不会再得到的。',
			
 
				+    422: '当创建一个对象时，发生一个验证错误。',
			
 
				+    500: '服务器发生错误，请检查服务器。',
			
 
				+    502: '网关错误。',
			
 
				+    503: '服务不可用，服务器暂时过载或维护。',
			
 
				+    504: '网关超时。',
			
 
				+}
			
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -0,0 +1,84 @@
 
				+import axios from 'axios'
			
 
				+import {
			
 
				+    Notification,
			
 
				+    MessageBox,
			
 
				+    Message
			
 
				+} from 'element-ui'
			
 
				+import {
			
 
				+    getToken
			
 
				+} from '@/utils/auth'
			
 
				+import errorCode from '@/utils/errorCode'
			
 
				+
			
 
				+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
			
 
				+// 创建axios实例
			
 
				+const myService = axios.create({
			
 
				+    // axios中请求配置有baseURL选项，表示请求URL公共部分
			
 
				+    // baseURL: process.env.VUE_APP_API ? process.env.VUE_APP_API : 'https://api.miao-an.com',
			
 
				+    baseURL: process.env.VUE_APP_API ? process.env.VUE_APP_API : 'https://www.gkscrm.com',
			
 
				+    // 超时
			
 
				+    timeout: 180000
			
 
				+})
			
 
				+// request拦截器
			
 
				+myService.interceptors.request.use(config => {
			
 
				+    // 是否需要设置 token
			
 
				+    const isToken = (config.headers || {}).isToken === false
			
 
				+
			
 
				+    let auth = (undefined === getToken() || null === getToken()) ? "" : getToken();
			
 
				+    config.headers['Authorization'] = `Bearer ${auth}`
			
 
				+
			
 
				+    return config
			
 
				+}, error => {
			
 
				+    console.log(error)
			
 
				+    Promise.reject(error)
			
 
				+})
			
 
				+
			
 
				+// 响应拦截器
			
 
				+myService.interceptors.response.use(res => {
			
 
				+    // 未设置状态码则默认成功状态
			
 
				+    const code = res.data.code || 0;
			
 
				+    // 获取错误信息
			
 
				+    const msg = errorCode[code] || res.data.message || errorCode['default']
			
 
				+    if (code === 401) {
			
 
				+        location.href = '/';
			
 
				+    } else if (code === 1000) {
			
 
				+        Message({
			
 
				+            message: res.data.message,
			
 
				+            type: 'warning'
			
 
				+        })
			
 
				+    } else if (code === 500) {
			
 
				+        Message({
			
 
				+            message: msg,
			
 
				+            type: 'error'
			
 
				+        })
			
 
				+        return Promise.reject(new Error(msg))
			
 
				+    } else if (code !== 0) {
			
 
				+        Notification.error({
			
 
				+            title: msg
			
 
				+        })
			
 
				+        return Promise.reject('error')
			
 
				+    } else {
			
 
				+        return res.data
			
 
				+    }
			
 
				+},
			
 
				+    error => {
			
 
				+        console.log('err' + error)
			
 
				+        let {
			
 
				+            message
			
 
				+        } = error;
			
 
				+        if (message == "Network Error") {
			
 
				+            message = "后端接口连接异常";
			
 
				+        } else if (message.includes("timeout")) {
			
 
				+            message = "系统接口请求超时";
			
 
				+        } else if (message.includes("Request failed with status code")) {
			
 
				+            message = "系统接口" + message.substr(message.length - 3) + "异常";
			
 
				+        }
			
 
				+        Message({
			
 
				+            message: message,
			
 
				+            type: 'error',
			
 
				+            duration: 5 * 1000
			
 
				+        })
			
 
				+        return Promise.reject(error)
			
 
				+    }
			
 
				+)
			
 
				+
			
 
				+export default myService
			
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -0,0 +1,1523 @@
 
				+<template>
			
 
				+  <div class="home-page">
			
 
				+    <div class="home-page-main">
			
 
				+      <!-- 第一页轮播图 -->
			
 
				+      <header
			
 
				+        :class="
			
 
				+          scrollTopNav > 10
			
 
				+            ? 'lx-navigation__wrapper lx-navigation__shadow'
			
 
				+            : 'lx-navigation__wrapper'
			
 
				+        "
			
 
				+      >
			
 
				+        <nav>
			
 
				+          <div class="nav">
			
 
				+            <a class="navbar-brand" href="/">
			
 
				+              <img src="@/assets/img/logow.png" loading="lazy" alt="轻马私域" />
			
 
				+            </a>
			
 
				+            <ul class="nav-header">
			
 
				+              <li class="nav-item">
			
 
				+                <a href="javascript:;" @click="scrollToSection($event, 'page1')"
			
 
				+                  >首页</a
			
 
				+                >
			
 
				+              </li>
			
 
				+              <li class="nav-item">
			
 
				+                <a href="javascript:;" @click="scrollToSection($event, 'page4')"
			
 
				+                  >产品</a
			
 
				+                >
			
 
				+              </li>
			
 
				+              <li class="nav-item">
			
 
				+                <a href="javascript:;" @click="scrollToSection($event, 'page3')"
			
 
				+                  >解决方案</a
			
 
				+                >
			
 
				+              </li>
			
 
				+              <li class="nav-item">
			
 
				+                <a href="javascript:;" @click="scrollToSection($event, 'page6')"
			
 
				+                  >客户案例</a
			
 
				+                >
			
 
				+              </li>
			
 
				+              <li class="nav-item">
			
 
				+                <a
			
 
				+                  href="javascript:;"
			
 
				+                  @click="scrollToSection($event, 'page10')"
			
 
				+                  >服务与支持</a
			
 
				+                >
			
 
				+              </li>
			
 
				+              <li class="nav-item">
			
 
				+                <a
			
 
				+                  href="javascript:;"
			
 
				+                  @click="scrollToSection($event, 'page10')"
			
 
				+                  >关于我们</a
			
 
				+                >
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+
			
 
				+            <ul class="nav-login">
			
 
				+              <li class="reg-btn">
			
 
				+                <a
			
 
				+                  class="clickform-navbar"
			
 
				+                  position="navbar"
			
 
				+                  href="https://gpts.gkscrm.com/"
			
 
				+                  >立即体验</a
			
 
				+                >
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </nav>
			
 
				+      </header>
			
 
				+      <el-carousel :interval="4000" autoplay id="page1" class="page1">
			
 
				+        <el-carousel-item
			
 
				+          v-for="(item, index) in banners"
			
 
				+          :key="index"
			
 
				+          :style="{
			
 
				+            backgroundImage: `url(${item})`,
			
 
				+             backgroundSize: 'cover',
			
 
				+             backgroundPosition: 'center' ,
			
 
				+            backgroundRepeat: 'no-repeat',
			
 
				+          }"
			
 
				+          class="page1"
			
 
				+        >
			
 
				+          <!-- <img :src="item" alt="" loading="lazy" style="background-size: 100% 100%;background-repeat: no-repeat;"/> -->
			
 
				+
			
 
				+          <div class="home-banner">
			
 
				+            <div class="title">
			
 
				+              <span>轻马私域大模型AI员工</span><br />
			
 
				+              <p>让5人团队干出50人结果,一个销冠秒变全员销冠</p>
			
 
				+            </div>
			
 
				+            <a class="to-consult-btn" href="https://gpts.gkscrm.com/"
			
 
				+              >免费体验<img
			
 
				+                class="icon-poly"
			
 
				+                src="@/assets/img/icon_poly@2x.png"
			
 
				+                loading="lazy"
			
 
				+                alt=""
			
 
				+            /></a>
			
 
				+          </div>
			
 
				+        </el-carousel-item>
			
 
				+      </el-carousel>
			
 
				+      <div class="page1-connect">
			
 
				+        <div class="title">全流程智能,助力业绩增长</div>
			
 
				+        <div class="contant-box">
			
 
				+          <span>微信</span>
			
 
				+          <span>企业微信</span>
			
 
				+          <span>抖音</span>
			
 
				+          <span>小红书</span>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <!-- 第二页 4大板块 -->
			
 
				+      <div class="page4" id="page4">
			
 
				+        <div class="title">轻马大模型AI,如何赋能企业运营</div>
			
 
				+        <div class="marketing-list">
			
 
				+          <div class="marketing-item" ref="item1">
			
 
				+            <div class="item-contant1">
			
 
				+              <div class="contant1-box common-box">
			
 
				+                <h3>真人级</h3>
			
 
				+                <h3>互动体验</h3>
			
 
				+                <p>
			
 
				+                  模拟人脑思考模式,构建企业知识库,打造专属AI员工大模型,
			
 
				+                  完全无痕的拟人化互动
			
 
				+                </p>
			
 
				+              </div>
			
 
				+              <div class="contant1-bg"></div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="marketing-item" ref="item2">
			
 
				+            <div class="item-contant2">
			
 
				+              <div class="contant2-box">
			
 
				+                <h3>效率提升500倍+</h3>
			
 
				+                <div class="content">
			
 
				+                  <p>从每分钟人工客服8-10次,到AI客服的5000次回复</p>
			
 
				+                  <p>毫秒级响应,多个聊天任务并行,可同时应对400-500人</p>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="contant2-bg"></div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="marketing-item" ref="item3">
			
 
				+            <div class="item-contant3">
			
 
				+              <div class="common-box">
			
 
				+                <h3>更专业</h3>
			
 
				+                <h3>低成本金牌员工</h3>
			
 
				+                <p>
			
 
				+                  7*24小时在线,执行力0折扣,无招聘/离职/团队磨合等管理成本,一次性投入,无需持续培训,100%忠诚,客户资源永不流失
			
 
				+                </p>
			
 
				+              </div>
			
 
				+              <div class="contant3-border">
			
 
				+                <div class="contant3-bg"></div>
			
 
				+              </div>
			
 
				+              
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="marketing-item" ref="item4">
			
 
				+            <div class="item-contant4">
			
 
				+              <div class="contant2-box">
			
 
				+                <h3>销冠级SOP自动成交</h3>
			
 
				+                <div class="content">
			
 
				+                  <p>萃取销冠成交经验</p>
			
 
				+                  <p>主动触达完成激活/培育,千人千面推送定制内容</p>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="contant4-bg"></div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <!-- 第3页 客服与销售应用场景 -->
			
 
				+      <div class="page2" id="page2">
			
 
				+        <div class="title">轻马大模型AI员工应用场景</div>
			
 
				+        <div class="text">AI客服与销售</div>
			
 
				+        <div class="list" @mouseleave="keepCurrentActive">
			
 
				+          <li
			
 
				+            v-for="(item, index) in items"
			
 
				+            :key="index"
			
 
				+            :class="{ on: activeIndex === index }"
			
 
				+            @mouseenter="setActive(index)"
			
 
				+            class="item"
			
 
				+          >
			
 
				+            <div
			
 
				+              style="
			
 
				+                height: 77.12%;
			
 
				+                display: flex;
			
 
				+                flex-direction: column;
			
 
				+                justify-content: space-around;
			
 
				+              "
			
 
				+            >
			
 
				+              <img :src="item.icon" class="icon" loading="lazy" alt="" />
			
 
				+              <div class="tit">
			
 
				+                {{ item.title }}
			
 
				+              </div>
			
 
				+              <div class="txt">
			
 
				+                <div class="icon-bg"></div>
			
 
				+                {{ item.text1 }}
			
 
				+              </div>
			
 
				+              <div class="txt">
			
 
				+                <div class="icon-bg"></div>
			
 
				+                {{ item.text2 }}
			
 
				+              </div>
			
 
				+              <div class="txt">
			
 
				+                <div class="icon-bg"></div>
			
 
				+                {{ item.text3 }}
			
 
				+              </div>
			
 
				+              <div class="txt">
			
 
				+                <div class="icon-bg"></div>
			
 
				+                {{ item.text4 }}
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="right-bg"></div>
			
 
				+          </li>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <!-- 第4页 轻马私域AI数字员工 -->
			
 
				+      <div class="page3" id="page3" @scroll="handleScrollPage3">
			
 
				+        <div class="title">AI赋能企业应用</div>
			
 
				+        <div class="anti-counterfeiting" :style="antiCounterfeitingStyle">
			
 
				+          <div class="left-box">
			
 
				+            <div class="title">轻马私域大模型AI员工</div>
			
 
				+            <div class="text">能做什么？</div>
			
 
				+            <div class="content">
			
 
				+              <div>技术支持/客服服务</div>
			
 
				+              <div>政策解答/信息咨询/业务流程问询</div>
			
 
				+              <div>流程讲解/业务办理/人力/行政咨询</div>
			
 
				+              <div>景区导游、医院医导、学校校导</div>
			
 
				+              <div>任何在线咨询/知识问答等专家级数字员工</div>
			
 
				+              <div>产品/业务咨询</div>
			
 
				+              <div>引导留资/刺激购买</div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="right-box">
			
 
				+            <div
			
 
				+              class="item"
			
 
				+              v-for="(item, index) in antiCounterfeitingList"
			
 
				+              :key="index"
			
 
				+              @mouseenter="handleMouseEnter(index)"
			
 
				+              @mouseleave="handleMouseLeave"
			
 
				+              :class="{ active: activeItemIndex === index }"
			
 
				+            >
			
 
				+              <div class="bg"></div>
			
 
				+              <div
			
 
				+                class="icon"
			
 
				+                :style="{
			
 
				+                  background: activeItemIndex === index ? '#fff' : '#4E7FF3',
			
 
				+                }"
			
 
				+              >
			
 
				+                <img
			
 
				+                  loading="lazy"
			
 
				+                  style="width: 18px; height: 18px"
			
 
				+                  :src="activeItemIndex === index ? item.iconOn : item.icon"
			
 
				+                  alt=""
			
 
				+                />
			
 
				+              </div>
			
 
				+              <div class="title">{{ item.title }}</div>
			
 
				+              <div class="content">{{ item.content }}</div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="page5" id="page5">
			
 
				+        <div class="ai-contrast">
			
 
				+          <div class="title">使用AI之后的变化对比</div>
			
 
				+          <div class="text">
			
 
				+            客服里面包括XX功能,销售里面包括XX功能。（以前人力怎么样,用上AI之后的好处）
			
 
				+          </div>
			
 
				+          <div class="right-bg"></div>
			
 
				+        </div>
			
 
				+        <div class="contant-bg">
			
 
				+          <div class="contant">
			
 
				+            <div class="tabs">
			
 
				+              <div
			
 
				+                class="tab-item"
			
 
				+                :class="{ active: activeTab === 'customerService' }"
			
 
				+                @click="switchTab('customerService')"
			
 
				+              >
			
 
				+                客服功能
			
 
				+              </div>
			
 
				+              <div
			
 
				+                class="tab-item"
			
 
				+                :class="{ active: activeTab === 'customerSales' }"
			
 
				+                @click="switchTab('customerSales')"
			
 
				+              >
			
 
				+                销售功能
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="content-bg">
			
 
				+              <div class="title">
			
 
				+                {{
			
 
				+                  activeTab === "customerService"
			
 
				+                    ? "使用AI后的客服功能"
			
 
				+                    : "使用AI后的销售功能"
			
 
				+                }}
			
 
				+              </div>
			
 
				+              <div class="content-box">
			
 
				+                <div
			
 
				+                  class="content-item"
			
 
				+                  v-for="(item, index) in activeTabList"
			
 
				+                  :key="index"
			
 
				+                >
			
 
				+                  <div class="tit">{{ item.title }}</div>
			
 
				+                  <div class="text">
			
 
				+                    {{ item.content }}
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="bottom-title">
			
 
				+              {{
			
 
				+                activeTab === "customerService"
			
 
				+                  ? "传统的客服功能"
			
 
				+                  : "传统的销售功能"
			
 
				+              }}
			
 
				+            </div>
			
 
				+            <div class="bottom-box">
			
 
				+              <div
			
 
				+                class="bottom-item"
			
 
				+                :style="[
			
 
				+                  index === 1
			
 
				+                    ? {
			
 
				+                        borderLeft: '1px solid #D8D8D8',
			
 
				+                        borderRight: '1px solid #D8D8D8',
			
 
				+                      }
			
 
				+                    : {},
			
 
				+                  index !== 0 ? { paddingLeft: '35px' } : {},
			
 
				+                ]"
			
 
				+                v-for="(item, index) in activeTabList"
			
 
				+                :key="index"
			
 
				+              >
			
 
				+                <div class="title">{{ item.title }}</div>
			
 
				+                <div class="text">{{ item.content }}</div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="page6" id="page6">
			
 
				+        <div class="title">AI数字大模型应用场景</div>
			
 
				+        <div class="tabs-box">
			
 
				+          <el-tabs v-model="activeName" @tab-click="handleTabClick">
			
 
				+            <el-tab-pane label="电商" name="first">
			
 
				+              <template #label>
			
 
				+                <span>电商</span>
			
 
				+              </template>
			
 
				+            </el-tab-pane>
			
 
				+            <el-tab-pane label="教培" name="second" @tab-click="handleTabClick">
			
 
				+              <template #label>
			
 
				+                <span>教培</span>
			
 
				+              </template>
			
 
				+            </el-tab-pane>
			
 
				+            <el-tab-pane
			
 
				+              label="大健康"
			
 
				+              name="third"
			
 
				+              @tab-click="handleTabClick"
			
 
				+            >
			
 
				+              <template #label>
			
 
				+                <span>大健康</span>
			
 
				+              </template>
			
 
				+            </el-tab-pane>
			
 
				+            <el-tab-pane label="服饰" name="fourth" @tab-click="handleTabClick">
			
 
				+              <template #label>
			
 
				+                <span>服饰</span>
			
 
				+              </template>
			
 
				+            </el-tab-pane>
			
 
				+            <el-tab-pane label="美容" name="fiveth" @tab-click="handleTabClick">
			
 
				+              <template #label>
			
 
				+                <span>美容</span>
			
 
				+              </template>
			
 
				+            </el-tab-pane>
			
 
				+            <el-tab-pane label="食品" name="sixth" @tab-click="handleTabClick">
			
 
				+              <template #label>
			
 
				+                <span>食品</span>
			
 
				+              </template>
			
 
				+            </el-tab-pane>
			
 
				+          </el-tabs>
			
 
				+        </div>
			
 
				+        <!-- 使用走马灯 -->
			
 
				+        <el-carousel
			
 
				+          ref="carouselRef"
			
 
				+          :initial-index="tabActiveIndex"
			
 
				+          :autoplay="false"
			
 
				+          indicator-position="none"
			
 
				+        >
			
 
				+          <el-carousel-item v-for="(item, index) in contentList" :key="index">
			
 
				+            <div class="content-box">
			
 
				+              <img class="left-bg" :src="item.bg" loading="lazy" alt="" />
			
 
				+              <div class="right-box">
			
 
				+                <div class="class-name">{{ item.className }}</div>
			
 
				+                <div class="right-box-title">{{ item.title }}</div>
			
 
				+                <div class="content">{{ item.content }}</div>
			
 
				+                <div class="bottom">
			
 
				+                  <div
			
 
				+                    class="item"
			
 
				+                    v-for="(growthItem, index) in item.growthRateList"
			
 
				+                    :key="index"
			
 
				+                  >
			
 
				+                    <div class="item-rate">{{ growthItem.rate }}</div>
			
 
				+                    <div class="item-name">{{ growthItem.name }}</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </el-carousel-item>
			
 
				+        </el-carousel>
			
 
				+      </div>
			
 
				+      <div class="page7" id="page7">
			
 
				+        <div class="title">强劲实力为客户持续创造价值</div>
			
 
				+        <div
			
 
				+          class="value-box"
			
 
				+          ref="scrollBox"
			
 
				+          :style="{
			
 
				+            transform: `translate(-${scrollLeftRow}px,0px)`,
			
 
				+            overflow: 'hidden',
			
 
				+            position: 'relative',
			
 
				+          }"
			
 
				+        >
			
 
				+          <div
			
 
				+            style="
			
 
				+              display: flex;
			
 
				+              flex-direction: row;
			
 
				+              width: 100%;
			
 
				+              transition: transform 0.5s linear;
			
 
				+            "
			
 
				+          >
			
 
				+            <div
			
 
				+              ref="cardsBox"
			
 
				+              class="value-item-box"
			
 
				+              v-for="(item, index) in fullScrollList"
			
 
				+              :key="index"
			
 
				+            >
			
 
				+              <img
			
 
				+                :src="item.img"
			
 
				+                alt=""
			
 
				+                loading="lazy"
			
 
				+                class="value-item-img"
			
 
				+              />
			
 
				+              <div class="item-content-box">
			
 
				+                <div class="border-box"></div>
			
 
				+                <div class="item-content">
			
 
				+                  {{ item.content }}
			
 
				+                </div>
			
 
				+                <div class="item-bottom-box">
			
 
				+                  <div class="title-box">
			
 
				+                    <div class="title">{{ item.title }}</div>
			
 
				+                    <div class="industry">{{ item.industry }}</div>
			
 
				+                  </div>
			
 
				+                  <img class="logo1" loading="lazy" :src="item.logo" alt="" />
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div v-html="copyHtmlLeft"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="page8" id="page8">
			
 
				+        <div class="title">客户好评</div>
			
 
				+        <div class="text">1000+家客户共同选择</div>
			
 
				+        <div class="contant">
			
 
				+          <div class="left-box">
			
 
				+            感谢各位伙伴的高度认可,我们一定不负期待,笃志前行！
			
 
				+          </div>
			
 
				+
			
 
				+          <div class="right-box">
			
 
				+            <div class="echoes-down__right-wrapper">
			
 
				+              <div class="top-bg"></div>
			
 
				+              <!-- 第一个列表，向上滚动 -->
			
 
				+              <div class="warp" @mouseenter="mEnter" @mouseleave="mLeave">
			
 
				+                <div
			
 
				+                  class="scroll-container"
			
 
				+                  :style="{ transform: `translate(0px,-${scrollTop}px)` }"
			
 
				+                >
			
 
				+                  <div class="scroll-content" ref="scrollItemBox">
			
 
				+                    <div
			
 
				+                      class="scroll-item"
			
 
				+                      v-for="(item, index) in fullWrapperList"
			
 
				+                      :key="index"
			
 
				+                    >
			
 
				+                      <!-- 列表项内容 -->
			
 
				+                      <img
			
 
				+                        src="@/assets/img/yinhao@2x.png"
			
 
				+                        class="yinhao"
			
 
				+                        alt=""
			
 
				+                        loading="lazy"
			
 
				+                      />
			
 
				+                      <div class="info-wrapper">
			
 
				+                        <img
			
 
				+                          :src="item.avater"
			
 
				+                          alt=""
			
 
				+                          loading="lazy"
			
 
				+                          class="avatar"
			
 
				+                        />
			
 
				+                        <div class="info-box">
			
 
				+                          <span>{{ item.nikeName }}</span>
			
 
				+                          <el-rate disabled v-model="startValue"></el-rate>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                      <div class="item-content">
			
 
				+                        <p class="item-text">{{ item.text }}</p>
			
 
				+                        <div class="time">{{ item.endTime }}</div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div v-html="copyHtml"></div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+
			
 
				+              <!-- 第二个列表，向下滚动 -->
			
 
				+              <div
			
 
				+                class="warp"
			
 
				+                @mouseenter="mEnterDown"
			
 
				+                @mouseleave="mLeaveDown"
			
 
				+              >
			
 
				+                <div
			
 
				+                  class="scroll-container"
			
 
				+                  :style="{ transform: `translate(0px, ${scrollTopDown}px)` }"
			
 
				+                >
			
 
				+                  <div class="scroll-content" ref="scrollItemBoxDown">
			
 
				+                    <div
			
 
				+                      class="scroll-item"
			
 
				+                      v-for="(item, index) in fullWrapperList"
			
 
				+                      :key="index"
			
 
				+                    >
			
 
				+                      <!-- 列表项内容 -->
			
 
				+                      <img
			
 
				+                        src="@/assets/img/yinhao@2x.png"
			
 
				+                        class="yinhao"
			
 
				+                        alt=""
			
 
				+                        loading="lazy"
			
 
				+                      />
			
 
				+                      <div class="info-wrapper">
			
 
				+                        <img
			
 
				+                          :src="item.avater"
			
 
				+                          alt=""
			
 
				+                          loading="lazy"
			
 
				+                          class="avatar"
			
 
				+                        />
			
 
				+                        <div class="info-box">
			
 
				+                          <span>{{ item.nikeName }}</span>
			
 
				+                          <el-rate disabled v-model="startValue"></el-rate>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                      <div class="item-content">
			
 
				+                        <p class="item-text">{{ item.text }}</p>
			
 
				+                        <div class="time">{{ item.endTime }}</div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div v-html="copyHtmlDown"></div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+
			
 
				+              <!-- 第三个列表，向上滚动 -->
			
 
				+              <div
			
 
				+                class="warp"
			
 
				+                @mouseenter="mEnterThird"
			
 
				+                @mouseleave="mLeaveThird"
			
 
				+              >
			
 
				+                <div
			
 
				+                  class="scroll-container"
			
 
				+                  :style="{ transform: `translate(0px,-${scrollTopThird}px)` }"
			
 
				+                >
			
 
				+                  <div class="scroll-content" ref="scrollItemBoxThird">
			
 
				+                    <div
			
 
				+                      class="scroll-item"
			
 
				+                      v-for="(item, index) in fullWrapperList"
			
 
				+                      :key="index"
			
 
				+                    >
			
 
				+                      <!-- 列表项内容 -->
			
 
				+                      <img
			
 
				+                        src="@/assets/img/yinhao@2x.png"
			
 
				+                        class="yinhao"
			
 
				+                        alt=""
			
 
				+                        loading="lazy"
			
 
				+                      />
			
 
				+                      <div class="info-wrapper">
			
 
				+                        <img
			
 
				+                          :src="item.avater"
			
 
				+                          alt=""
			
 
				+                          loading="lazy"
			
 
				+                          class="avatar"
			
 
				+                        />
			
 
				+                        <div class="info-box">
			
 
				+                          <span>{{ item.nikeName }}</span>
			
 
				+                          <el-rate disabled v-model="startValue"></el-rate>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                      <div class="item-content">
			
 
				+                        <p class="item-text">{{ item.text }}</p>
			
 
				+                        <div class="time">{{ item.endTime }}</div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div v-html="copyHtmlThird"></div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="bottom-bg"></div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="page9" id="page9">
			
 
				+        <div class="title">行业销售专家小模型</div>
			
 
				+        <div class="top-box">
			
 
				+          <div class="text-btn">
			
 
				+            <div class="text">行业销售专家小模型</div>
			
 
				+            <div class="btn1">自动成交转化</div>
			
 
				+            <div class="btn2">提高人效</div>
			
 
				+          </div>
			
 
				+          <div class="content">
			
 
				+            自研行业销售专家小模型进一步反哺强化业务流,让AI员工具备更强大的自动化销售能力。
			
 
				+          </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <el-carousel
			
 
				+          indicator-position="outside"
			
 
				+          class="carousel-box custom-carousel"
			
 
				+        >
			
 
				+          <el-carousel-item
			
 
				+            style="display: flex"
			
 
				+            class="modal-carousel"
			
 
				+            v-for="(items, index) in modelList"
			
 
				+            :key="index"
			
 
				+          >
			
 
				+            <div class="left-box">
			
 
				+              <div class="item-box" v-for="(item, index) in items" :key="index">
			
 
				+                <div class="item-top">
			
 
				+                  <div class="ball"></div>
			
 
				+                  <div class="tit">{{ item.title }}</div>
			
 
				+                </div>
			
 
				+                <div class="content">{{ item.content }}</div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="right-bg">
			
 
				+              <div class="link">
			
 
				+                <span>目标人群</span>
			
 
				+                <div
			
 
				+                  style="width: 87px; height: 1px; border: 1px dashed #7476ff"
			
 
				+                ></div>
			
 
				+                <span>建议能力范围</span>
			
 
				+                <div
			
 
				+                  style="width: 87px; height: 1px; border: 1px dashed #7476ff"
			
 
				+                ></div>
			
 
				+                <span>开始转化</span>
			
 
				+                <div
			
 
				+                  style="width: 87px; height: 1px; border: 1px dashed #7476ff"
			
 
				+                ></div>
			
 
				+                <span>赢单</span>
			
 
				+                <div
			
 
				+                  style="width: 27px; height: 1px; border: 1px dashed #7476ff"
			
 
				+                ></div>
			
 
				+
			
 
				+                <!-- <span class="dotted">目标人群</span>
			
 
				+                <span class="divider" style="width: 10%; border-bottom: 1px dotted #7476FF;"></span>
			
 
				+                <span class="dotted">建议能力范围</span>
			
 
				+                <span class="divider" style="width: 10%;border-bottom: 1px dotted #7476FF;"></span>
			
 
				+                <span class="dotted">开始转化</span>
			
 
				+                <span class="divider" style="border-bottom: 1px dotted #7476FF;width: 10%;"></span>
			
 
				+                <span class="dotted">赢单</span> -->
			
 
				+              </div>
			
 
				+              <div class="contant-bg"></div>
			
 
				+            </div>
			
 
				+          </el-carousel-item>
			
 
				+        </el-carousel>
			
 
				+      </div>
			
 
				+      <div class="page10" id="page10">
			
 
				+        <div class="left-box">
			
 
				+          <div class="title">快速创建企业专属AI应用场景</div>
			
 
				+          <div class="text">
			
 
				+            轻马私域提供从数据准备到应用上线运营全流程保驾服务,全程无忧,让您轻松拥抱AI,提升业务效率。
			
 
				+          </div>
			
 
				+          <div class="page-contant-list">
			
 
				+            <div
			
 
				+              class="page-contant-item"
			
 
				+              v-for="(item, index) in page_contant_list"
			
 
				+              :key="index"
			
 
				+            >
			
 
				+              <div class="drop-box"></div>
			
 
				+              <div class="contant-box">
			
 
				+                <div class="tit">{{ item.title }}</div>
			
 
				+                <div class="content">{{ item.content }}</div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <!-- 表单 -->
			
 
				+        <!-- <div class="right-input-box">
			
 
				+          <div class="right-input-title">AI运营专家</div>
			
 
				+          <el-form
			
 
				+            ref="form"
			
 
				+            :model="form"
			
 
				+            label-width="80px"
			
 
				+            class="custom-form"
			
 
				+          >
			
 
				+            <el-row :gutter="20" class="row-flex">
			
 
				+              <el-col :span="12" style="display: flex; justify-content: end">
			
 
				+                <el-form-item style="width: 201px">
			
 
				+                  <el-input
			
 
				+                    v-model="form.name"
			
 
				+                    placeholder="您的姓名"
			
 
				+                  ></el-input>
			
 
				+                </el-form-item>
			
 
				+              </el-col>
			
 
				+              <el-col :span="12" style="display: flex; justify-content: start">
			
 
				+                <el-form-item style="width: 201px">
			
 
				+                  <el-input
			
 
				+                    v-model="form.companyName"
			
 
				+                    placeholder="公司名"
			
 
				+                  ></el-input>
			
 
				+                </el-form-item>
			
 
				+              </el-col>
			
 
				+            </el-row>
			
 
				+            <el-row :gutter="20" class="row-flex">
			
 
				+              <el-col :span="12" style="display: flex; justify-content: end">
			
 
				+                <el-form-item style="width: 201px">
			
 
				+                  <el-input
			
 
				+                    v-model="form.phone"
			
 
				+                    placeholder="您的电话/手机号"
			
 
				+                  ></el-input>
			
 
				+                </el-form-item>
			
 
				+              </el-col>
			
 
				+              <el-col :span="12" style="display: flex; justify-content: start">
			
 
				+                <el-form-item style="width: 201px">
			
 
				+                  <el-select v-model="form.scale" placeholder="您的私域规模">
			
 
				+                    <el-option label="区域一" value="shanghai"></el-option>
			
 
				+                    <el-option label="区域二" value="beijing"></el-option>
			
 
				+                  </el-select>
			
 
				+                </el-form-item>
			
 
				+              </el-col>
			
 
				+            </el-row>
			
 
				+            <el-row>
			
 
				+              <el-col :span="24" style="display: flex; justify-content: center">
			
 
				+                <el-form-item style="width: 423px; height: 97px">
			
 
				+                  <el-input
			
 
				+                    placeholder="您的留言"
			
 
				+                    type="textarea"
			
 
				+                    v-model="form.message"
			
 
				+                  ></el-input>
			
 
				+                </el-form-item>
			
 
				+              </el-col>
			
 
				+            </el-row>
			
 
				+            <el-row>
			
 
				+              <el-col :span="24" class="form-button">
			
 
				+                <el-form-item style="display: flex; justify-content: center">
			
 
				+                  <el-button @click="onSubmit" size="large" class="submit-btn"
			
 
				+                    >马上获取</el-button
			
 
				+                  >
			
 
				+                </el-form-item>
			
 
				+              </el-col>
			
 
				+            </el-row>
			
 
				+          </el-form>
			
 
				+        </div> -->
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <Footer></Footer>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Footer from "@/components/footer/index.vue";
			
 
				+
			
 
				+export default {
			
 
				+  components: {
			
 
				+    Footer,
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      items: [
			
 
				+        {
			
 
				+          icon: require("@/assets/img/icon_ai@2x.png"),
			
 
				+          title: "大模型AI客服",
			
 
				+          text1: "基于用户问答库,结合上下文语义的拟人化训练",
			
 
				+          text2: "基于企业专业知识库,让AI自动理解的专项训练",
			
 
				+          text3: "提供98%准确率的专业解答",
			
 
				+          text4: "除微信外,还可介入各公域平台客服系统",
			
 
				+        },
			
 
				+        {
			
 
				+          icon: require("@/assets/img/icon_ai2@2x.png"),
			
 
				+          title: "大模型AI销售",
			
 
				+          text1: "承担销售中占用超80%时间的前期沟通环节",
			
 
				+          text2: "快速判断客户成交意向,支持多种场景自动打标签",
			
 
				+          text3: "根据不同运营场景,设置自动沟通的多层应对机制",
			
 
				+          text4: "销冠级成交流程萃取,设置特定时间自动推送给客户",
			
 
				+        },
			
 
				+      ], // 列表数据
			
 
				+      rotationX: 25, // 初始旋转角度
			
 
				+      opacity: 0.8, // 初始不透明度
			
 
				+      activeIndex: 0, // 当前悬停的元素索引
			
 
				+      activeItemIndex: null,
			
 
				+      scrollLeftRow: 0, // 初始滚动条位置
			
 
				+      timerLeft: null, // 左侧列表滚动计时器
			
 
				+      copyHtmlLeft: "", // 左侧列表的复制内容
			
 
				+      scrollTop: 0, // 第一个列表的滚动高度
			
 
				+      scrollTopDown: -700, // 第二个列表的滚动高度（向下）
			
 
				+      scrollTopThird: 0, // 第三个列表的滚动高度
			
 
				+      speed: 30, // 滚动速度
			
 
				+      timer: null, // 第一个和第三个列表的滚动计时器
			
 
				+      timerDown: null, // 第二个列表的滚动计时器
			
 
				+      copyHtml: "", // 第一个列表的复制内容
			
 
				+      copyHtmlThird: "", // 第三个列表的复制内容
			
 
				+      copyHtmlDown: "", // 第二个列表的复制内容
			
 
				+      scrollTopNav: 0,
			
 
				+      banners: [
			
 
				+        require("@/assets/img/banner1@2x.jpg"),
			
 
				+        require("@/assets/img/banner1.2@2x.jpg"),
			
 
				+      ],
			
 
				+      antiCounterfeitingList: [
			
 
				+        {
			
 
				+          icon: require("@/assets/img/iconA@2x.png"),
			
 
				+          iconOn: require("@/assets/img/icon_A@2x.png"),
			
 
				+          title: "客户培育SOP",
			
 
				+          content:
			
 
				+            "想象你在花园里种下一颗种子,每天悉心照料,通过精心设计的步骤,我们逐步与客户建立联系,从初识到信任,最终成为我们的忠实拥趸。",
			
 
				+        },
			
 
				+        {
			
 
				+          icon: require("@/assets/img/icon_ren@2x.png"),
			
 
				+          iconOn: require("@/assets/img/icon_mes@2x.png"),
			
 
				+          title: "客户旅程搭建",
			
 
				+          content:
			
 
				+            "好比为朋友规划一次旅行,从期待、惊喜到满足,我们为客户打造的是一段充满价值和愉悦的旅程,从初次接触到成为满意用户,每个阶段都精心安排。",
			
 
				+        },
			
 
				+        {
			
 
				+          icon: require("@/assets/img/icon_meson@2x.png"),
			
 
				+          iconOn: require("@/assets/img/icon_mes2@2x.png"),
			
 
				+          title: "AI自动沟通",
			
 
				+          content:
			
 
				+            "就像你有个超级智能的助手,它能代替你24小时在线,无论是解答疑问还是传递信息,都能迅速且准确地完成。这样,即使你不在,客户也能感受到即时的关怀和服务。",
			
 
				+        },
			
 
				+        {
			
 
				+          icon: require("@/assets/img/icon_saleon@2x.png"),
			
 
				+          iconOn: require("@/assets/img/icon_sale@2x.png"),
			
 
				+          title: "自动打标签",
			
 
				+          content:
			
 
				+            "想象你有一本通讯录,里面记录了每位朋友的生日、爱好等信息。自动打标签就像通讯录自动分类,记录每位客户的偏好,让我们能更精准地提供个性化服务。",
			
 
				+        },
			
 
				+        {
			
 
				+          icon: require("@/assets/img/icon_pol@2x.png"),
			
 
				+          iconOn: require("@/assets/img/icon_pol@2x.png"),
			
 
				+          title: "自动群发消息",
			
 
				+          content:
			
 
				+            "就像你在节日时,一键群发祝福短信给所有亲朋好友,既高效又温馨。自动群发消息能帮助你轻松向大量客户传递重要通知或节日祝福,节省时间,维护良好关系。",
			
 
				+        },
			
 
				+        {
			
 
				+          icon: require("@/assets/img/icon_link@2x.png"),
			
 
				+          iconOn: require("@/assets/img/icon_linkOn@2x.png"),
			
 
				+          title: "真人无缝衔接",
			
 
				+          content:
			
 
				+            "当AI助手完成初步沟通后,如果需要更深入的交流,真人客服会无缝接入,继续与客户进行高质量的对话,确保每一次交流都能让客户感受到温暖和专业。",
			
 
				+        },
			
 
				+      ],
			
 
				+      activeTab: "customerService",
			
 
				+      customerServiceList: [
			
 
				+        {
			
 
				+          title: "高效智能",
			
 
				+          content: "7*24小时在线互动+98%准确率回答,运营效率提升10倍+",
			
 
				+        },
			
 
				+        {
			
 
				+          title: "无忧管理",
			
 
				+          content: "AI员工无情绪不摸鱼,0管理成本",
			
 
				+        },
			
 
				+        {
			
 
				+          title: "释放价值",
			
 
				+          content: "把重复枯燥的工作交给AI,让真人员工工作更有价值感",
			
 
				+        },
			
 
				+      ],
			
 
				+      customerSalesList: [
			
 
				+        {
			
 
				+          title: "高效智能",
			
 
				+          content: "7*24小时在线互动+98%准确率回答,运营效率提升10倍+",
			
 
				+        },
			
 
				+        {
			
 
				+          title: "话术增效",
			
 
				+          content: "销冠级话术萃取应用,平均提升20%+转化",
			
 
				+        },
			
 
				+        {
			
 
				+          title: "效益倍增",
			
 
				+          content: "5人团队干出50人结果,省掉80%基础员工",
			
 
				+        },
			
 
				+      ],
			
 
				+      // tabList: [
			
 
				+      //   {
			
 
				+      //     name: "电商",
			
 
				+      //   },
			
 
				+      //   {
			
 
				+      //     name: "教培",
			
 
				+      //   },
			
 
				+      //   {
			
 
				+      //     name: "大健康",
			
 
				+      //   },
			
 
				+      //   {
			
 
				+      //     name: "服饰",
			
 
				+      //   },
			
 
				+      //   {
			
 
				+      //     name: "母婴",
			
 
				+      //   },
			
 
				+      //   {
			
 
				+      //     name: "食品",
			
 
				+      //   },
			
 
				+      // ],
			
 
				+      activeName: "first",
			
 
				+      tabActiveIndex: 0, // 走马灯的初始索引
			
 
				+      contentList: [
			
 
				+        {
			
 
				+          className: "电商",
			
 
				+          title: "某国货之光彩妆品牌",
			
 
				+          content:
			
 
				+            "用户增长红利见顶,获客成本增高,驱使品牌发展私域流量,深耕存量用户价值。助力品牌与顾客建立强连接,全场景,全时段,全方位的满足消费者需求,深度运营,持续挖掘消费者价值。",
			
 
				+          growthRateList: [
			
 
				+            { rate: "20%", name: "增长率1" },
			
 
				+            { rate: "15%", name: "增长率2" },
			
 
				+          ],
			
 
				+          bg: require("@/assets/img/bg6@2x.jpg"),
			
 
				+        },
			
 
				+        {
			
 
				+          className: "教培",
			
 
				+          title: "教培机构",
			
 
				+          content:
			
 
				+            "用户增长红利见顶,获客成本增高,驱使品牌发展私域流量,深耕存量用户价值。助力品牌与顾客建立强连接,全场景,全时段,全方位的满足消费者需求,深度运营,持续挖掘消费者价值。",
			
 
				+          growthRateList: [
			
 
				+            { rate: "20%", name: "增长率1" },
			
 
				+            { rate: "15%", name: "增长率2" },
			
 
				+          ],
			
 
				+          bg: require("@/assets/img/bg5@2x.jpg"),
			
 
				+        },
			
 
				+        {
			
 
				+          className: "大健康",
			
 
				+          title: "",
			
 
				+          content:
			
 
				+            "用户增长红利见顶,获客成本增高,驱使品牌发展私域流量,深耕存量用户价值。助力品牌与顾客建立强连接,全场景,全时段,全方位的满足消费者需求,深度运营,持续挖掘消费者价值。",
			
 
				+          growthRateList: [
			
 
				+            { rate: "20%", name: "增长率1" },
			
 
				+            { rate: "15%", name: "增长率2" },
			
 
				+          ],
			
 
				+          bg: require("@/assets/img/bg6@2x.jpg"),
			
 
				+        },
			
 
				+        {
			
 
				+          className: "服饰",
			
 
				+          title: "",
			
 
				+          content:
			
 
				+            "用户增长红利见顶,获客成本增高,驱使品牌发展私域流量,深耕存量用户价值。助力品牌与顾客建立强连接,全场景,全时段,全方位的满足消费者需求,深度运营,持续挖掘消费者价值。",
			
 
				+          growthRateList: [
			
 
				+            { rate: "20%", name: "增长率1" },
			
 
				+            { rate: "15%", name: "增长率2" },
			
 
				+          ],
			
 
				+          bg: require("@/assets/img/bg6@2x.jpg"),
			
 
				+        },
			
 
				+        {
			
 
				+          className: "美容",
			
 
				+          title: "",
			
 
				+          content:
			
 
				+            "用户增长红利见顶,获客成本增高,驱使品牌发展私域流量,深耕存量用户价值。助力品牌与顾客建立强连接,全场景,全时段,全方位的满足消费者需求,深度运营,持续挖掘消费者价值。",
			
 
				+          growthRateList: [
			
 
				+            { rate: "20%", name: "增长率1" },
			
 
				+            { rate: "15%", name: "增长率2" },
			
 
				+          ],
			
 
				+          bg: require("@/assets/img/bg6@2x.jpg"),
			
 
				+        },
			
 
				+        {
			
 
				+          className: "食品",
			
 
				+          title: "",
			
 
				+          content:
			
 
				+            "用户增长红利见顶,获客成本增高,驱使品牌发展私域流量,深耕存量用户价值。助力品牌与顾客建立强连接,全场景,全时段,全方位的满足消费者需求,深度运营,持续挖掘消费者价值。",
			
 
				+          growthRateList: [
			
 
				+            { rate: "20%", name: "增长率1" },
			
 
				+            { rate: "15%", name: "增长率2" },
			
 
				+          ],
			
 
				+          bg: require("@/assets/img/bg6@2x.jpg"),
			
 
				+        },
			
 
				+        // 其他标签对应的内容
			
 
				+      ],
			
 
				+      valueList: [
			
 
				+        {
			
 
				+          img: require("@/assets/img/xiaoguancha@2x.jpg"),
			
 
				+          content:
			
 
				+            '帮助小罐茶搭建并打通域外投放+企业微信+小程序商城+视频号运营"运营体系,通过私域社群运营和1对1追销提升了社群活跃度,实现私域GMV超预期增长',
			
 
				+          title: "小罐茶",
			
 
				+          industry: "餐饮行业",
			
 
				+          logo: require("@/assets/img/xiaoguanchaLogo.png"),
			
 
				+        },
			
 
				+        {
			
 
				+          img: require("@/assets/img/ruixingkafei.png"),
			
 
				+          content:
			
 
				+            "帮助瑞幸咖啡搭建了企业微信+社群+小程序+视频号的私域运营体系，3个月沉淀180万私域客户、110万私域社群客户",
			
 
				+          title: "瑞幸咖啡",
			
 
				+          industry: "餐饮行业",
			
 
				+          logo: require("@/assets/img/ruixingkafeiLogo.png"),
			
 
				+        },
			
 
				+        {
			
 
				+          img: require("@/assets/img/xiaoguancha@2x.jpg"),
			
 
				+          content:
			
 
				+            '帮助小罐茶搭建并打通域外投放+企业微信+小程序商城+视频号运营"运营体系,通过私域社群运营和1对1追销提升了社群活跃度,实现私域GMV超预期增长',
			
 
				+          title: "小罐茶",
			
 
				+          industry: "餐饮行业",
			
 
				+          logo: require("@/assets/img/xiaoguanchaLogo.png"),
			
 
				+        },
			
 
				+        {
			
 
				+          img: require("@/assets/img/xiaoguancha@2x.jpg"),
			
 
				+          content:
			
 
				+            '帮助小罐茶搭建并打通域外投放+企业微信+小程序商城+视频号运营"运营体系,通过私域社群运营和1对1追销提升了社群活跃度,实现私域GMV超预期增长',
			
 
				+          title: "小罐茶",
			
 
				+          industry: "餐饮行业",
			
 
				+          logo: require("@/assets/img/xiaoguanchaLogo.png"),
			
 
				+        },
			
 
				+        {
			
 
				+          img: require("@/assets/img/ruixingkafei.png"),
			
 
				+          content:
			
 
				+            "帮助瑞幸咖啡搭建了企业微信+社群+小程序+视频号的私域运营体系，3个月沉淀180万私域客户、110万私域社群客户",
			
 
				+          title: "瑞幸咖啡",
			
 
				+          industry: "餐饮行业",
			
 
				+          logo: require("@/assets/img/ruixingkafeiLogo.png"),
			
 
				+        },
			
 
				+      ],
			
 
				+      // scrollInterval: null,
			
 
				+      scrollPosition: 0, // 当前滚动位置
			
 
				+      scrollInterval: null, // 定时器
			
 
				+      startValue: 5,
			
 
				+      wrapperList: [
			
 
				+        {
			
 
				+          avater: require("@/assets/img/icon_ai2@2x.png"),
			
 
				+          nikeName: "用户001",
			
 
				+          text: "我们买过好几款scrm工具,真的用起来其实很难,这个训练完就能用,使用很友好,虽然需要训练,但是完全不用我们操心,直接训练好了交付给我们,关键是还便宜,性价比很高！",
			
 
				+          endTime: "2024/06/02",
			
 
				+        },
			
 
				+        {
			
 
				+          avater: require("@/assets/img/icon_ai2@2x.png"),
			
 
				+          nikeName: "用户001",
			
 
				+          text: "我们买过好几款scrm工具,真的用起来其实很难,这个训练完就能用,使用很友好,虽然需要训练,但是完全不用我们操心,直接训练好了交付给我们,关键是还便宜,性价比很高！这个训练完就能用,使用很友好,虽然需要训练,但是完全不用我们操心,直接训练好了交付给我们,关键是还便宜,性价比很高！",
			
 
				+          endTime: "2024/06/02",
			
 
				+        },
			
 
				+      ],
			
 
				+      page_contant_list: [
			
 
				+        {
			
 
				+          title: "专属大模型",
			
 
				+          content: "专属AI大模型员工帮训   知识库语料库完善升级",
			
 
				+        },
			
 
				+        {
			
 
				+          title: "专业陪跑",
			
 
				+          content: "高级客成专家实战陪跑   后台系统落地包教包会",
			
 
				+        },
			
 
				+        {
			
 
				+          title: "行业案例",
			
 
				+          content: "100+企业真实运营案例  AIGC行业情报实时更新",
			
 
				+        },
			
 
				+      ],
			
 
				+      modelList: [
			
 
				+        [
			
 
				+          {
			
 
				+            title: "自动聊单成交",
			
 
				+            content:
			
 
				+              "基于业务产品自动完成与客户的沟通 ,并推动进入成交环节,自动完成一般商品的聊单成交",
			
 
				+          },
			
 
				+          {
			
 
				+            title: "辅助销售成交",
			
 
				+            content:
			
 
				+              "针对特殊商品 ,完成前期筛选 、需求收集,形成工单并转交真人销售,辅助完成销售成交动作",
			
 
				+          },
			
 
				+        ],
			
 
				+        [
			
 
				+          {
			
 
				+            title: "自动聊单成交",
			
 
				+            content:
			
 
				+              "基于业务产品自动完成与客户的沟通 ,并推动进入成交环节,自动完成一般商品的聊单成交",
			
 
				+          },
			
 
				+          {
			
 
				+            title: "辅助销售成交",
			
 
				+            content:
			
 
				+              "针对特殊商品 ,完成前期筛选 、需求收集,形成工单并转交真人销售,辅助完成销售成交动作",
			
 
				+          },
			
 
				+        ],
			
 
				+      ],
			
 
				+      form: {
			
 
				+        name: "",
			
 
				+        companyName: "",
			
 
				+        phone: "", // 添加 phone 字段
			
 
				+        scale: "",
			
 
				+        message: "",
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.initScrollLeft();
			
 
				+    // // 当组件挂载时监听滚动事件
			
 
				+    window.addEventListener("scroll", this.handleScroll);
			
 
				+    // //导航条的滚动事件
			
 
				+    window.addEventListener("scroll", this.handleScrollNav);
			
 
				+    // // 自动开始滚动
			
 
				+    this.initScroll();
			
 
				+    this.initScrollDown();
			
 
				+    this.initScrollThird();
			
 
				+
			
 
				+    window.addEventListener("scroll", this.handleScrollPage3); // 监听滚动事件
			
 
				+  },
			
 
				+  beforeDestroy() {
			
 
				+    window.removeEventListener("scroll", this.handleScroll);
			
 
				+    window.removeEventListener("scroll", this.handleScrollNav);
			
 
				+    window.removeEventListener("scroll", this.handleScrollPage3); // 清理事件监听
			
 
				+  },
			
 
				+  computed: {
			
 
				+    activeTabList() {
			
 
				+      return this.activeTab === "customerService"
			
 
				+        ? this.customerServiceList
			
 
				+        : this.customerSalesList;
			
 
				+    },
			
 
				+    // 克隆一份列表用于无缝滚动
			
 
				+    fullWrapperList() {
			
 
				+      return [...this.wrapperList, ...this.wrapperList];
			
 
				+    },
			
 
				+    // 克隆一份列表用于无缝滚动
			
 
				+    fullScrollList() {
			
 
				+      return [...this.valueList, ...this.valueList];
			
 
				+    },
			
 
				+    antiCounterfeitingStyle() {
			
 
				+      return {
			
 
				+        opacity: this.opacity,
			
 
				+        transform: `perspective(1200px) translateX(0) translateY(0) scale(1) rotate(0deg) rotateX(${this.rotationX}deg) rotateY(0deg) skewX(0deg) skewY(0deg) translateZ(0)`,
			
 
				+        transition: "transform 0.3s, opacity 0.3s",
			
 
				+      };
			
 
				+    },
			
 
				+  },
			
 
				+  methods: {
			
 
				+    handleScrollNav(e) {
			
 
				+      // this.scrollTopNav =
			
 
				+      //   window.pageYOffset ||
			
 
				+      //   document.documentElement.scrollTopNav ||
			
 
				+      //   document.body.scrollTopNav;
			
 
				+
			
 
				+      this.scrollTopNav =
			
 
				+        window.pageYOffset ||
			
 
				+        document.documentElement.scrollTop ||
			
 
				+        document.body.scrollTop;
			
 
				+    },
			
 
				+    //第4页反转
			
 
				+    handleScrollPage3() {
			
 
				+      const page3 = document.getElementById("page3");
			
 
				+      const rect = page3.getBoundingClientRect();
			
 
				+      const windowHeight = window.innerHeight;
			
 
				+
			
 
				+      // 控制翻转开始的偏移量
			
 
				+      const offset = windowHeight / 2;
			
 
				+
			
 
				+      // 仅在 page3 完全进入视口时才开始计算
			
 
				+      if (rect.top <= windowHeight && rect.bottom >= 0) {
			
 
				+        // 当前滚动距离
			
 
				+        const scrollY = window.scrollY;
			
 
				+
			
 
				+        // 翻转开始的 scrollY 值，加入偏移量延迟翻转
			
 
				+        const page3Start = scrollY + rect.top - windowHeight + offset;
			
 
				+
			
 
				+        // 缩短翻转的滚动范围，使翻转提前结
			
 
				+        const page3End = page3Start + windowHeight * 0.3; // 翻转更早结束
			
 
				+
			
 
				+        // 计算滚动比例，确保在 0 到 1 之间，表示翻转完成的百分比
			
 
				+        const scrollRatio = Math.min(
			
 
				+          Math.max((scrollY - page3Start) / (page3End - page3Start), 0),
			
 
				+          1
			
 
				+        );
			
 
				+
			
 
				+        // 根据滚动比例计算旋转和不透明度
			
 
				+        this.rotationX = 25 - scrollRatio * 25; // 从 25deg 到 0deg
			
 
				+        this.opacity = 0.8 + scrollRatio * 0.2; // 从 0.8 到 1.0
			
 
				+      } else {
			
 
				+        // 滚动不在 page3 内时，恢复初始状态
			
 
				+        this.rotationX = 25; // 初始状态为 25deg
			
 
				+        this.opacity = 0.8;
			
 
				+      }
			
 
				+    },
			
 
				+    //横向滚动
			
 
				+    initScrollLeft() {
			
 
				+      this.$nextTick(() => {
			
 
				+        this.copyHtmlLeft = this.$refs.scrollBox.innerHTML;
			
 
				+        this.startScrollLeft();
			
 
				+      });
			
 
				+    },
			
 
				+    initScroll() {
			
 
				+      this.$nextTick(() => {
			
 
				+        this.copyHtml = this.$refs.scrollItemBox.innerHTML;
			
 
				+        this.startScroll();
			
 
				+      });
			
 
				+    },
			
 
				+    // 初始化第二个列表的向下滚动
			
 
				+    initScrollDown() {
			
 
				+      this.$nextTick(() => {
			
 
				+        this.copyHtmlDown = this.$refs.scrollItemBoxDown.innerHTML;
			
 
				+        // 克隆整个列表的内容到copyHtmlDown
			
 
				+        // this.scrollTopDown = -700;
			
 
				+        this.startScrollDown();
			
 
				+      });
			
 
				+    },
			
 
				+    scrollToSection(event, sectionId) {
			
 
				+      const element = document.getElementById(sectionId);
			
 
				+      if (element) {
			
 
				+        element.scrollIntoView({ behavior: "smooth" });
			
 
				+      }
			
 
				+      event.preventDefault(); // 防止默认行为
			
 
				+    },
			
 
				+
			
 
				+    // 初始化第三个列表的滚动
			
 
				+    initScrollThird() {
			
 
				+      this.$nextTick(() => {
			
 
				+        this.copyHtmlThird = this.$refs.scrollItemBoxThird.innerHTML;
			
 
				+        this.startScrollThird();
			
 
				+      });
			
 
				+    },
			
 
				+    // 鼠标移入停止滚动
			
 
				+    mEnter() {
			
 
				+      clearInterval(this.timer);
			
 
				+    },
			
 
				+    // 鼠标移出继续滚动
			
 
				+    mLeave() {
			
 
				+      this.startScroll();
			
 
				+    },
			
 
				+    mEnterThird() {
			
 
				+      clearInterval(this.timerThird);
			
 
				+    },
			
 
				+    mLeaveThird() {
			
 
				+      this.startScrollThird();
			
 
				+    },
			
 
				+    // 开始滚动
			
 
				+    startScrollLeft() {
			
 
				+      this.timerLeft = setInterval(this.performScroll, this.speed);
			
 
				+    },
			
 
				+    // 开始滚动
			
 
				+    startScroll() {
			
 
				+      this.timer = setInterval(this.scroll, this.speed);
			
 
				+    },
			
 
				+    // 第二个列表的滚动处理
			
 
				+    startScrollDown() {
			
 
				+      this.timerDown = setInterval(this.scrollDown, this.speed);
			
 
				+    },
			
 
				+    // 第三个列表的滚动
			
 
				+    startScrollThird() {
			
 
				+      this.timerThird = setInterval(this.scrollThird, this.speed);
			
 
				+    },
			
 
				+
			
 
				+    performScroll() {
			
 
				+      this.scrollLeftRow++;
			
 
				+      let cardWidth = this.$refs.cardsBox[0].offsetWidth; // 获取单张卡片的宽度
			
 
				+      let scrollBoxLeft = this.valueList.length * cardWidth; // 卡片总数量乘以卡片宽度，得到滚动总宽度
			
 
				+      // let scrollBoxLeft = this.$refs.scrollBox.scrollWidth /5;
			
 
				+      if (this.scrollLeftRow >= scrollBoxLeft) {
			
 
				+        // console.log(scrollBoxLeft, "")
			
 
				+        this.scrollLeftRow = 0;
			
 
				+      }
			
 
				+      // this.$refs.scrollBox.scrollLeft = this.scrollLeftRow;
			
 
				+    },
			
 
				+    // 滚动处理方法
			
 
				+    scroll() {
			
 
				+      this.scrollTop++;
			
 
				+      // 获取需要滚动的盒子的高度
			
 
				+      let scrollItemBox = this.$refs.scrollItemBox.offsetHeight / 2;
			
 
				+      // 当判断滚动的高度大于等于盒子高度时，从头开始滚动
			
 
				+      if (this.scrollTop >= scrollItemBox) {
			
 
				+        this.scrollTop = 0;
			
 
				+      }
			
 
				+    },
			
 
				+    // 第二个列表的滚动（向下）
			
 
				+    scrollDown() {
			
 
				+      this.scrollTopDown++; // 向下滚动
			
 
				+
			
 
				+      // 获取整个scrollItemBoxDown的高度，包括克隆的部分
			
 
				+      const scrollItemBoxDown = this.$refs.scrollItemBoxDown.scrollHeight / 2;
			
 
				+
			
 
				+      // 当滚动到克隆内容的末尾时，重置为0
			
 
				+      if (this.scrollTopDown >= 0) {
			
 
				+        this.scrollTopDown = -scrollItemBoxDown; // 无缝衔接到顶部
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    // 第三个列表滚动逻辑
			
 
				+    scrollThird() {
			
 
				+      this.scrollTopThird++;
			
 
				+      const scrollItemBoxThird = this.$refs.scrollItemBoxThird.offsetHeight / 2;
			
 
				+      if (this.scrollTopThird >= scrollItemBoxThird) {
			
 
				+        this.scrollTopThird = 0;
			
 
				+      }
			
 
				+    },
			
 
				+    // 鼠标悬停时暂停向下滚动
			
 
				+    mEnterDown() {
			
 
				+      clearInterval(this.timerDown);
			
 
				+    },
			
 
				+    // 鼠标移开时继续向下滚动
			
 
				+    mLeaveDown() {
			
 
				+      this.startScrollDown();
			
 
				+    },
			
 
				+    //第四页切换客服与销售tab
			
 
				+    switchTab(tab) {
			
 
				+      this.activeTab = tab;
			
 
				+    },
			
 
				+    //第二页4个板块3D旋转效果
			
 
				+    // handleScroll() {
			
 
				+    //   const items = [
			
 
				+    //     this.$refs.item1,
			
 
				+    //     this.$refs.item2,
			
 
				+    //     this.$refs.item3,
			
 
				+    //     this.$refs.item4,
			
 
				+    //   ];
			
 
				+    //   const windowHeight = window.innerHeight;
			
 
				+    //   const scrollY = window.scrollY;
			
 
				+
			
 
				+    //   items.forEach((item, index) => {
			
 
				+    //     const itemTop = item.getBoundingClientRect().top + scrollY;
			
 
				+
			
 
				+    //     const start = index < 2 ? windowHeight * 0.3 : windowHeight * 0.6;
			
 
				+    //     const end = windowHeight * 1.2;
			
 
				+
			
 
				+    //     if (scrollY + windowHeight >= itemTop + start) {
			
 
				+    //       const progress = Math.min(
			
 
				+    //         1,
			
 
				+    //         (scrollY + windowHeight - itemTop) / (end - start)
			
 
				+    //       );
			
 
				+
			
 
				+    //       if (index === 0 || index === 1) {
			
 
				+    //         item.style.opacity = 0.6 + progress * 0.4;
			
 
				+    //         item.style.transform = `perspective(1200px) translateX(${
			
 
				+    //           (1 - progress) * -48
			
 
				+    //         }px) translateY(${(1 - progress) * 48}px) rotateX(${
			
 
				+    //           (1 - progress) * 8
			
 
				+    //         }deg) rotateY(${(1 - progress) * 8}deg)`;
			
 
				+    //       }
			
 
				+    //       if (index === 2 || index === 3) {
			
 
				+    //         item.style.opacity = 0.6 + progress * 0.4;
			
 
				+    //         item.style.transform = `perspective(1200px) translateX(${
			
 
				+    //           (1 - progress) * 48
			
 
				+    //         }px) translateY(${(1 - progress) * 78}px) rotateX(${
			
 
				+    //           (1 - progress) * 14
			
 
				+    //         }deg) rotateY(${(1 - progress) * -13}deg)`;
			
 
				+    //       }
			
 
				+    //     } else {
			
 
				+    //       if (index === 0 || index === 2) {
			
 
				+    //         item.style.opacity = 0.6;
			
 
				+    //         item.style.transform =
			
 
				+    //           "perspective(1200px) translateX(-48px) translateY(48px) rotate(-8deg) rotateX(8deg) rotateY(8deg)";
			
 
				+    //       } else {
			
 
				+    //         item.style.opacity = 0.7;
			
 
				+    //         item.style.transform =
			
 
				+    //           "perspective(1200px) translateX(48px) translateY(78px) rotate(7deg) rotateX(14deg) rotateY(-13deg)";
			
 
				+    //       }
			
 
				+    //     }
			
 
				+    //   });
			
 
				+    // },
			
 
				+    handleScroll() {
			
 
				+      const items = [
			
 
				+        this.$refs.item1,
			
 
				+        this.$refs.item2,
			
 
				+        this.$refs.item3,
			
 
				+        this.$refs.item4,
			
 
				+      ];
			
 
				+      const windowHeight = window.innerHeight;
			
 
				+      const scrollY = window.scrollY;
			
 
				+
			
 
				+      items.forEach((item, index) => {
			
 
				+        const itemTop = item.getBoundingClientRect().top + scrollY;
			
 
				+
			
 
				+        // 调整 start 和 end 的值，确保动画时间更合理
			
 
				+        const start = windowHeight * (index < 2 ? 0.2 : 0.4); // 第三、第四板块提早开始
			
 
				+        const end = windowHeight * 0.5; // 延长动画的结束点
			
 
				+
			
 
				+        if (scrollY + windowHeight >= itemTop + start) {
			
 
				+          const progress = Math.min(
			
 
				+            1,
			
 
				+            (scrollY + windowHeight - itemTop) / (end - start)
			
 
				+          );
			
 
				+
			
 
				+          // 处理第一、二和第三、四板块的动画
			
 
				+          if (index === 0 || index === 1) {
			
 
				+            item.style.opacity = 0.6 + progress * 0.4;
			
 
				+            item.style.transform = `perspective(1200px) translateX(${
			
 
				+              (1 - progress) * -48
			
 
				+            }px) translateY(${(1 - progress) * 48}px) rotateX(${
			
 
				+              (1 - progress) * 8
			
 
				+            }deg) rotateY(${(1 - progress) * 8}deg)`;
			
 
				+          } else if (index === 2 || index === 3) {
			
 
				+            item.style.opacity = 0.6 + progress * 0.4;
			
 
				+            item.style.transform = `perspective(1200px) translateX(${
			
 
				+              (1 - progress) * 48
			
 
				+            }px) translateY(${(1 - progress) * 78}px) rotateX(${
			
 
				+              (1 - progress) * 14
			
 
				+            }deg) rotateY(${(1 - progress) * -13}deg)`;
			
 
				+          }
			
 
				+        } else {
			
 
				+          // 重置样式
			
 
				+          if (index === 0 || index === 2) {
			
 
				+            item.style.opacity = 0.6;
			
 
				+            item.style.transform =
			
 
				+              "perspective(1200px) translateX(-48px) translateY(48px) rotate(-8deg) rotateX(8deg) rotateY(8deg)";
			
 
				+          } else {
			
 
				+            item.style.opacity = 0.7;
			
 
				+            item.style.transform =
			
 
				+              "perspective(1200px) translateX(48px) translateY(78px) rotate(7deg) rotateX(14deg) rotateY(-13deg)";
			
 
				+          }
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+
			
 
				+    onSubmit() {
			
 
				+      console.log(this.form);
			
 
				+      // 表单提交逻辑
			
 
				+    },
			
 
				+    // 设置当前悬停的索引
			
 
				+    setActive(index) {
			
 
				+      this.activeIndex = index;
			
 
				+    },
			
 
				+    keepCurrentActive() {
			
 
				+      // 这里不需要做任何处理,保留最后一个悬停的索引
			
 
				+    },
			
 
				+    handleMouseEnter(index) {
			
 
				+      this.activeItemIndex = index;
			
 
				+    },
			
 
				+    handleMouseLeave() {
			
 
				+      this.activeItemIndex = null; // 鼠标移出时重置索引
			
 
				+    },
			
 
				+    handleTabClick(tab, event) {
			
 
				+      console.log(tab, event, "tab, event");
			
 
				+      const tabMap = {
			
 
				+        first: 0,
			
 
				+        second: 1,
			
 
				+        third: 2,
			
 
				+        fourth: 3,
			
 
				+        fiveth: 4,
			
 
				+        sixth: 5,
			
 
				+      };
			
 
				+      this.tabActiveIndex = tabMap[tab.name]; // 切换到相应的走马灯项
			
 
				+      // 检查 carouselRef 是否存在
			
 
				+      if (this.$refs.carouselRef) {
			
 
				+        this.$refs.carouselRef.setActiveItem(this.tabActiveIndex);
			
 
				+      } else {
			
 
				+        console.error("carouselRef is undefined");
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  created() {},
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+@import url("@/assets/styles/home/index.css");
			
 
				+@import url("@/assets/styles/header/index.css");
			
 
				+::v-deep .el-rate__icon {
			
 
				+  color: #5e97ff !important;
			
 
				+}
			
 
				+.custom-carousel ::v-deep .el-carousel__container {
			
 
				+  height: 368px;
			
 
				+  background: #f6f8ff;
			
 
				+  border-radius: 17px;
			
 
				+  border: 1px solid #cdd7ff;
			
 
				+  margin-bottom: 10px;
			
 
				+}
			
 
				+.page1 ::v-deep .el-carousel__indicator--horizontal {
			
 
				+  padding: 19px 2px;
			
 
				+}
			
 
				+.page1 ::v-deep .el-carousel__button {
			
 
				+  width: 90px;
			
 
				+  height: 5px;
			
 
				+  border-radius: 6px;
			
 
				+}
			
 
				+.page1 ::v-deep .el-carousel__arrow {
			
 
				+  display: none;
			
 
				+}
			
 
				+.custom-carousel ::v-deep .el-carousel__button {
			
 
				+  width: 55px !important;
			
 
				+  height: 3px !important;
			
 
				+}
			
 
				+.custom-carousel ::v-deep .el-carousel__indicators--outside button {
			
 
				+  /* background-color: #f1f1f1 !important; */
			
 
				+}
			
 
				+.custom-carousel ::v-deep .el-carousel__indicator.is-active button {
			
 
				+  background-color: #5d8de8 !important;
			
 
				+}
			
 
				+::v-deep .el-form-item__content {
			
 
				+  margin-left: 0px !important;
			
 
				+}
			
 
				+::v-deep .el-input__inner {
			
 
				+  height: 43px;
			
 
				+  line-height: 43px;
			
 
				+}
			
 
				+::v-deep .el-textarea__inner {
			
 
				+  height: 97px;
			
 
				+}
			
 
				+.submit-btn {
			
 
				+  width: 306px;
			
 
				+  height: 38px;
			
 
				+  background: #5b4dff;
			
 
				+  border-radius: 18px;
			
 
				+  font-weight: 600;
			
 
				+  font-size: 15px;
			
 
				+  color: #ffffff;
			
 
				+}
			
 
				+.tabs-box ::v-deep .el-tabs {
			
 
				+  width: 100%;
			
 
				+}
			
 
				+.tabs-box ::v-deep .el-tabs__nav {
			
 
				+  width: 100%;
			
 
				+}
			
 
				+.tabs-box ::v-deep .el-tabs__item {
			
 
				+  font-size: 15px;
			
 
				+  color: #ffffff;
			
 
				+  font-family: PingFangSC, PingFang SC;
			
 
				+  font-weight: 500;
			
 
				+  width: 159px;
			
 
				+  height: 49px;
			
 
				+  line-height: 49px;
			
 
				+  text-align: center;
			
 
				+  font-style: normal;
			
 
				+  cursor: pointer;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.tabs-box ::v-deep .el-tabs__item.is-active {
			
 
				+  background: rgba(0, 0, 0, 0.7);
			
 
				+  border-radius: 15px;
			
 
				+}
			
 
				+.tabs-box ::v-deep .el-tabs__active-bar {
			
 
				+  width: 76px !important;
			
 
				+  height: 7px;
			
 
				+  background: linear-gradient(270deg, #5e97ff 0%, #5e5be6 100%);
			
 
				+  border-radius: 6px;
			
 
				+  margin-left: calc(159px / 2 - 76px / 2);
			
 
				+}
			
 
				+.tabs-box ::v-deep .el-tabs__nav-wrap::after {
			
 
				+  height: 0;
			
 
				+}
			
 
				+.page6 ::v-deep .el-carousel--horizontal {
			
 
				+  width: 987px;
			
 
				+  height: 391px;
			
 
				+}
			
 
				+.page6 ::v-deep .el-carousel__container {
			
 
				+  height: 391px;
			
 
				+}
			
 
				+.page6 ::v-deep .el-carousel__arrow {
			
 
				+  display: none;
			
 
				+}
			
 
				+</style>
			
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,9 @@
 
				+const { defineConfig } = require('@vue/cli-service')
			
 
				+
			
 
				+module.exports = defineConfig({
			
 
				+  transpileDependencies: true,
			
 
				+  
			
 
				+  //关闭eslint校验
			
 
				+	lintOnSave: false,
			
 
				+
			
 
				+})