diff --git a/src/views/dianzixungeng/dianzixungengL.vue b/src/views/dianzixungeng/dianzixungengL.vue
index e63312c..c84766d 100644
--- a/src/views/dianzixungeng/dianzixungengL.vue
+++ b/src/views/dianzixungeng/dianzixungengL.vue
@@ -49,108 +49,110 @@
           </div> -->
           <!-- 11 -->
         </div>
-        <div class="shipinscon">
-
-          <div class="shipinstu">
-            <!-- 111入侵报警 -->
-            <div class="ruqinbaojing" v-show="showRuqinbaojing">
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang1"  @click="openshipinRuqinbaojing()">&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang2">&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang3" >&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang4" >&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang5" >&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang6" >&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang7" >&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang8" >&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang9" >&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang10" >&#xe63e;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang11" >&#xe63e;</div>
-
-              <div class="myiconfont huizibg jingicon ruqin_lixian1" >&#xe63e;</div>
-              <div class="myiconfont huizibg jingicon ruqin_lixian2" >&#xe63e;</div>
-
-              <div class="myiconfont redzibg jingicon ruqin_baojing1">&#xe63e;</div>
-              <div class="myiconfont redzibg jingicon ruqin_baojing2">&#xe63e;</div>
-              <div class="myiconfont redzibg jingicon ruqin_baojing3">&#xe63e;</div>
-              <div class="myiconfont redzibg jingicon ruqin_baojing4">&#xe63e;</div>
-              <!-- 显示文字 -->
-              <div class="seencons ruqin_zhengchang1b" v-show="seenshipinRuqinbaojing">
-                <p @click="toMore()">布防</p>
-                <p @click="toMore()">撤防</p>
-                <p @click="toMore()">报警确认</p>
-                <p @click="toMore()">旁路</p>
+        <div  class="shipinscons">
+          <div class="shipinscon">
+
+            <div class="shipinstu">
+              <img src="/image/cangkutub.png"/>
+              <!-- 111入侵报警 -->
+              <div class="ruqinbaojing" v-show="showRuqinbaojing">
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang1"  @click="openshipinRuqinbaojing()">&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang2">&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang3" >&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang4" >&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang5" >&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang6" >&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang7" >&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang8" >&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang9" >&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang10" >&#xe63e;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang11" >&#xe63e;</div>
+
+                <div class="myiconfont huizibg jingicon ruqin_lixian1" >&#xe63e;</div>
+                <div class="myiconfont huizibg jingicon ruqin_lixian2" >&#xe63e;</div>
+
+                <div class="myiconfont redzibg jingicon ruqin_baojing1">&#xe63e;</div>
+                <div class="myiconfont redzibg jingicon ruqin_baojing2">&#xe63e;</div>
+                <div class="myiconfont redzibg jingicon ruqin_baojing3">&#xe63e;</div>
+                <div class="myiconfont redzibg jingicon ruqin_baojing4">&#xe63e;</div>
+                <!-- 显示文字 -->
+                <div class="seencons ruqin_zhengchang1b" v-show="seenshipinRuqinbaojing">
+                  <p @click="toMore()">布防</p>
+                  <p @click="toMore()">撤防</p>
+                  <p @click="toMore()">报警确认</p>
+                  <p @click="toMore()">旁路</p>
+                </div>
               </div>
-            </div>
-            <!-- 111end -->
-            <!-- 222视频监控 -->
-            <div class="ruqinbaojing" v-show="showShipinjiankong">
-              <div class="myiconfont bluezibg jingicon shipin_zhengchang1" @mouseover="enter"  @mouseleave="leave"  @click="openshipinShipinjiankong()">&#xe644;</div>
-
-              <div class="myiconfont huizibg jingicon shipin_lixian1" >&#xe644;</div>
-
-              <div class="myiconfont redzibg jingicon shipin_baojing1">&#xe644;</div>
-              <!-- 显示文字 -->
-              <div class="seencons shipin_zhengchang1b" v-show="seenshipinShipinjiankong">
-                <p @click="toMore()">实时视频</p>
-                <p @click="toMore()">回放视频</p>
+              <!-- 111end -->
+              <!-- 222视频监控 -->
+              <div class="ruqinbaojing" v-show="showShipinjiankong">
+                <div class="myiconfont bluezibg jingicon shipin_zhengchang1" @mouseover="enter"  @mouseleave="leave"  @click="openshipinShipinjiankong()">&#xe644;</div>
+
+                <div class="myiconfont huizibg jingicon shipin_lixian1" >&#xe644;</div>
+
+                <div class="myiconfont redzibg jingicon shipin_baojing1">&#xe644;</div>
+                <!-- 显示文字 -->
+                <div class="seencons shipin_zhengchang1b" v-show="seenshipinShipinjiankong">
+                  <p @click="toMore()">实时视频</p>
+                  <p @click="toMore()">回放视频</p>
+                </div>
+                <!-- 鼠标移入显示文字 -->
+                <div class="seenconsc shipin_zhengchang1c" v-show="seen_shubiaoShipinjiankong">
+                  <p>设备名称：1号楼1F西侧走廊像机1</p>
+                  <p>设备编号：HK023123</p>
+                  <p>设备IP：192.168.1.2</p>
+                </div>
               </div>
