From 4a5993fb232124830dcc964fc5525896fdea583e Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期一, 22 十二月 2025 16:35:42 +0800
Subject: [PATCH] 一些改动

---
 src/views/equipment/index.vue |  281 ++++++++++++++++++++++++++++++++++---------------------
 1 files changed, 174 insertions(+), 107 deletions(-)

diff --git a/src/views/equipment/index.vue b/src/views/equipment/index.vue
index b0a017d..5f5c1d8 100644
--- a/src/views/equipment/index.vue
+++ b/src/views/equipment/index.vue
@@ -28,34 +28,51 @@
                 <el-image style="width: 578.03px; height: 386.84px" :src="equipment2" class="ml-16"></el-image>
             </div>
         </div>
-        <div v-if="data.tab == 2" class="bg-white">
-           <div class="content flex justify-center items-center px-16 py-8">
-                <div class=" mx-16 px-16">
-                    <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">鏁扮爜鍗板埛</p>
-                    <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-16">
-                        <p >鑷湁鏁扮爜鍗板埛璁惧锛�</p>
-                        <p> 鎵撴牱瀹夊叏淇濆瘑鎬ヤ欢绔嬬瓑鍙彇</p>
-                    </div>
+        <div v-if="data.tab == 2" class="">
+            <div class="bg-white pt-16 pb-1">
+                <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center mt-6">鏁扮爜鍗板埛</p>
+                <div
+                    class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] my-14 text-center">
+                    <p>鑷湁鏁扮爜鍗板埛璁惧锛屾墦鏍峰畨鍏ㄤ繚瀵嗘�ヤ欢绔嬬瓑鍙彇</p>
                 </div>
-                <el-image style="width: 511.13px; height: 527.12px" :src="yinshuashebei1"></el-image>
-           </div>
-           <div class="shebeipeizhi2 h-[997.73px]">
+            </div>
+            <div class="content flex justify-between items-center py-16">
+                <div class="w-[620px] h-[527.12px] bg-white flex justify-center items-center">
+                    <el-image style="width: 511.13px; height: 527.12px" :src="yinshuashebei11" ></el-image>
+                </div>
+                <div class="w-[620px] h-[527.12px] bg-white flex justify-center items-center">
+                    <el-image style="width: 511.13px; height: 527.12px" :src="yinshuashebei1"></el-image>
+                </div>
+            </div>
+            <div class="shebeipeizhi2 h-[997.73px]">
                 <div class="content">
-                    <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center text-white py-16">褰╄壊鍗板埛</p>
+                    <p
+                        class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center text-white py-16">
+                        褰╄壊鍗板埛</p>
                     <div class="flex justify-center">
-                        <div class="p-6 bg-white w-[587.98px] h-[695.5px] flex flex-wrap items-center justify-center" style="margin: 0 auto;">
-                            <el-image style="width: 540px; height: 364.01px;margin: 0 auto;" :src="baseyinshuaji"></el-image>
-                            <p class="w-[416.69px] h-[75.76px] bg-[linear-gradient(114.84deg,rgba(14,88,209,0.81)_35.46%,rgba(51,109,252,0.63)_93.3%)] font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[75.76px] tracking-[5%] capitalize text-center text-white">娴峰痉鍫″叓鑹插嵃鍒锋満</p>
-                            <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize">
+                        <div class="p-6 bg-white w-[587.98px] h-[695.5px] flex flex-wrap items-center justify-center"
+                            style="margin: 0 auto;">
+                            <el-image style="width: 540px; height: 364.01px;margin: 0 auto;"
+                                :src="baseyinshuaji"></el-image>
+                            <p
+                                class="w-[416.69px] h-[75.76px] bg-[linear-gradient(114.84deg,rgba(14,88,209,0.81)_35.46%,rgba(51,109,252,0.63)_93.3%)] font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[75.76px] tracking-[5%] capitalize text-center text-white">
+                                娴峰痉鍫″叓鑹插嵃鍒锋満</p>
+                            <div
+                                class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize">
                                 <p>鍗板埛閫熷害锛�15200寮�/灏忔椂</p>
                                 <p>鍗板埛绾稿紶鍏嬮噸锛�52鍏�-300鍏�</p>
                                 <p>鏈�澶у嵃鍒烽潰绉細720脳1020mm</p>
                             </div>
                         </div>
