diff --git a/src/assets/images/meizhou.png b/src/assets/images/meizhou.png
index f632e15..a7c7eb3 100644
Binary files a/src/assets/images/meizhou.png and b/src/assets/images/meizhou.png differ
diff --git a/src/views/aircAndWindc/awSysMonitor/index.vue b/src/views/aircAndWindc/awSysMonitor/index.vue
index 1195dd1..b07eb63 100644
--- a/src/views/aircAndWindc/awSysMonitor/index.vue
+++ b/src/views/aircAndWindc/awSysMonitor/index.vue
@@ -125,6 +125,7 @@
               @keyup.enter.native="handleEnter(backAirObj, $event, '℃')"
               @input="handleInput(backAirObj)"
               @blur="handleBlur()"
+              disabled
               v-model="backAirObj.collectValue"
               size="mini"
             >
@@ -137,6 +138,7 @@
               @keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')"
               @input="handleInput(airSupplyObj)"
               @blur="handleBlur()"
+              disabled
               v-model="airSupplyObj.collectValue"
               size="mini"
             >
@@ -199,6 +201,7 @@
                 @keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')"
                 @input="handleInput(waterSupplyObj)"
                 @blur="handleBlur()"
+                disabled
                 v-model="waterSupplyObj.collectValue"
                 size="mini"
               >
@@ -215,6 +218,7 @@
                 @keyup.enter.native="handleEnter(backwaterObj, $event, '℃')"
                 @input="handleInput(backwaterObj)"
                 @blur="handleBlur()"
+                disabled
                 v-model="backwaterObj.collectValue"
                 size="mini"
               >
diff --git a/src/views/centerairC/sysControl/index.vue b/src/views/centerairC/sysControl/index.vue
index 9a424a3..bc66bf6 100644
--- a/src/views/centerairC/sysControl/index.vue
+++ b/src/views/centerairC/sysControl/index.vue
@@ -43,7 +43,10 @@
             @operationControl="hadleOperationConrol"
           ></vavleheader>
         </div>
-        <div class="device-container">
+        <div
+          class="device-container"
+          v-if="coolingAndHeatingOutValve.length > 0"
+        >
           <vavleheader
             :valveList="coolingAndHeatingOutValve"
             @operationControl="hadleOperationConrol"
diff --git a/src/views/centerairC/sysMonitor/index.vue b/src/views/centerairC/sysMonitor/index.vue
index 5a1c415..c14322f 100644
--- a/src/views/centerairC/sysMonitor/index.vue
+++ b/src/views/centerairC/sysMonitor/index.vue
@@ -105,8 +105,8 @@
         alt=""
         :class="{ moveClass: hostListRunClass(0) }"
       />
-      <div class="hostLoad1" v-if="hostLoadData(0) && hostListRunClass(0)">
-        {{ hostLoad0 }}%
+      <div class="hostLoad1" v-if="hostListRunClass(0) && hostListRunClass(0)">
+        {{ hostLoad0 }}
       </div>
       <div class="water-flow1">
         <div class="water-flow-li">
@@ -132,7 +132,7 @@
         :angle1="-0"
         :angle2="-20"
         :lineWidth1="200"
-        :lineWidth2="130"
+        :lineWidth2="190"
         class="host-line1"
       ></line-children>
       <!-- 主机2数据定位 -->
@@ -150,7 +150,7 @@
         alt=""
         :class="{ moveClass: hostListRunClass(1) }"
       />
-      <div class="hostLoad2" v-if="hostLoadData(1) && hostListRunClass(1)">
+      <div class="hostLoad2" v-if="hostListRunClass(1) && hostListRunClass(1)">
         {{ hostLoad1 }}%
       </div>
       <div class="water-flow2">
@@ -175,9 +175,9 @@
       </div>
       <line-children
         :angle1="-0"
-        :angle2="-30"
+        :angle2="-32"
         :lineWidth1="250"
-        :lineWidth2="350"
+        :lineWidth2="380"
         class="host-line2"
       ></line-children>
       <!-- 主机3数据定位 -->
@@ -198,7 +198,7 @@
         :class="{ moveClass: hostListRunClass(2) }"
       />
       <!-- 主机负载 -->
-      <div class="hostLoad3" v-if="hostLoadData(2) && hostListRunClass(2)">
+      <div class="hostLoad3" v-if="hostListRunClass(2) && hostListRunClass(2)">
         {{ hostLoad2 }}%
       </div>
       <!-- 主机冷却冷冻水流信息 -->
@@ -225,9 +225,9 @@
       <!-- 线+主机冷却水流状态 -->
       <line-children
         :angle1="-0"
-        :angle2="-40"
+        :angle2="-39"
         :lineWidth1="350"
-        :lineWidth2="520"
+        :lineWidth2="530"
         class="host-line3"
       ></line-children>
 
@@ -235,6 +235,8 @@
       <div class="coolingPump1">1#</div>
       <div class="coolingPump2">2#</div>
       <div class="coolingPump3">3#</div>
+      <div class="coolingPump4">4#</div>
+      <div class="coolingPump5">5#</div>
       <!-- 运行状态 -->
       <img
         class="cooling-img1"
@@ -257,6 +259,20 @@
         alt=""
         :class="{ moveClass2: coolingPumpRunClass(2) }"
       />
+      <img
+        class="cooling-img4"
+        v-if="coolingPumpRunClass(3)"
+        src="../../../assets/images/fan-img.png"
+        alt=""
+        :class="{ moveClass2: coolingPumpRunClass(3) }"
+      />
+      <img
+        class="cooling-img5"
+        v-if="coolingPumpRunClass(4)"
+        src="../../../assets/images/fan-img.png"
+        alt=""
+        :class="{ moveClass2: coolingPumpRunClass(4) }"
+      />
       <!-- 频率反馈 -->
       <div
         class="cooling-hz1"
@@ -276,10 +292,24 @@
       >
         {{ coolingPumpHz2 }}Hz
       </div>