-              <!-- 鼠标移入显示文字 -->
-              <div class="seenconsc shipin_zhengchang1c" v-show="seen_shubiaoShipinjiankong">
-                <p>设备名称：1号楼1F西侧走廊像机1</p>
-                <p>设备编号：HK023123</p>
-                <p>设备IP：192.168.1.2</p>
+              <!-- 2222end -->
+              <!-- 333门禁管理 -->
+              <div class="ruqinbaojing" v-show="showMenjinguanli">
+                <div class="myiconfont bluezibg jingicon menjin_zhengchang1"  @click="openshipinMenjinguanli()">&#xe60b;</div>
+
+                <div class="myiconfont huizibg jingicon menjin_lixian1" >&#xe60b;</div>
+
+                <div class="myiconfont redzibg jingicon menjin_baojing1">&#xe60b;</div>
+                <!-- 显示文字 -->
+                <div class="seencons menjin_zhengchang1b" v-show="seenshipinMenjinguanli">
+                  <p @click="toMore()">开门</p>
+                </div>
               </div>
-            </div>
-            <!-- 2222end -->
-            <!-- 333门禁管理 -->
-            <div class="ruqinbaojing" v-show="showMenjinguanli">
-              <div class="myiconfont bluezibg jingicon menjin_zhengchang1"  @click="openshipinMenjinguanli()">&#xe60b;</div>
-
-              <div class="myiconfont huizibg jingicon menjin_lixian1" >&#xe60b;</div>
-
-              <div class="myiconfont redzibg jingicon menjin_baojing1">&#xe60b;</div>
-              <!-- 显示文字 -->
-              <div class="seencons menjin_zhengchang1b" v-show="seenshipinMenjinguanli">
-                <p @click="toMore()">开门</p>
+              <!-- 333end -->
+              <!--444门电子围栏-->
+              <div class="ruqinbaojing" v-show="showDianziweilan">
+                <div class="myiconfont bluezibg jingicon Dianziweilan_zhengchang1"  @click="openshipinDianziweilan()">&#xe6b8;</div>
+
+                <div class="myiconfont huizibg jingicon Dianziweilan_lixian1" >&#xe6b8;</div>
+
+                <div class="myiconfont redzibg jingicon Dianziweilan_baojing1">&#xe6b8;</div>
+                <!-- 显示文字 -->
+                <div class="seencons Dianziweilan_zhengchang1b" v-show="seenshipinDianziweilan">
+                  <p @click="toMore()">布防</p>
+                  <p @click="toMore()">撤防</p>
+                  <p @click="toMore()">报警确认</p>
+                  <p @click="toMore()">旁路</p>
+                </div>
               </div>
+              <!-- 444end -->
+
             </div>