-                        <div class="p-6 bg-white w-[587.98px] h-[695.5px] flex flex-wrap items-center justify-center" style="margin: 0 auto;">
-                            <el-image style="width: 540px; height: 364.01px;margin: 0 auto;" :src="baseyinshuaji1"></el-image>
-                            <p class="w-[416.69px] h-[75.76px] bg-[linear-gradient(114.84deg,rgba(14,88,209,0.81)_35.46%,rgba(51,109,252,0.63)_93.3%)] font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[75.76px] tracking-[5%] capitalize text-center text-white">娴峰痉鍫″洓鑹插嵃鍒锋満</p>
-                            <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize"> 
+                        <div class="p-6 bg-white w-[587.98px] h-[695.5px] flex flex-wrap items-center justify-center"
+                            style="margin: 0 auto;">
+                            <el-image style="width: 540px; height: 364.01px;margin: 0 auto;"
+                                :src="baseyinshuaji1"></el-image>
+                            <p
+                                class="w-[416.69px] h-[75.76px] bg-[linear-gradient(114.84deg,rgba(14,88,209,0.81)_35.46%,rgba(51,109,252,0.63)_93.3%)] font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[75.76px] tracking-[5%] capitalize text-center text-white">
+                                娴峰痉鍫″洓鑹插嵃鍒锋満</p>
+                            <div
+                                class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize">
                                 <p>鍗板埛閫熷害锛�15200寮�/灏忔椂</p>
                                 <p>鍗板埛绾稿紶鍏嬮噸锛�52鍏�-300鍏�</p>
                                 <p>鏈�澶у嵃鍒烽潰绉細720脳1020mm</p>
@@ -63,26 +80,34 @@
                         </div>
                     </div>
                 </div>
-           </div>
-           <div class="content flex justify-center items-center px-16 py-16">
+            </div>
+            <div class="content flex justify-between items-center py-16">
                 <el-image style="width: 658.09px; height: 466.33px" :src="heibai"></el-image>
                 <div class=" mx-16 px-16">
-                    <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">榛戠櫧鍗板埛</p>
-                    <p class="font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[50px] tracking-[5%] capitalize h-[50px] flex items-center text-[#2646B3] mt-8">楂橀�熷寮�鍙岄潰鍗板埛鏈�</p>
-                    <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-8">
-                        <p >鏈�澶у嵃鍒烽潰绉細630脳920mm</p>
+                    <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">榛戠櫧鍗板埛
+                    </p>
+                    <p
+                        class="font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[50px] tracking-[5%] capitalize h-[50px] flex items-center text-[#2646B3] mt-8">
+                        楂橀�熷寮�鍙岄潰鍗板埛鏈�</p>
+                    <div
+                        class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-8">
+                        <p>鏈�澶у嵃鍒烽潰绉細630脳920mm</p>
                         <p> 鍗板埛閫熷害锛�10000寮犲弻闈�/灏忔椂</p>
                         <p> 鍗板埛绾稿紶鍏嬮噸锛�40鍏嬧��200鍏�</p>
                     </div>
                 </div>
-           </div>
-            <div class="lunzhuanbg px-16 py-16">
-                <div class="content  flex justify-center items-center ">
+            </div>
+            <div class="lunzhuanbg py-16">
+                <div class="content  flex justify-between items-center ">
                     <div class=" mx-16 px-16">