+      <div
+        class="cooling-hz4"
+        v-if="coolingPumpHz(3) && coolingPumpRunClass(3)"
+      >
+        {{ coolingPumpHz3 }}Hz
+      </div>
+      <div
+        class="cooling-hz5"
+        v-if="coolingPumpHz(4) && coolingPumpRunClass(4)"
+      >
+        {{ coolingPumpHz4 }}Hz
+      </div>
       <!-- 冷冻泵数据定位 -->
       <div class="freezingPump1">1#</div>
       <div class="freezingPump2">2#</div>
       <div class="freezingPump3">3#</div>
+      <div class="freezingPump4">4#</div>
+      <div class="freezingPump5">5#</div>
       <img
         class="freezing-img1"
         v-if="freezingPumpRunClass(0)"
@@ -301,61 +331,73 @@
         alt=""
         :class="{ moveClass2: freezingPumpRunClass(2) }"
       />
+      <img
+        class="freezing-img4"
+        v-if="freezingPumpRunClass(3)"
+        src="../../../assets/images/fan-img.png"
+        alt=""
+        :class="{ moveClass2: freezingPumpRunClass(3) }"
+      />
+      <img
+        class="freezing-img5"
+        v-if="freezingPumpRunClass(4)"
+        src="../../../assets/images/fan-img.png"
+        alt=""
+        :class="{ moveClass2: freezingPumpRunClass(4) }"
+      />
       <!-- 频率反馈 旋转+有频率反馈才显示 -->
       <div
         class="freezing-hz1"
-        v-if="freezingPumpHz(0) && freezingPumpRunClass(0)"
+        v-if="freezingPumpRunClass(0) && freezingPumpHz(0)"
       >
         {{ freezingPumpHz0 }}Hz
       </div>
       <div
         class="freezing-hz2"
-        v-if="freezingPumpHz(1) && freezingPumpRunClass(1)"
+        v-if="freezingPumpRunClass(1) && freezingPumpHz(1)"
       >
         {{ freezingPumpHz1 }}Hz
       </div>
       <div
         class="freezing-hz3"
-        v-if="freezingPumpHz(2) && freezingPumpRunClass(2)"
+        v-if="freezingPumpRunClass(2) && freezingPumpHz(2)"
       >
         {{ freezingPumpHz2 }}Hz
       </div>
-      <!-- 冷却塔数据定位 五个风机 三个出水阀 -->
-      <div class="coolingTower3">3#-1</div>
-      <div class="coolingTower22">2#-2</div>
-      <div class="coolingTower21">2#-1</div>
-      <div class="coolingTower12">1#-2</div>
-      <div class="coolingTower11">1#-1</div>
-      <!-- 风机频率 -->
       <div
-        class="coolingTowerHz3"
-        v-if="coolingTowerHz(2, 1) && coolingTowerRunClass(2, 1)"
+        class="freezing-hz4"
+        v-if="freezingPumpRunClass(3) && freezingPumpHz(3)"
       >
-        {{ coolingTowerHz31 }}Hz
+        {{ freezingPumpHz3 }}Hz
       </div>
       <div
-        class="coolingTowerHz22"
-        v-if="coolingTowerHz(1, 2) && coolingTowerRunClass(1, 2)"
+        class="freezing-hz5"
+        v-if="freezingPumpRunClass(4) && freezingPumpHz(4)"
       >
-        {{ coolingTowerHz22 }}Hz
+        {{ freezingPumpHz4 }}Hz
       </div>
+      <!-- 冷却塔数据定位 五个风机 三个出水阀 -->
+      <div class="coolingTower3">3#</div>
+      <div class="coolingTower2">2#</div>
+      <div class="coolingTower1">1#</div>
+      <!-- 风机频率 -->
       <div
-        class="coolingTowerHz21"
-        v-if="coolingTowerHz(1, 1) && coolingTowerRunClass(1, 1)"
+        class="coolingTowerHz3"
+        v-if="coolingTowerHz(2, 1) && coolingTowerRunClass(2, 1)"
       >
-        {{ coolingTowerHz21 }}Hz
+        {{ coolingTowerHz3 }}Hz
       </div>
       <div
-        class="coolingTowerHz12"
-        v-if="coolingTowerHz(0, 2) && coolingTowerRunClass(0, 2)"
+        class="coolingTowerHz2"
+        v-if="coolingTowerHz(1, 1) && coolingTowerRunClass(1, 1)"
       >
-        {{ coolingTowerHz12 }}Hz
+        {{ coolingTowerHz2 }}Hz
       </div>
       <div
-        class="coolingTowerHz11"
+        class="coolingTowerHz1"
         v-if="coolingTowerHz(0, 1) && coolingTowerRunClass(0, 1)"
       >
-        {{ coolingTowerHz11 }}Hz
+        {{ coolingTowerHz1 }}Hz
       </div>
       <!-- 3号冷却塔风机1 -->
       <img
@@ -367,36 +409,20 @@
       />
       <!-- 2号冷却塔风机1 -->
       <img
-        class="fan-img3"
+        class="fan-img2"
         v-if="coolingTowerRunClass(1, 1)"
         :class="{ moveClass2: coolingTowerRunClass(1, 1) }"
         src="../../../assets/images/fan-img.png"
         alt=""
       />
-      <!-- 2号冷却塔风机2 -->
-      <img
-        class="fan-img2"
-        v-if="coolingTowerRunClass(1, 2)"
-        :class="{ moveClass2: coolingTowerRunClass(1, 2) }"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-      />
       <!-- 1 号冷却塔风机1 -->
       <img
-        class="fan-img5"
+        class="fan-img3"
         v-if="coolingTowerRunClass(0, 1)"
         :class="{ moveClass2: coolingTowerRunClass(0, 1) }"
         src="../../../assets/images/fan-img.png"
         alt=""
       />
