diff --git a/src/components/Bottom.vue b/src/components/Bottom.vue
index 471275a..d9ba8cf 100644
--- a/src/components/Bottom.vue
+++ b/src/components/Bottom.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="isDrag ? 'bottom_container drag' : 'bottom_container'">
     <img :src="getData()" class="bottom_img" alt="" />
-    <div class="btn1"></div>
+    <div class="btn1" @click="toService"></div>
     <div class="btn2" @click="toPhone"></div>
     <div
       class="btn3 copy"
@@ -29,6 +29,12 @@ const props = defineProps({
   },
 })
 
+const toService = () => {
+  window.open(
+    'https://affim.baidu.com/unique_40873323/chat?siteId=18103961&userId=40873323&siteToken=aead83b1b0f20ee468cdb1a81eb2e9c8&cp=http%3A%2F%2Fwww.iflytop.com&cr=&cw=',
+  )
+}
+
 const getData = () => {
   if (route.path.indexOf('/hardware') != -1) {
     return BottomBackground3
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 0d76e88..870a8ca 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -4,7 +4,7 @@
       <img :src="HomeBackground" class="bg" alt="" />
       <div class="btn1" @click="toPage('/mobile/design')"></div>
       <div class="btn2" @click="toPage('/mobile/hardware')"></div>
-      <div class="btn3" @click="toPage('/mobile/design/#/case-show')"></div>
+      <div class="btn3" @click="toPage('/mobile/onestep')"></div>
       <div class="btn4" @click="toPage('/mobile/metal')"></div>
       <div class="btn5" @click="toPage('/mobile/design/#/recruit')"></div>
       <div class="btn6" @click="toPage('/mobile/design/#/contact')"></div>