-                        <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">杞浆鍗板埛</p>
-                        <p class="font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[50px] tracking-[5%] capitalize h-[50px] flex items-center text-[#2646B3] mt-8">鍏ㄦ柊杞浆鍗板埛鏈�</p>
-                        <div class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-8">
-                            <p >鍗板埛閫熷害锛氱害30000 寮�/灏忔椂</p>
+                        <p class="w-1/2 font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize">
+                            杞浆鍗板埛</p>
+                        <p
+                            class="font-['Source_Han_Sans_SC'] font-medium text-[32px] leading-[50px] tracking-[5%] capitalize h-[50px] flex items-center text-[#2646B3] mt-8">
+                            鍏ㄦ柊杞浆鍗板埛鏈�</p>
+                        <div
+                            class="font-['Source_Han_Sans_SC'] font-normal text-[24px]  tracking-[4%] capitalize text-[#696969] mt-8">
+                            <p>鍗板埛閫熷害锛氱害30000 寮�/灏忔椂</p>
                             <p> 绾稿紶鍏嬮噸鑼冨洿锛�45g/m虏 - 150g/m虏</p>
                             <p> 鏈�澶у嵃鍒烽潰绉細787mm 脳 546mm</p>
                         </div>
@@ -90,14 +115,17 @@
                     <el-image style="width: 658.09px; height: 466.33px" :src="lunzhuan"></el-image>
                 </div>
 
-           </div>
+            </div>
         </div>
         <div v-if="data.tab == 3" class="bg-white ">
-           <div class="zhuangding1">
-                 <div class="content relative z-0">
-                    <div class=" contentbg w-[512.66px] h-[540.71px] relative left-0 pl-16 pt-8 float-right">
-                        <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize  py-16 text-white">鐙寮曡繘椹ぉ灏煎叏鑷姩<br>鑳惰鑱斿姩绾�</p>
-                        <div class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[37.4px] tracking-[0%] capitalize  text-white">
+            <div class="zhuangding1">
+                <div class="content">
+                    <div class=" contentbg w-[512.66px] h-[540.71px] float-right pl-16">
+                        <p
+                            class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize  py-16 text-white">
+                            瑗垮崡鍦板尯鐙寮曡繘<br>鍏ㄦ柊椹ぉ灏�<br>鍏ㄨ嚜鍔ㄨ兌瑁呰仈鍔ㄧ嚎<br></p>
+                        <div
+                            class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[37.4px] tracking-[0%] capitalize  text-white">
                             <p>19澶�20閰�</p>
                             <p>鑷姩鎵弿鍥炬枃妫�娴嬮敊璐�</p>
                             <p>閰嶉〉銆佽兌鍖呫�佷慨鍒囦竴娆″畬鎴�</p>
@@ -106,29 +134,48 @@
                         </div>
                     </div>
                 </div>