-      <!-- 1号冷却塔风机2 -->
-      <img
-        class="fan-img4"
-        v-if="coolingTowerRunClass(0, 2)"
-        :class="{ moveClass2: coolingTowerRunClass(0, 2) }"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-      />
       <div
         class="towerValve1"
         :class="{ startClass: towerValveControlClass(2) }"
@@ -409,6 +435,18 @@
         class="towerValve3"
         :class="{ startClass: towerValveControlClass(0) }"
       ></div>
+      <div
+        class="towerValve4"
+        :class="{ startClass: towerValveInControlClass(2) }"
+      ></div>
+      <div
+        class="towerValve5"
+        :class="{ startClass: towerValveInControlClass(1) }"
+      ></div>
+      <div
+        class="towerValve6"
+        :class="{ startClass: towerValveInControlClass(0) }"
+      ></div>
       <!-- 冷冻蝶阀数据定位 -->
       <div
         class="frozenValve1"
@@ -474,6 +512,116 @@
         <div class="sysNormal">Normal</div>
         <div class="sysStatus">{{ sysStatus }}</div>
       </div>
+      <!-- 供暖区 -->
+      <div class="hotClass">供暖区</div>
+      <!-- 供冷区进水阀 -->
+      <div class="coolingOut-vavle">
+        <div class="water-flow-li">
+          <span>裙楼供冷进水阀:</span>
+          <span
+            class="break"
+            :class="{
+              connect: hostAndCoolingControlClass(this.coolingInletBuild),
+            }"
+          ></span>
+        </div>
+        <div class="water-flow-li">
+          <span>客房供冷进水阀:</span>
+          <span
+            class="break"
+            :class="{
+              connect: hostAndCoolingControlClass(this.coolingInletGuest),
+            }"
+          ></span>
+        </div>
+      </div>
+      <line-children
+        :angle1="-110"
+        :angle2="0"
+        :lineWidth1="190"
+        :lineWidth2="170"
+        class="coolingOut-line"
+      ></line-children>
+      <!-- 供冷区出水阀 -->
+      <div class="coolingIn-vavle">
+        <div class="water-flow-li">
+          <span>裙楼供冷出水阀:</span>
+          <span
+            class="break"
+            :class="{
+              connect: hostAndCoolingControlClass(this.coolingOutletBuild),
+            }"
+          ></span>
+        </div>
+        <div class="water-flow-li">
+          <span>客房供冷出水阀:</span>
+          <span
+            class="break"
+            :class="{
+              connect: hostAndCoolingControlClass(this.coolingOutletGuest),
+            }"
+          ></span>
+        </div>
+      </div>
+      <line-children
+        :angle1="-110"
+        :angle2="0"
+        :lineWidth1="130"
+        :lineWidth2="170"
+        class="coolingIn-line"
+      ></line-children>
+      <!--供暖区进水阀  -->
+      <div class="hotOut-vavle">
+        <div class="water-flow-li">
+          <span>裙楼供暖进水阀:</span>
+          <span
+            class="break"
+            :class="{ connect: hostAndCoolingControlClass(this.hotInletBuild) }"
+          ></span>
+        </div>
+        <div class="water-flow-li">
+          <span>客房供暖进水阀:</span>
+          <span
+            class="break"
+            :class="{ connect: hostAndCoolingControlClass(this.hotInletGuest) }"
+          ></span>
+        </div>
+      </div>
+      <line-children
+        :angle1="-70"
+        :angle2="0"
+        :lineWidth1="140"
+        :lineWidth2="170"
+        class="hotOut-line"
+      ></line-children>
+      <!--供暖区出水阀  -->
+      <div class="hotIn-vavle">
+        <div class="water-flow-li">
+          <span>裙楼供暖出水阀:</span>
+          <span
+            class="break"
+            :class="{
+              connect: hostAndCoolingControlClass(this.hotOutletBuild),
+            }"
+          ></span>
+        </div>
+        <div class="water-flow-li">
+          <span>客房供暖出水阀:</span>
+          <span
+            class="break"
+            :class="{
+              connect: hostAndCoolingControlClass(this.hotOutletGuest),
+            }"
+          ></span>
+        </div>
+      </div>
+      <line-children
+        :angle1="-70"
+        :angle2="0"
+        :lineWidth1="190"
+        :lineWidth2="170"
+        class="hotIn-line"
+      ></line-children>
     </div>
     <!-- 报警弹框内容 -->
     <el-dialog