-            <!-- 333end -->
-            <!--444门电子围栏-->
-            <div class="ruqinbaojing" v-show="showDianziweilan">
-              <div class="myiconfont bluezibg jingicon Dianziweilan_zhengchang1"  @click="openshipinDianziweilan()">&#xe6b8;</div>
-
-              <div class="myiconfont huizibg jingicon Dianziweilan_lixian1" >&#xe6b8;</div>
-
-              <div class="myiconfont redzibg jingicon Dianziweilan_baojing1">&#xe6b8;</div>
-              <!-- 显示文字 -->
-              <div class="seencons Dianziweilan_zhengchang1b" v-show="seenshipinDianziweilan">
-                <p @click="toMore()">布防</p>
-                <p @click="toMore()">撤防</p>
-                <p @click="toMore()">报警确认</p>
-                <p @click="toMore()">旁路</p>
+              <!-- 下部机构导航 -->
+              <div class="tabhead">
+                <!-- <el-checkbox-group v-model="departmentTypeArray" @change="getList">
+                  <el-checkbox-button v-for="(item,index) in jigounavType" :key="index" :label="item.value" :value="item.value">
+                    <span class="iconfontyuan myiconfont" :class="icontu[index]"></span>
+                    {{item.label}}
+                  </el-checkbox-button>
+                </el-checkbox-group> -->
+                <!-- <el-checkbox-group v-model="departmentTypeArray">
+                  <el-checkbox-button label="1" checked><div  @click="openruqinbaojing()"><span  class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button>
+                  <el-checkbox-button label="2"><div  @click="openshipinjiankong()"><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div></el-checkbox-button>
+                  <el-checkbox-button label="3"><div  @click="openmenjinguanli()"><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div></el-checkbox-button>
+                  <el-checkbox-button label="4"><div  @click="opendianziweilan()"><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div></el-checkbox-button>
+                </el-checkbox-group> -->
               </div>
-            </div>
-            <!-- 444end -->
-
+            <!-- 列表结束 -->
           </div>
-            <!-- 下部机构导航 -->
-            <div class="tabhead">
-              <!-- <el-checkbox-group v-model="departmentTypeArray" @change="getList">
-                <el-checkbox-button v-for="(item,index) in jigounavType" :key="index" :label="item.value" :value="item.value">
-                  <span class="iconfontyuan myiconfont" :class="icontu[index]"></span>
-                  {{item.label}}
-                </el-checkbox-button>
-              </el-checkbox-group> -->
-              <!-- <el-checkbox-group v-model="departmentTypeArray">
-                <el-checkbox-button label="1" checked><div  @click="openruqinbaojing()"><span  class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button>
-                <el-checkbox-button label="2"><div  @click="openshipinjiankong()"><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div></el-checkbox-button>
-                <el-checkbox-button label="3"><div  @click="openmenjinguanli()"><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div></el-checkbox-button>
-                <el-checkbox-button label="4"><div  @click="opendianziweilan()"><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div></el-checkbox-button>
-              </el-checkbox-group> -->
-            </div>
-          <!-- 列表结束 -->
         </div>
-
       </div>
     </div>
 