-           </div>
-           <div class="content pb-14">
-                <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center  py-16">椹ぉ灏奸湽闆抽┈MC</p>
-                <div class="flex justify-evenly">
-                    <div v-for="(item,index) in images" :key="index" class="flex flex-wrap w-[70px] items-center justify-center">
-                        <el-image style="width: 50px; height: 50px" :src="item.url"></el-image>
-                        <p>{{ item.name }}</p>
+            </div>
+            <div class="h-[1083.56px] relative bg-[#f4f9fb]">
+                <div class="h-[40%]">
+                    <p
+                        class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center  pt-16">
+                        瑗垮崡鍦板尯鍞竴涓�鍙�</p>
+                    <p
+                        class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center  pb-12">
+                        椹ぉ灏奸湽闆抽┈MC鍏ㄨ嚜鍔ㄩ獞璁㈣仈鍔ㄧ嚎</p>
+                    <p
+                        class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[41px] tracking-[0%] capitalize text-[#333] text-center pb-12">
+                        瑁呰閫熷害锛�14,000 鏈�/灏忔椂</p>
+                    <div class="content flex justify-evenly">
+                        <div v-for="(item, index) in images" :key="index"
+                            class="flex flex-wrap w-[70px] items-center justify-center ">
+                            <el-image style="width: 50px; height: 50px" :src="item.url"></el-image>
+                            <p class="pt-2">{{ item.name }}</p>
+                        </div>
                     </div>
+                    <!-- <p class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[41px] tracking-[0%] capitalize text-[#333] text-center">
+                        鏈�澶у嵃鍒烽潰绉細2100  脳 1600 mm
+                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        鍗板埛閫熷害锛�14,000 鏈�/灏忔椂
+                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        鍗板埛绾稿紶鍏嬮噸锛�0.2 - 0.4 mm
+                    </p> -->
                 </div>
-                <el-image style="width: 1402.41px; height: 291.58px" :src="zhuangding2" class="my-6"></el-image>
-                <p class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[41px] tracking-[0%] capitalize text-[#333] text-center">
-                    鏈�澶у嵃鍒烽潰绉細2100  脳 1600 mm
-                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                    鍗板埛閫熷害锛�14,000 鏈�/灏忔椂
-                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                    鍗板埛绾稿紶鍏嬮噸锛�0.2 - 0.4 mm
-                </p>
-           </div>
-           <div class="zhuangding3">
-                 <div class="content relative z-0">
-                    <div class=" contentbg w-[512.66px] h-[540.71px] relative right-0 pl-16 pt-8">
-                        <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize  py-16 text-white">浜斿彴鍏ㄨ嚜鍔ㄩ獞椹鑱斿姩绾�</p>
-                        <div class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[37.4px] tracking-[0%] capitalize  text-white">
+                <div class="zhuangding2">
+
+
+                    <!-- <el-image class="w-full" :src="zhuangding2" ></el-image> -->
+
+                </div>
+            </div>
+            <div class="zhuangding3">
+                <div class="content">
+                    <div class=" contentbg w-[512.66px] h-[540.71px] pl-16 pt-8">
+                        <p
+                            class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize  py-16 text-white">
+                            涓夊彴鍏ㄨ嚜鍔ㄩ獞椹鑱斿姩绾�</p>
+                        <div
+                            class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[37.4px] tracking-[0%] capitalize  text-white">
                             <p>鏈�澶ц璁㈠昂瀵�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;315脳360mm</p>
                             <p>鏈�灏忚璁㈠昂瀵�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;210脳140mm</p>
                             <p>鏈�澶ц璁㈠笘鏁�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6甯�+灏侀潰</p>
@@ -136,25 +183,29 @@
                         </div>
                     </div>
                 </div>
-           </div>
+            </div>
         </div>
         <div v-if="data.tab == 4" class="bg-white pb-10">
-            <p class="font-['Source_Han_Sans_SC'] font-normal text-[24px] leading-[41px] tracking-[10%] text-center capitalize text-[#696969] py-12">
+            <p class="font-['Source_Code_Pro'] font-semibold text-[36px]  align-middle capitalize text-center py-12">
                 鎵�鏈夊伐搴忥紝鏃犻渶澶栧崗锛屽窛鍗伴兘鑳藉畬鎴�</p>
-                <div class="content flex flex-wrap justify-between pb-8">
-                    <div v-for="(item,index) in arrayList" class=" pb-4 hover:text-[#0D61CE] cursor-pointer mx-6 ">
-                        <el-image v-if="index==0||index==1" style="width: 586.34px; height: 406.59px" :src="item.url" class="hover:shadow-[0px_6px_18px_0px_#054CB726] transition-shadow duration-300"></el-image>
-                        <el-image v-else style="width: 380px; height: 300px" :src="item.url" class="hover:shadow-[0px_6px_18px_0px_#054CB726] transition-shadow duration-300"></el-image>
-                        <p class="font-['Source_Han_Sans'] font-medium text-[24px] leading-[50px] tracking-[5%] text-center capitalize pt-1">{{ item.name }}</p>
-                    </div>
+            <div class="content flex flex-wrap justify-between pb-8">
+                <div v-for="(item, index) in arrayList" class=" pb-6 hover:text-[#0D61CE] cursor-pointer mx-6 ">
+                    <el-image v-if="index == 0 || index == 1" style="width: 586.34px; height: 406.59px" :src="item.url"
+                        class="hover:shadow-[0px_6px_18px_0px_#054CB726] transition-shadow duration-300"></el-image>
+                    <el-image v-else style="width: 380px; height: 300px" :src="item.url"
+                        class="hover:shadow-[0px_6px_18px_0px_#054CB726] transition-shadow duration-300"></el-image>
+                    <p
+                        class="font-['Source_Han_Sans'] font-medium text-[24px] leading-[50px] tracking-[5%] text-center capitalize pt-1">
+                        {{ item.name }}</p>
                 </div>
+            </div>
         </div>
     </div>
 </template>
 
 <script setup>
 
-const { $route ,$router} = getCurrentInstance().appContext.config.globalProperties
+const { $route, $router } = getCurrentInstance().appContext.config.globalProperties
 
 import $store from "@/store/index.js";
 import equipment1 from '@/static/img/equipment1.png'
@@ -169,11 +220,12 @@
 import suoxianji from '@/static/img/suoxianji.png'
 import zhanxinfeng from '@/static/img/zhanxinfeng.png'
 import yinshuashebei1 from '@/static/img/yinshuashebei1.png'
+import yinshuashebei11 from '@/static/img/yinshuashebei-1.png'
 import baseyinshuaji from '@/static/img/baseyinshuaji.png'
 import baseyinshuaji1 from '@/static/img/baseyinshuaji1.png'
 import heibai from '@/static/img/heibai.png'
 import lunzhuan from '@/static/img/lunzhuan.png'
-import zhuangding2 from '@/static/img/zhuangding2.png'
+import zhuangding2 from '@/static/img/zhuangding-2.png'
 import Frame from '@/static/img/Frame.png'
 import Frame1 from '@/static/img/Frame-1.png'
 import Frame2 from '@/static/img/Frame-2.png'
@@ -184,65 +236,65 @@
     tab: 1,
 })
 const images = [
-     {
-        name:'鏅烘帶蹇',
-        url:Frame4
+    {
+        name: '鏅烘帶蹇',
+        url: Frame4
     },
     {
-        name:'楂樻晥楂橀��',
-        url:Frame
+        name: '楂樻晥楂橀��',
+        url: Frame
     },
     {
-        name:'瑁佸垏绮惧噯',
-        url:Frame1
+        name: '瑁佸垏绮惧噯',
+        url: Frame1
     },
     {
-        name:'楂樺害鑷姩',
-        url:Frame2
+        name: '楂樺害鑷姩',
+        url: Frame2
     },
     {
-        name:'鎿嶄綔绠�鏄�',
-        url:Frame3
+        name: '鎿嶄綔绠�鏄�',
+        url: Frame3
     },
 ]
 const arrayList = [
     {
-        name:'杩涘彛MBO鍏ㄨ嚜鍔ㄦ姌椤垫満',
-        url:jinkouMBO
+        name: '杩涘彛MBO鍏ㄨ嚜鍔ㄦ姌椤垫満',
+        url: jinkouMBO
     },
     {
-        name:'杩涘彛闃挎柉鐗瑰叏鑷姩閿佺嚎鏈�',
-        url:suoxianji
+        name: '杩涘彛闃挎柉鐗瑰叏鑷姩閿佺嚎鏈�',
+        url: suoxianji
     },
     {
-        name:'妯″垏鏈�',
-        url:moqieji
+        name: '妯″垏鏈�',
+        url: moqieji
     },
     {
-        name:'鍕掑彛鏈�',
-        url:lekouji
+        name: '鍕掑彛鏈�',
+        url: lekouji
     },
     {
-        name:'濉戝皝鏈�',
-        url:sufengji
+        name: '濉戝皝鏈�',
+        url: sufengji
     },
     {
-        name:'绮橀〉鏈�',
-        url:zhanyeji
+        name: '绮橀〉鏈�',
+        url: zhanyeji
     },
     // {
     //     name:'绮樹俊灏佹満',
     //     url:zhanxinfeng
     // },
     {
-        name:'鐑噾鏈�',
-        url:tangjinji
+        name: '鐑噾鏈�',
+        url: tangjinji
     },
     {
-        name:'瑕嗚啘鏈�',
-        url:fumoji
+        name: '瑕嗚啘鏈�',
+        url: fumoji
     },
-    
+
 ]
 const tabchange = (el) => {
     $router.push({
@@ -272,7 +324,7 @@
 }
 
 .bannerbg {
-     background: linear-gradient(90deg, rgba(14, 97, 206, 0.9) 30%, rgba(108, 160, 255, 0.18) 100%),
+    background: linear-gradient(90deg, rgba(14, 97, 206, 0.9) 30%, rgba(108, 160, 255, 0.18) 100%),
         url('@/static/img/yinshuapeizhibanner.png') center/cover no-repeat;
 }
 
@@ -280,25 +332,38 @@
     background: linear-gradient(90deg, rgba(14, 97, 206, 0.9) 30%, rgba(108, 160, 255, 0.18) 100%),
         url('@/static/img/yinshuapeizhibanner.png') center/cover no-repeat;
 }
-.shebeipeizhi2{
+
+.shebeipeizhi2 {
     background: linear-gradient(114.84deg, rgba(14, 88, 209, 0.9) 35.46%, rgba(51, 109, 252, 0.7) 93.3%),
-    url('@/static/img/yinshuapeizhi2.png') center/cover no-repeat;
+        url('@/static/img/yinshuapeizhi2.png') center/cover no-repeat;
 
 }
-.zhuangding1{
+
+.zhuangding1 {
     width: 100%;
     height: 540.71px;
     background: linear-gradient(90deg, rgba(140, 140, 140, 0.3) 0%, rgba(38, 38, 38, 0.42) 77.99%),
-    url('@/static/img/zhuangding1.png') center/cover no-repeat;
+        url('@/static/img/zhuangding1.png') center/cover no-repeat;
     background-blend-mode: multiply;
 }
-.contentbg{
+
+.contentbg {
     background: linear-gradient(114.84deg, rgba(14, 88, 209, 0.9) 35.46%, rgba(51, 109, 252, 0.7) 93.3%);
 }
-.zhuangding3{
+
+.zhuangding2 {
+    width: 100%;
+    height: 60%;
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 86.6%, rgba(255, 255, 255, 0.5) 91.77%, #FFFFFF 97.65%),
+        url('@/static/img/zhuangding2.png') bottom left / cover no-repeat;
+    /* contain 浼氱瓑姣旂缉鏀惧浘鐗囷紝浼樺厛璁╁搴﹂�傞厤瀹瑰櫒瀹藉害锛屼繚璇佸浘鐗囧畬鏁存樉绀� */
+
+}
+
+.zhuangding3 {
     width: 100%;
     height: 540.71px;
-    background: linear-gradient(90deg, rgba(140, 140, 140, 0.3) 0%, rgba(38, 38, 38, 0.42) 77.99%),url('@/static/img/zhuangding3.png') center/cover no-repeat;
+    background: linear-gradient(90deg, rgba(140, 140, 140, 0.3) 0%, rgba(38, 38, 38, 0.42) 77.99%), url('@/static/img/zhuangding3.png') center/cover no-repeat;
 
 }
 
@@ -306,6 +371,7 @@
     position: relative;
     z-index: 1;
 }
+
 .lunzhuanbg::before {
     content: "";
     position: absolute;
@@ -314,7 +380,8 @@
     width: 100%;
     height: 100%;
     background: #F8FAFF url('@/static/img/lunzhuanbeijing.png') center/cover no-repeat;
-    opacity: 0.3; /* 鑳屾櫙鑹�+鑳屾櫙鍥鹃兘30%閫忔槑 */
+    opacity: 0.3;
+    /* 鑳屾櫙鑹�+鑳屾櫙鍥鹃兘30%閫忔槑 */
     z-index: -1;
 }
 </style>
\ No newline at end of file

--
Gitblit v1.9.1