@@ -524,6 +672,16 @@ export default {
       coolingValue: [], //冷却蝶阀
       coolingTowerInlet: [], //冷却塔进水阀
       coolingTowerOutlet: [], //冷却塔出水阀
+
+      coolingOutletBuild: [], //裙楼供冷出水阀
+      coolingInletBuild: [], //裙楼供冷进水阀
+      coolingOutletGuest: [], //客房供冷出水阀
+      coolingInletGuest: [], //客房供冷进水阀
+
+      hotOutletBuild: [], //裙楼供暖出水阀
+      hotInletBuild: [], //裙楼供暖进水阀
+      hotOutletGuest: [], //客房供暖出水阀
+      hotInletGuest: [], //客房供暖进水阀
       freezingManifold: [], //冷冻总管
       isShowOn: false, //一键启停,false是Off,true显示On
       oneKeyButtonId: "",
@@ -536,16 +694,18 @@ export default {
       coolingPumpHz0: "",
       coolingPumpHz1: "",
       coolingPumpHz2: "",
+      coolingPumpHz3: "",
+      coolingPumpHz4: "",
       // 冷冻泵频率反馈
       freezingPumpHz0: "",
       freezingPumpHz1: "",
       freezingPumpHz2: "",
+      freezingPumpHz3: "",
+      freezingPumpHz4: "",
       // 冷却塔风机频率
-      coolingTowerHz31: "",
-      coolingTowerHz22: "",
-      coolingTowerHz21: "",
-      coolingTowerHz12: "",
-      coolingTowerHz11: "",
+      coolingTowerHz3: "",
+      coolingTowerHz2: "",
+      coolingTowerHz1: "",
       // 冷冻泵进出水温度
       freezingInTem: "",
       freezingOutTem: "",
@@ -726,6 +886,14 @@ export default {
           this.coolingTowerInlet = [];
           this.coolingTowerOutlet = [];
           this.freezingManifold = [];
+          this.coolingOutletBuild = []; //裙楼供冷出水阀
+          this.coolingInletBuild = []; //裙楼供冷进水阀
+          this.coolingOutletGuest = []; //客房供冷出水阀
+          this.coolingInletGuest = []; //客房供冷进水阀
+          this.hotOutletBuild = []; //裙楼供暖出水阀
+          this.hotInletBuild = []; //裙楼供暖进水阀
+          this.hotOutletGuest = []; //客房供暖出水阀
+          this.hotInletGuest = []; //客房供暖进水阀
 
           res.rows.forEach((row) => {
             switch (row.name) {
@@ -766,6 +934,58 @@ export default {
                 console.log("冷冻总管", this.freezingManifold);
                 this.freezingManifoldData();
                 break;
+              case "18":
+                let buildOutData = row.values;
+                buildOutData.forEach((item) => {
+                  if (item.deviceName.includes("供冷")) {
+                    this.coolingOutletBuild.push(item);
+                  }
+                  if (item.deviceName.includes("供暖")) {
+                    this.hotOutletBuild.push(item);
+                  }
+                });
+                console.log("裙楼供冷出水阀", this.coolingOutletBuild);
+                console.log("裙楼供暖出水阀", this.hotOutletBuild);
+                break;
+              case "19":
+                let buildInData = row.values;
+                buildInData.forEach((item) => {
+                  if (item.deviceName.includes("供冷")) {
+                    this.coolingInletBuild.push(item);
+                  }
+                  if (item.deviceName.includes("供暖")) {
+                    this.hotInletBuild.push(item);
+                  }
+                });
+                console.log("裙楼供冷进水阀", this.coolingInletBuild);
+                console.log("裙楼供暖进水阀", this.hotInletBuild);
+                break;
+              case "20":
+                let guestOutData = row.values;
+                guestOutData.forEach((item) => {
+                  if (item.deviceName.includes("供冷")) {
+                    this.coolingOutletGuest.push(item);
+                  }
+                  if (item.deviceName.includes("供暖")) {
+                    this.hotOutletGuest.push(item);
+                  }
+                });
+                console.log("客房供冷出水阀", this.coolingOutletGuest);
+                console.log("客房供暖出水阀", this.hotOutletGuest);
+                break;
+              case "21":
+                let guestInData = row.values;
+                guestInData.forEach((item) => {
+                  if (item.deviceName.includes("供冷")) {
+                    this.coolingInletGuest.push(item);
+                  }
+                  if (item.deviceName.includes("供暖")) {
+                    this.hotInletGuest.push(item);
+                  }
+                });
+                console.log("客房供冷进水阀", this.coolingInletGuest);
+                console.log("客房供暖进水阀", this.hotInletGuest);
+                break;
               default:
                 break;
             }
@@ -1152,6 +1372,47 @@ export default {
       // 当阀开到位和阀关到位的条件都满足时返回 true ,才是真正的阀门开启,其他都是阀门关闭
       return valveOpenFeedbackFound && valveCloseFeedbackFound;
     },
+    // 冷却塔进水蝶阀启停状态
+    towerValveInControlClass(index) {
+      // 检查 this.coolingTowerInlet 长度是否足够
+      if (this.coolingTowerInlet.length <= index) {
+        return false;
+      }
+      // console.log("打印this.coolingTowerOutlet数组", this.coolingTowerInlet);
+      // 检查 properties 数组是否存在    coolingTowerInlet[index]数组的properties数组
+      const properties = this.coolingTowerInlet[index].properties;
+      if (!properties || properties.length === 0) {
+        return false;
+      }
+
+      let valveOpenFeedbackFound = false;
+      let valveCloseFeedbackFound = false;
+      // 遍历 properties 数组
+      for (let i = 0; i < properties.length; i++) {
+        const item = properties[i];
+        if (item.paramType === "7") {
+          // console.log("item.collectName", item.collectName);
+          // console.log("item.collectValue", item.collectValue);
+          // 阀开到位是开启
+          if (
+            item.collectName.includes("阀开到位") &&
+            Number(item.collectValue) == 1
+          ) {
+            valveOpenFeedbackFound = true;
+          }
+          // 阀关到位是关闭
+          if (
+            item.collectName.includes("阀关到位") &&
+            Number(item.collectValue) == 0
+          ) {
+            valveCloseFeedbackFound = true;
+          }
+        }
+      }
+
+      // 当阀开到位和阀关到位的条件都满足时返回 true ,才是真正的阀门开启,其他都是阀门关闭
+      return valveOpenFeedbackFound && valveCloseFeedbackFound;
+    },
     // 冷冻蝶阀启停状态
     frozenValveControlClass(index) {
       // 检查 frozenValve 长度是否足够
@@ -1260,6 +1521,37 @@ export default {
       });
       return true;
     },
+    // 裙楼-客房进出水阀启停状态
+    hostAndCoolingControlClass(item) {
+      // 检查数组中是否存在 paramType 为 "7" 的对象
+      const hasParamType7 = item.some((obj) => obj.paramType === "7");
+
+      if (!hasParamType7) {
+        // 如果没有 paramType 为 "7" 的对象
+        for (let i = 0; i < item.length; i++) {
+          if (item[i].paramType === "2") {
+            if (Number(item[i].collectValue) !== 0) {
+              return true;
+            }
+          }
+        }
+      } else {
+        // 如果有 paramType 为 "7" 的对象
+        for (let i = 0; i < item.length; i++) {
+          if (item[i].paramType === "7") {
+            const { collectName, collectValue } = item[i];
+            if (
+              (collectName.includes("开到位") &&
+                Number(collectValue) === 1) ||
+              (collectName.includes("关到位") && Number(collectValue) === 0)
+            ) {
+              return true;
+            }
+          }
+        }
+      }
+      return false;
+    },
   },
 };
 </script>
@@ -1299,7 +1591,7 @@ export default {
     }
     .monitor-img {
       position: absolute;
-      top: 0.6rem;
+      top: 0.75rem;
       left: calc((100% - 15rem) / 2);
       width: 15rem;
       height: 9.15rem;
@@ -1308,8 +1600,8 @@ export default {
     .fan-img1 {
       z-index: 10;
       position: absolute;
-      top: 1.45rem;
-      left: 5.27rem;
+      top: 1.6rem;
+      left: 7.2rem;
       width: 0.5rem;
       height: 0.5rem;
       transform-style: preserve-3d;
@@ -1318,8 +1610,8 @@ export default {
     .fan-img2 {
       z-index: 10;
       position: absolute;
-      top: 1.16rem;
-      left: 6.23rem;
+      top: 1.5rem;
+      left: 7.6rem;
       width: 0.5rem;
       height: 0.5rem;
       transform-style: preserve-3d;
@@ -1328,28 +1620,8 @@ export default {
     .fan-img3 {
       z-index: 10;
       position: absolute;
-      top: 1.06rem;
-      left: 6.72rem;
-      width: 0.5rem;
-      height: 0.5rem;
-      transform-style: preserve-3d;
-      transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
-    }
-    .fan-img4 {
-      z-index: 10;
-      position: absolute;
-      top: 0.85rem;
-      left: 7.54rem;
-      width: 0.5rem;
-      height: 0.5rem;
-      transform-style: preserve-3d;
-      transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
-    }
-    .fan-img5 {
-      z-index: 10;
-      position: absolute;
-      top: 0.74rem;
-      left: 7.95rem;
+      top: 1.43rem;
+      left: 8rem;
       width: 0.5rem;
       height: 0.5rem;
       transform-style: preserve-3d;
@@ -1369,8 +1641,8 @@ export default {
     .towerValve1 {
       z-index: 10;
       position: absolute;
-      top: 1.88rem;
-      left: 5.98rem;
+      top: 1.95rem;
+      left: 7.7rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -1379,8 +1651,8 @@ export default {
     .towerValve2 {
       z-index: 10;
       position: absolute;
-      top: 1.64rem;
-      left: 7.04rem;
+      top: 1.87rem;
+      left: 8.13rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -1389,8 +1661,38 @@ export default {
     .towerValve3 {
       z-index: 10;
       position: absolute;
-      top: 1.3rem;
-      left: 8.29rem;
+      top: 1.8rem;
+      left: 8.53rem;
+      width: 0.18rem;
+      height: 0.18rem;
+      background-color: #ebebeb;
+      border-radius: 50%;
+    }
+    .towerValve4 {
+      z-index: 10;
+      position: absolute;
+      top: 2.86rem;
+      left: 7.62rem;
+      width: 0.18rem;
+      height: 0.18rem;
+      background-color: #ebebeb;
+      border-radius: 50%;
+    }
+    .towerValve5 {
+      z-index: 10;
+      position: absolute;
+      top: 2.8rem;
+      left: 8.02rem;
+      width: 0.18rem;
+      height: 0.18rem;
+      background-color: #ebebeb;
+      border-radius: 50%;
+    }
+    .towerValve6 {
+      z-index: 10;
+      position: absolute;
+      top: 2.7rem;
+      left: 8.4rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -1398,26 +1700,26 @@ export default {
     }
     .in-arrow {
       position: absolute;
-      top: 3.2rem;
-      right: 3.6rem;
+      top: 3.98rem;
+      right: 2.86rem;
       transform: rotate(180deg);
-      width: 0.4rem;
-      height: 0.6rem;
+      width: 0.3rem;
+      height: 0.45rem;
       z-index: 10;
     }
     .out-arrow {
       position: absolute;
-      top: 4rem;
-      right: 1.3rem;
-      width: 0.4rem;
-      height: 0.6rem;
+      top: 3.9rem;
+      right: 3.15rem;
+      width: 0.3rem;
+      height: 0.45rem;
       z-index: 10;
     }
     .coolingInTem {
       z-index: 10;
       position: absolute;
-      top: 2.9rem;
-      left: 8.35rem;
+      top: 3.55rem;
+      left: 6.8rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
@@ -1425,23 +1727,23 @@ export default {
       z-index: 10;
       position: absolute;
       top: 3.6rem;
-      left: 4.77rem;
+      left: 5.85rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
     .freezingInTem {
       z-index: 10;
       position: absolute;
-      top: 4.85rem;
-      right: 4.5rem;
+      top: 4.5rem;
+      right: 5.5rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
     .freezingOutTem {
       z-index: 10;
       position: absolute;
-      top: 5.44rem;
-      right: 3.04rem;
+      top: 4.6rem;
+      right: 5rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
@@ -1457,16 +1759,16 @@ export default {
     .freezingInPre {
       z-index: 10;
       position: absolute;
-      top: 5.3rem;
-      right: 5.3rem;
+      top: 4.8rem;
+      right: 6.4rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
     .freezingOutPre {
       z-index: 10;
       position: absolute;
-      top: 5.9rem;
-      right: 3.7rem;
+      top: 5.1rem;
+      right: 6rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
@@ -1478,14 +1780,14 @@ export default {
     }
     .host-line2 {
       position: absolute;
-      left: -0.74rem;
-      top: 7.72rem;
+      left: -1.05rem;
+      top: 7.75rem;
       z-index: 10;
     }
     .host-line3 {
       position: absolute;
-      left: -0.6rem;
-      top: 8.55rem;
+      left: -0.95rem;
+      top: 8.53rem;
       z-index: 10;
     }
     .hostName1 {
@@ -1495,9 +1797,9 @@ export default {
       font-weight: bold;
       color: aqua;
       position: absolute;
-      top: 7.26rem;
-      left: 2.9rem;
-      transform: rotateX(50deg) rotateY(0deg) rotateZ(45deg); /* 分别在 X、Y、Z 轴上旋转 */
+      top: 6.8rem;
+      left: 3.05rem;
+      transform: rotateX(50deg) rotateY(0deg) rotateZ(46deg); /* 分别在 X、Y、Z 轴上旋转 */
       transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
       text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9); /* 添加文字阴影增强立体感 */
     }
@@ -1508,8 +1810,8 @@ export default {
       font-weight: bold;
       color: aqua;
       position: absolute;
-      top: 6.5rem;
-      left: 5rem;
+      top: 6.25rem;
+      left: 4.89rem;
       transform: rotateX(50deg) rotateY(0deg) rotateZ(42deg);
       transform-origin: bottom center;
       text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
@@ -1521,9 +1823,9 @@ export default {
       font-weight: bold;
       color: aqua;
       position: absolute;
-      top: 5.6rem;
-      left: 6.67rem;
-      transform: rotateX(50deg) rotateY(0deg) rotateZ(39deg);
+      top: 5.65rem;
+      left: 6.47rem;
+      transform: rotateX(50deg) rotateY(0deg) rotateZ(38deg);
       transform-origin: bottom center;
       text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
     }
@@ -1541,8 +1843,8 @@ export default {
     .host-img1 {
       z-index: 10;
       position: absolute;
-      top: 7.14rem;
-      left: 4.4rem;
+      top: 6.75rem;
+      left: 4.58rem;
       width: 0.4rem;
       height: 0.4rem;
       transform-style: preserve-3d;
@@ -1551,7 +1853,7 @@ export default {
     .host-img2 {
       z-index: 10;
       position: absolute;
-      top: 6.32rem;
+      top: 6.1rem;
       left: 6.34rem;
       width: 0.4rem;
       height: 0.4rem;
@@ -1561,8 +1863,8 @@ export default {
     .host-img3 {
       z-index: 10;
       position: absolute;
-      top: 5.55rem;
-      left: 8.42rem;
+      top: 5.54rem;
+      left: 8.18rem;
       width: 0.4rem;
       height: 0.4rem;
       transform-style: preserve-3d;
@@ -1571,8 +1873,8 @@ export default {
     .hostLoad1 {
       z-index: 10;
       position: absolute;
-      top: 6.5rem;
-      left: 4rem;
+      top: 6.4rem;
+      left: 4.26rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
@@ -1587,8 +1889,8 @@ export default {
     .hostLoad3 {
       z-index: 10;
       position: absolute;
-      top: 5rem;
-      left: 7.9rem;
+      top: 4.9rem;
+      left: 7.7rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
@@ -1596,21 +1898,21 @@ export default {
       z-index: 10;
       position: absolute;
       top: 7.4rem;
-      left: 0.1rem;
+      left: 0.16rem;
       font-size: 0.16rem;
     }
     .water-flow2 {
       z-index: 10;
       position: absolute;
-      top: 8.18rem;
-      left: 0.4rem;
+      top: 8.19rem;
+      left: 0.2rem;
       font-size: 0.16rem;
     }
     .water-flow3 {
       z-index: 10;
       position: absolute;
       top: 9rem;
-      left: 0.52rem;
+      left: 0.32rem;
       font-size: 0.16rem;
     }
     .water-flow-li {
@@ -1652,8 +1954,8 @@ export default {
     .hostStatus1 {
       z-index: 10;
       position: absolute;
-      top: 6.7rem;
-      left: 4.05rem;
+      top: 6.4rem;
+      left: 4rem;
       width: 0.18rem;
       height: 0.18rem;
       border-radius: 50%;
@@ -1661,8 +1963,8 @@ export default {
     .hostStatus2 {
       z-index: 10;
       position: absolute;
-      top: 6rem;
-      left: 6.05rem;
+      top: 5.8rem;
+      left: 5.75rem;
       width: 0.18rem;
       height: 0.18rem;
       border-radius: 50%;
@@ -1670,8 +1972,8 @@ export default {
     .hostStatus3 {
       z-index: 10;
       position: absolute;
-      top: 5.2rem;
-      left: 7.8rem;
+      top: 5.1rem;
+      left: 7.5rem;
       width: 0.18rem;
       height: 0.18rem;
       border-radius: 50%;
@@ -1683,7 +1985,7 @@ export default {
       color: #46f1e3;
       position: absolute;
       top: 4.4rem;
-      left: 7.55rem;
+      left: 7.18rem;
     }
     .coolingPump2 {
       z-index: 10;
@@ -1691,8 +1993,8 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 4.1rem;
-      left: 8.48rem;
+      top: 4.3rem;
+      left: 7.68rem;
     }
     .coolingPump3 {
       z-index: 10;
@@ -1700,60 +2002,114 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 3.74rem;
-      left: 9.34rem;
+      top: 4.14rem;
+      left: 8.22rem;
+    }
+    .coolingPump4 {
+      z-index: 10;
+      font-size: 0.15rem;
+      font-weight: bold;
+      color: #46f1e3;
+      position: absolute;
+      top: 4rem;
+      left: 8.68rem;
+    }
+    .coolingPump5 {
+      z-index: 10;
+      font-size: 0.15rem;
+      font-weight: bold;
+      color: #46f1e3;
+      position: absolute;
+      top: 3.91rem;
+      left: 9.1rem;
     }
     .cooling-img1 {
       z-index: 10;
       position: absolute;
-      top: 3.94rem;
-      left: 7.65rem;
-      width: 0.4rem;
-      height: 0.4rem;
+      top: 4rem;
+      left: 7.27rem;
+      width: 0.35rem;
+      height: 0.35rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
     .cooling-img2 {
       z-index: 10;
       position: absolute;
-      top: 3.6rem;
-      left: 8.57rem;
-      width: 0.4rem;
-      height: 0.4rem;
+      top: 3.87rem;
+      left: 7.76rem;
+      width: 0.35rem;
+      height: 0.35rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
     .cooling-img3 {
       z-index: 10;
       position: absolute;
-      top: 3.3rem;
-      left: 9.45rem;
-      width: 0.4rem;
-      height: 0.4rem;
+      top: 3.75rem;
+      left: 8.28rem;
+      width: 0.35rem;
+      height: 0.35rem;
+      transform-style: preserve-3d;
+      transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
+    }
+    .cooling-img4 {
+      z-index: 10;
+      position: absolute;
+      top: 3.64rem;
+      left: 8.72rem;
+      width: 0.35rem;
+      height: 0.35rem;
+      transform-style: preserve-3d;
+      transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
+    }
+    .cooling-img5 {
+      z-index: 10;
+      position: absolute;
+      top: 3.5rem;
+      left: 9.15rem;
+      width: 0.35rem;
+      height: 0.35rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
     .cooling-hz1 {
       z-index: 10;
       position: absolute;
-      top: 3.88rem;
-      left: 7.43rem;
+      top: 3.89rem;
+      left: 6.95rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
     .cooling-hz2 {
       z-index: 10;
       position: absolute;
-      top: 3.55rem;
-      left: 8.35rem;
+      top: 3.8rem;
+      left: 7.5rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
     .cooling-hz3 {
       z-index: 10;
       position: absolute;
-      top: 3.25rem;
-      left: 9.25rem;
+      top: 3.68rem;
+      left: 8rem;
+      font-size: 0.16rem;
+      font-weight: bold;
+    }
+    .cooling-hz4 {
+      z-index: 10;
+      position: absolute;
+      top: 3.56rem;
+      left: 8.48rem;
+      font-size: 0.16rem;
+      font-weight: bold;
+    }
+    .cooling-hz5 {
+      z-index: 10;
+      position: absolute;
+      top: 3.41rem;
+      left: 9rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
@@ -1763,8 +2119,8 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 7.88rem;
-      left: 7.13rem;
+      top: 8.3rem;
+      left: 6.26rem;
     }
     .freezingPump2 {
       z-index: 10;
@@ -1772,8 +2128,8 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 7.28rem;
-      left: 8.4rem;
+      top: 7.92rem;
+      left: 7rem;
     }
     .freezingPump3 {
       z-index: 10;
@@ -1781,14 +2137,32 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 6.75rem;
-      left: 9.47rem;
+      top: 7.18rem;
+      left: 8.6rem;
+    }
+    .freezingPump4 {
+      z-index: 10;
+      font-size: 0.15rem;
+      font-weight: bold;
+      color: #46f1e3;
+      position: absolute;
+      top: 6.9rem;
+      left: 9.15rem;
+    }
+    .freezingPump5 {
+      z-index: 10;
+      font-size: 0.15rem;
+      font-weight: bold;
+      color: #46f1e3;
+      position: absolute;
+      top: 6.7rem;
+      left: 9.65rem;
     }
     .freezing-img1 {
       z-index: 10;
       position: absolute;
-      top: 7.35rem;
-      left: 7.2rem;
+      top: 7.7rem;
+      left: 6.3rem;
       width: 0.4rem;
       height: 0.4rem;
       transform-style: preserve-3d;
@@ -1797,8 +2171,8 @@ export default {
     .freezing-img2 {
       z-index: 10;
       position: absolute;
-      top: 6.73rem;
-      left: 8.5rem;
+      top: 7.38rem;
+      left: 7.07rem;
       width: 0.4rem;
       height: 0.4rem;
       transform-style: preserve-3d;
@@ -1807,8 +2181,28 @@ export default {
     .freezing-img3 {
       z-index: 10;
       position: absolute;
-      top: 6.21rem;
-      left: 9.56rem;
+      top: 6.7rem;
+      left: 8.65rem;
+      width: 0.4rem;
+      height: 0.4rem;
+      transform-style: preserve-3d;
+      transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
+    }
+    .freezing-img4 {
+      z-index: 10;
+      position: absolute;
+      top: 6.45rem;
+      left: 9.2rem;
+      width: 0.4rem;
+      height: 0.4rem;
+      transform-style: preserve-3d;
+      transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
+    }
+    .freezing-img5 {
+      z-index: 10;
+      position: absolute;
+      top: 6.22rem;
+      left: 9.72rem;
       width: 0.4rem;
       height: 0.4rem;
       transform-style: preserve-3d;
@@ -1817,126 +2211,102 @@ export default {
     .freezing-hz1 {
       z-index: 10;
       position: absolute;
-      top: 7.3rem;
-      left: 6.93rem;
+      top: 7.63rem;
+      left: 6rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
     .freezing-hz2 {
       z-index: 10;
       position: absolute;
-      top: 6.66rem;
-      left: 8.25rem;
+      top: 7.3rem;
+      left: 6.82rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
     .freezing-hz3 {
       z-index: 10;
       position: absolute;
-      top: 6.15rem;
-      left: 9.36rem;
+      top: 6.65rem;
+      left: 8.35rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
-    .coolingTower3 {
+    .freezing-hz4 {
       z-index: 10;
-      font-size: 0.18rem;
-      color: #46f1e3;
       position: absolute;
-      top: 2.44rem;
-      left: 5.4rem;
+      top: 6.4rem;
+      left: 8.93rem;
+      font-size: 0.16rem;
       font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
     }
-    .coolingTower22 {
+    .freezing-hz5 {
       z-index: 10;
-      font-size: 0.18rem;
-      color: #46f1e3;
       position: absolute;
-      top: 2.2rem;
-      left: 6.3rem;
+      top: 6.15rem;
+      left: 9.44rem;
+      font-size: 0.16rem;
       font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
     }
-    .coolingTower21 {
+    .coolingTower3 {
       z-index: 10;
       font-size: 0.18rem;
       color: #46f1e3;
       position: absolute;
-      top: 2.07rem;
-      left: 6.76rem;
+      top: 2.28rem;
+      left: 7.35rem;
       font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
+      transform: rotateX(20deg) rotateY(-25deg) rotateZ(0deg);
     }
-    .coolingTower12 {
+    .coolingTower2 {
       z-index: 10;
       font-size: 0.18rem;
       color: #46f1e3;
       position: absolute;
-      top: 1.83rem;
-      left: 7.57rem;
+      top: 2.2rem;
+      left: 7.75rem;
       font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
+      transform: rotateX(20deg) rotateY(-25deg) rotateZ(0deg);
     }
-    .coolingTower11 {
+    .coolingTower1 {
       z-index: 10;
       font-size: 0.18rem;
       color: #46f1e3;
       position: absolute;
-      top: 1.72rem;
-      left: 8rem;
-      font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
-    }
-    .coolingTowerHz11 {
-      z-index: 10;
-      font-size: 0.16rem;
-      color: #ffffff;
-      position: absolute;
-      top: 0.7rem;
-      left: 7.56rem;
+      top: 2.13rem;
+      left: 8.16rem;
       font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
+      transform: rotateX(20deg) rotateY(-25deg) rotateZ(0deg);
     }
-    .coolingTowerHz12 {
+    .coolingTowerHz1 {
       z-index: 10;
       font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
-      top: 0.85rem;
-      left: 6.95rem;
+      top: 1.34rem;
+      left: 7.7rem;
       font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
+      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-2deg);
     }
-    .coolingTowerHz21 {
+    .coolingTowerHz2 {
       z-index: 10;
       font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
-      top: 1.02rem;
-      left: 6.2rem;
-      font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
-    }
-    .coolingTowerHz22 {
-      z-index: 10;
-      font-size: 0.16rem;
-      color: #ffffff;
-      position: absolute;
-      top: 1.17rem;
-      left: 5.57rem;
+      top: 1.45rem;
+      left: 7.15rem;
       font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
+      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-2deg);
     }
     .coolingTowerHz3 {
       z-index: 10;
       font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
-      top: 1.38rem;
-      left: 4.7rem;
+      top: 1.56rem;
+      left: 6.6rem;
       font-weight: bold;
-      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
+      transform: rotateX(20deg) rotateY(-25deg) rotateZ(-2deg);
     }
     /* 定义灯闪烁的动画 */
     @keyframes blink {
@@ -1953,8 +2323,8 @@ export default {
     .frozenValve1 {
       z-index: 10;
       position: absolute;
-      top: 7.1rem;
-      left: 4.96rem;
+      top: 6.75rem;
+      left: 5.22rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -1963,8 +2333,8 @@ export default {
     .frozenValve2 {
       z-index: 10;
       position: absolute;
-      top: 6.26rem;
-      left: 6.91rem;
+      top: 6.11rem;
+      left: 6.99rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -1973,8 +2343,8 @@ export default {
     .frozenValve3 {
       z-index: 10;
       position: absolute;
-      top: 5.34rem;
-      left: 8.68rem;
+      top: 5.38rem;
+      left: 8.51rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -1983,8 +2353,8 @@ export default {
     .coolingValue1 {
       z-index: 10;
       position: absolute;
-      top: 6.26rem;
-      left: 3.11rem;
+      top: 5.86rem;
+      left: 3.3rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -1993,8 +2363,8 @@ export default {
     .coolingValue2 {
       z-index: 10;
       position: absolute;
-      top: 5.52rem;
-      left: 5.07rem;
+      top: 5.33rem;
+      left: 5rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -2003,8 +2373,8 @@ export default {
     .coolingValue3 {
       z-index: 10;
       position: absolute;
-      top: 4.8rem;
-      left: 7.15rem;
+      top: 4.85rem;
+      left: 6.78rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
@@ -2212,7 +2582,7 @@ export default {
   }
   .sysTips {
     position: absolute;
-    top: 2.5rem;
+    top: 2.3rem;
     left: 13.6rem;
     display: flex;
     flex-direction: row;
@@ -2241,6 +2611,71 @@ export default {
       padding: 0.01rem 0.03rem;
     }
   }
+  .hotClass {
+    z-index: 10;
+    position: absolute;
+    top: 4.9rem;
+    right: 3.8rem;
+    font-size: 0.16rem;
+    color: #00ffff;
+    font-weight: bold;
+  }
+  .coolingOut-line {
+    z-index: 10;
+    position: absolute;
+    right: 6.5rem;
+    top: 3.45rem;
+    z-index: 10;
+  }
+  .coolingOut-vavle {
+    z-index: 10;
+    position: absolute;
+    top: 2.1rem;
+    right: 4.5rem;
+    font-size: 0.16rem;
+  }
+  .coolingIn-line {
+    z-index: 10;
+    position: absolute;
+    right: 5.8rem;
+    top: 3.67rem;
+    z-index: 10;
+  }
+  .coolingIn-vavle {
+    z-index: 10;
+    position: absolute;
+    top: 2.9rem;
+    right: 3.6rem;
+    font-size: 0.16rem;
+  }
+  .hotIn-vavle {
+    z-index: 10;
+    position: absolute;
+    top: 2.9rem;
+    right: 0.8rem;
+    font-size: 0.16rem;
+  }
+  .hotIn-line {
+    z-index: 10;
+    position: absolute;
+    top: 4.25rem;
+    right: 4rem;
+    font-size: 0.16rem;
+  }
+  .hotOut-vavle {
+    z-index: 10;
+    position: absolute;
+    top: 3.6rem;
+    right: 0.2rem;
+    font-size: 0.16rem;
+  }
+  .hotOut-line {
+    z-index: 10;
+    position: absolute;
+    top: 4.45rem;
+    right: 3.3rem;
+    font-size: 0.16rem;
+  }
 }
 // @media (min-width: 1240px) and (max-width: 1440px) {
 // }