@@ -579,15 +581,55 @@ export default {
   padding: 10px;
 }
 .tab-header{background-color: #fff;}
-  .shipinscon {margin: 20px 0 0 0;
+.shipinscons {height: 95%;text-align: center;
+    margin: 20px auto 0;
+    text-align: center;position: relative;
+  padding: 20px 50px 20px 50px;
+  background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
+}
+.shipinscon {width: 60%;
+    margin: 20px auto 0;
+    text-align: center;position: relative;
+  padding: 20px 50px 20px 50px;
+
+}
+.shipinstu {
+    /* border:1px solid #0241c1; */
+    position:absolute;left: 0;
+    margin: 0 auto;text-align: center;
+
+  /* z-index: 0;
+  background: url("/image/cangkutu.png") center bottom no-repeat;
+  background-size: 100% 100%;min-height: 580px;
+  padding: 0 20px;position: relative; */
+}
+.shipinstu img{margin: 0 auto;height: 550px;}
+.shipinstu .ruqinbaojing{position:absolute;left: 0;top:0;
+     /* position:absolute; */
+     /* border: #e20202 solid 2px; */
+     width: 100%;
+     height: 100%;
+     /* float: left;
+     top:0; */
+}
+.shipinstu .jingicon {cursor: pointer;
+  font-size: 22px !important;
+  border-radius: 40px !important;
+  width: 40px !important;
+  height: 40px !important;line-height: 40px;
+  padding: 0px;text-align: center;
+
+
+}
+  /* .shipinscon {margin: 20px 0 0 0;
   padding: 20px 50px 20px 50px;background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
 }
   .shipinstu {z-index: 0;
    background: url("/image/cangkutub.png") center bottom no-repeat;
   background-size: 100% 100%;min-height: 580px;
   padding: 0 20px;position: relative;
-}
-.shipinstu .jingicon {cursor: pointer;
+} */
+/* .shipinstu .jingicon {cursor: pointer;
   font-size: 22px !important;
   border-radius: 40px !important;
   width: 40px !important;
@@ -595,7 +637,7 @@ export default {
   padding: 0px;text-align: center;
 
 
-}
+} */
 
 .redzibg {
   color: #fff; background: radial-gradient(circle, #8c0303, #e20202);
diff --git a/src/views/xiaofangbaojing/xiaofangbaojingL.vue b/src/views/xiaofangbaojing/xiaofangbaojingL.vue
index ad23739..903f3c7 100644
--- a/src/views/xiaofangbaojing/xiaofangbaojingL.vue
+++ b/src/views/xiaofangbaojing/xiaofangbaojingL.vue
@@ -49,108 +49,110 @@
           </div> -->
           <!-- 11 -->
         </div>
-        <div class="shipinscon">
-
-          <div class="shipinstu">
-            <!-- 111入侵报警 -->
-            <div class="ruqinbaojing" v-show="showRuqinbaojing">
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang1"  @click="openshipinRuqinbaojing()">&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang2">&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang3" >&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang4" >&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang5" >&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang6" >&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang7" >&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang8" >&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang9" >&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang10" >&#xe613;</div>
-              <div class="myiconfont bluezibg jingicon ruqin_zhengchang11" >&#xe613;</div>
-
-              <!-- <div class="myiconfont huizibg jingicon ruqin_lixian1" >&#xe613;</div>
-              <div class="myiconfont huizibg jingicon ruqin_lixian2" >&#xe613;</div> -->
-
-              <div class="myiconfont redzibg jingicon ruqin_baojing1">&#xe677;</div>
-              <div class="myiconfont redzibg jingicon ruqin_baojing2">&#xe677;</div>
-              <div class="myiconfont redzibg jingicon ruqin_baojing3">&#xe677;</div>
-              <div class="myiconfont redzibg jingicon ruqin_baojing4">&#xe677;</div>
-              <!-- 显示文字 -->
-              <div class="seencons ruqin_zhengchang1b" v-show="seenshipinRuqinbaojing">
-                <p @click="toMore()">布防</p>
-                <p @click="toMore()">撤防</p>
-                <p @click="toMore()">报警确认</p>
-                <p @click="toMore()">旁路</p>
+        <div class="shipinscons">
+          <div class="shipinscon">
+
+            <div class="shipinstu">
+              <img src="/image/cangkutub.png"/>
+              <!-- 111入侵报警 -->
+              <div class="ruqinbaojing" v-show="showRuqinbaojing">
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang1"  @click="openshipinRuqinbaojing()">&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang2">&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang3" >&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang4" >&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang5" >&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang6" >&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang7" >&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang8" >&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang9" >&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang10" >&#xe613;</div>
+                <div class="myiconfont bluezibg jingicon ruqin_zhengchang11" >&#xe613;</div>
+
+                <!-- <div class="myiconfont huizibg jingicon ruqin_lixian1" >&#xe613;</div>
+                <div class="myiconfont huizibg jingicon ruqin_lixian2" >&#xe613;</div> -->
+
+                <div class="myiconfont redzibg jingicon ruqin_baojing1">&#xe677;</div>
+                <div class="myiconfont redzibg jingicon ruqin_baojing2">&#xe677;</div>
+                <div class="myiconfont redzibg jingicon ruqin_baojing3">&#xe677;</div>
+                <div class="myiconfont redzibg jingicon ruqin_baojing4">&#xe677;</div>
+                <!-- 显示文字 -->
+                <div class="seencons ruqin_zhengchang1b" v-show="seenshipinRuqinbaojing">
+                  <p @click="toMore()">布防</p>
+                  <p @click="toMore()">撤防</p>
+                  <p @click="toMore()">报警确认</p>
+                  <p @click="toMore()">旁路</p>
+                </div>
               </div>
-            </div>
-            <!-- 111end -->
-            <!-- 222视频监控 -->
-            <div class="ruqinbaojing" v-show="showShipinjiankong">
-              <div class="myiconfont bluezibg jingicon shipin_zhengchang1" @mouseover="enter"  @mouseleave="leave"  @click="openshipinShipinjiankong()">&#xe644;</div>
-
-              <div class="myiconfont huizibg jingicon shipin_lixian1" >&#xe644;</div>
-
-              <div class="myiconfont redzibg jingicon shipin_baojing1">&#xe644;</div>
-              <!-- 显示文字 -->
-              <div class="seencons shipin_zhengchang1b" v-show="seenshipinShipinjiankong">
-                <p @click="toMore()">实时视频</p>
-                <p @click="toMore()">回放视频</p>
+              <!-- 111end -->
+              <!-- 222视频监控 -->
+              <div class="ruqinbaojing" v-show="showShipinjiankong">
+                <div class="myiconfont bluezibg jingicon shipin_zhengchang1" @mouseover="enter"  @mouseleave="leave"  @click="openshipinShipinjiankong()">&#xe644;</div>
+
+                <div class="myiconfont huizibg jingicon shipin_lixian1" >&#xe644;</div>
+
+                <div class="myiconfont redzibg jingicon shipin_baojing1">&#xe644;</div>
+                <!-- 显示文字 -->
+                <div class="seencons shipin_zhengchang1b" v-show="seenshipinShipinjiankong">
+                  <p @click="toMore()">实时视频</p>
+                  <p @click="toMore()">回放视频</p>
+                </div>
+                <!-- 鼠标移入显示文字 -->
+                <div class="seenconsc shipin_zhengchang1c" v-show="seen_shubiaoShipinjiankong">
+                  <p>设备名称：1号楼1F西侧走廊像机1</p>
+                  <p>设备编号：HK023123</p>
+                  <p>设备IP：192.168.1.2</p>
+                </div>
               </div>
-              <!-- 鼠标移入显示文字 -->
-              <div class="seenconsc shipin_zhengchang1c" v-show="seen_shubiaoShipinjiankong">
-                <p>设备名称：1号楼1F西侧走廊像机1</p>
-                <p>设备编号：HK023123</p>
-                <p>设备IP：192.168.1.2</p>
+              <!-- 2222end -->
+              <!-- 333门禁管理 -->
+              <div class="ruqinbaojing" v-show="showMenjinguanli">
+                <div class="myiconfont bluezibg jingicon menjin_zhengchang1"  @click="openshipinMenjinguanli()">&#xe60b;</div>
+
+                <div class="myiconfont huizibg jingicon menjin_lixian1" >&#xe60b;</div>
+
+                <div class="myiconfont redzibg jingicon menjin_baojing1">&#xe60b;</div>
+                <!-- 显示文字 -->
+                <div class="seencons menjin_zhengchang1b" v-show="seenshipinMenjinguanli">
+                  <p @click="toMore()">开门</p>
+                </div>
               </div>
-            </div>
-            <!-- 2222end -->
-            <!-- 333门禁管理 -->
-            <div class="ruqinbaojing" v-show="showMenjinguanli">
-              <div class="myiconfont bluezibg jingicon menjin_zhengchang1"  @click="openshipinMenjinguanli()">&#xe60b;</div>
-
-              <div class="myiconfont huizibg jingicon menjin_lixian1" >&#xe60b;</div>
-
-              <div class="myiconfont redzibg jingicon menjin_baojing1">&#xe60b;</div>
-              <!-- 显示文字 -->
-              <div class="seencons menjin_zhengchang1b" v-show="seenshipinMenjinguanli">
-                <p @click="toMore()">开门</p>
+              <!-- 333end -->
+              <!--444门电子围栏-->
+              <div class="ruqinbaojing" v-show="showDianziweilan">
+                <div class="myiconfont bluezibg jingicon Dianziweilan_zhengchang1"  @click="openshipinDianziweilan()">&#xe6b8;</div>
+
+                <div class="myiconfont huizibg jingicon Dianziweilan_lixian1" >&#xe6b8;</div>
+
+                <div class="myiconfont redzibg jingicon Dianziweilan_baojing1">&#xe6b8;</div>
+                <!-- 显示文字 -->
+                <div class="seencons Dianziweilan_zhengchang1b" v-show="seenshipinDianziweilan">
+                  <p @click="toMore()">布防</p>
+                  <p @click="toMore()">撤防</p>
+                  <p @click="toMore()">报警确认</p>
+                  <p @click="toMore()">旁路</p>
+                </div>
               </div>
+              <!-- 444end -->
+
             </div>
-            <!-- 333end -->
-            <!--444门电子围栏-->
-            <div class="ruqinbaojing" v-show="showDianziweilan">
-              <div class="myiconfont bluezibg jingicon Dianziweilan_zhengchang1"  @click="openshipinDianziweilan()">&#xe6b8;</div>
-
-              <div class="myiconfont huizibg jingicon Dianziweilan_lixian1" >&#xe6b8;</div>
-
-              <div class="myiconfont redzibg jingicon Dianziweilan_baojing1">&#xe6b8;</div>
-              <!-- 显示文字 -->
-              <div class="seencons Dianziweilan_zhengchang1b" v-show="seenshipinDianziweilan">
-                <p @click="toMore()">布防</p>
-                <p @click="toMore()">撤防</p>
-                <p @click="toMore()">报警确认</p>
-                <p @click="toMore()">旁路</p>
+              <!-- 下部机构导航 -->
+              <div class="tabhead">
+                <!-- <el-checkbox-group v-model="departmentTypeArray" @change="getList">
+                  <el-checkbox-button v-for="(item,index) in jigounavType" :key="index" :label="item.value" :value="item.value">
+                    <span class="iconfontyuan myiconfont" :class="icontu[index]"></span>
+                    {{item.label}}
+                  </el-checkbox-button>
+                </el-checkbox-group> -->
+                <!-- <el-checkbox-group v-model="departmentTypeArray">
+                  <el-checkbox-button label="1" checked><div  @click="openruqinbaojing()"><span  class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button>
+                  <el-checkbox-button label="2"><div  @click="openshipinjiankong()"><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div></el-checkbox-button>
+                  <el-checkbox-button label="3"><div  @click="openmenjinguanli()"><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div></el-checkbox-button>
+                  <el-checkbox-button label="4"><div  @click="opendianziweilan()"><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div></el-checkbox-button>
+                </el-checkbox-group> -->
               </div>
-            </div>
-            <!-- 444end -->
-
+            <!-- 列表结束 -->
           </div>
-            <!-- 下部机构导航 -->
-            <div class="tabhead">
-              <!-- <el-checkbox-group v-model="departmentTypeArray" @change="getList">
-                <el-checkbox-button v-for="(item,index) in jigounavType" :key="index" :label="item.value" :value="item.value">
-                  <span class="iconfontyuan myiconfont" :class="icontu[index]"></span>
-                  {{item.label}}
-                </el-checkbox-button>
-              </el-checkbox-group> -->
-              <!-- <el-checkbox-group v-model="departmentTypeArray">
-                <el-checkbox-button label="1" checked><div  @click="openruqinbaojing()"><span  class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button>
-                <el-checkbox-button label="2"><div  @click="openshipinjiankong()"><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div></el-checkbox-button>
-                <el-checkbox-button label="3"><div  @click="openmenjinguanli()"><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div></el-checkbox-button>
-                <el-checkbox-button label="4"><div  @click="opendianziweilan()"><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div></el-checkbox-button>
-              </el-checkbox-group> -->
-            </div>
-          <!-- 列表结束 -->
         </div>
-
       </div>
     </div>
 
@@ -579,7 +581,47 @@ export default {
   padding: 10px;
 }
 .tab-header{background-color: #fff;}
-  .shipinscon {margin: 20px 0 0 0;
+.shipinscons {height: 95%;text-align: center;
+    margin: 20px auto 0;
+    text-align: center;position: relative;
+  padding: 20px 50px 20px 50px;
+  background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
+}
+.shipinscon {width: 60%;
+    margin: 20px auto 0;
+    text-align: center;position: relative;
+  padding: 20px 50px 20px 50px;
+
+}
+.shipinstu {
+    /* border:1px solid #0241c1; */
+    position:absolute;left: 0;
+    margin: 0 auto;text-align: center;
+
+  /* z-index: 0;
+  background: url("/image/cangkutu.png") center bottom no-repeat;
+  background-size: 100% 100%;min-height: 580px;
+  padding: 0 20px;position: relative; */
+}
+.shipinstu img{margin: 0 auto;height: 550px;}
+.shipinstu .ruqinbaojing{position:absolute;left: 0;top:0;
+     /* position:absolute; */
+     /* border: #e20202 solid 2px; */
+     width: 100%;
+     height: 100%;
+     /* float: left;
+     top:0; */
+}
+.shipinstu .jingicon {cursor: pointer;
+  font-size: 22px !important;
+  border-radius: 40px !important;
+  width: 40px !important;
+  height: 40px !important;line-height: 40px;
+  padding: 0px;text-align: center;
+
+
+}
+  /* .shipinscon {margin: 20px 0 0 0;
   padding: 20px 50px 20px 50px;background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
 }
   .shipinstu {z-index: 0;
@@ -595,7 +637,7 @@ export default {
   padding: 0px;text-align: center;
 
 
-}
+} */
 
 .redzibg {
   color: #fff; background: radial-gradient(circle, #8c0303, #e20202);