common.css

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;font-size: 16px;color: #fff;}
ul,ol{list-style:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:none;}
a:link{color:#009;}
a:visited{color:#800080;}
a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
.container .main-area{
    background: url(../images/home_bj.png) no-repeat;
    height: 100vh;
    background-size: cover;
}
/**首页**/
.container{
   height: 100vh;
   overflow: hidden;
}
.area-content .loupan_map_box {
    text-align: center;
}
.loupan_map_box ul{
    position: relative;
}
.loupan_map_box ul li img{
  width: 2rem;
  height: 2rem;
}
.loupan_map_box ul li{
    position: absolute;
}
/* .loupan_map_box ul .index_01{
   left: 14rem;
   top: 8rem;
 }
 */

 
 .loupan_map_box ul .index_01{
   left: 12rem;
   top: 3.6rem;
 }
 .loupan_map_box ul .index_02{
   left: 15.5rem;
   top: 7.5rem;
 }

 .loupan_map_box ul .index_03{
   left: 6.7rem;
   top: 6.8rem;
 }

 .loupan_map_box ul .index_04{
   left:10rem;
   top: 6.5rem;
 }
 .loupan_map_box ul .index_05{
   left: 3.5rem;
    top: 8rem;
 }

 .loupan_map_box ul .index_06{
   left: 6.5rem;
   top: 11.5rem;
 }
 .loupan_map_box ul .index_07{
   left: 9rem;
   top: 10rem;
 }
 .loupan_map_box ul .index_08{
   right: 12.5rem;
   top: 10.7rem;
 }
 .loupan_map_box ul .index_09{
   right: 9.2rem;
   top: 10rem;
 }
 .loupan_map_box ul .index_10{
   right: 7rem;
   top: 8rem;
 }















.area-content .loupan_map_box{
    background: url(../images/home_floor.png) no-repeat;
    width: 34rem;
    height: 19rem;
    margin: 0 auto;
    margin-top: 2rem;
    background-size: 100% 100%;
} 

.header-area{
    margin: auto;
    text-align: center;
}
.header-area img{
    width: 10rem;
    height: auto;
    padding-top: 1.4rem;
}
 /**监控业务数据**/
.area-content{
   margin:1rem 3rem 0 3rem;
   overflow: hidden;
}
.area-left{
    width: 20%;
    float: left;
}

.area-content .area-left .title{
    font-size: 0.6rem;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'AlibabaPuHuiTi_2_85_Bold';
}
.left-menu {
   margin-top: 20px;
}
.left-menu ul li{
	background-color: #0d2a5b;
	border-radius: 7px;
    margin-top: 0.6rem;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 20px;
}
.left-menu ul li span{
   font-size: 0.5rem;
}
.left-menu .menu-num span:nth-child(2){
    vertical-align: middle;
    padding:3px 20px;
    border-radius: 13px;
    margin-left: 10px
}
.area-right ul{
   position: relative;
}
.area-right ul li{
   position: absolute;
   
}
.area-right ul li span{
    position: fixed;
    font-size: 0.6rem;
}
.area-right ul .a_floor img{
   width: 12.6rem;
}
.area-right ul .a_floor{
   left: 3.9rem;
   top: 3rem;
}
.area-right ul .a_floor span{
   left: 26rem;
   top: 7rem;
}    
.area-right ul .bg1_floor img{
   width: 16rem;
}
.area-right ul .bg1_floor{
   left: 4rem;
   top: 4.6rem;
} 
.area-right ul .bg1_floor span{
   left: 30.7rem;
   top:8.4rem;
}  
.area-right ul .b_floor img{
   width: 5rem;
}
.area-right ul .b_floor{
   left: 4rem;
   top: 7.8rem;
} 
.area-right ul .b_floor span{
   left: 20rem;
   top: 13.6rem;
} 
.area-right ul .b_floor{
   left: 4rem;
   top: 7.8rem;
} 
.area-right ul .g_floor img{
   width: 7rem;
}
.area-right ul .g_floor{
   left: 4rem;
   top: 12.2rem;
} 
.area-right ul .g_floor span{
   margin-top: 2.5rem;
   margin-left: -2.4rem;
} 
.area-right ul .c_floor img{
   width: 7.3rem;
}
.area-right ul .c_floor{
   left: 13.6rem;
   top: 4.2rem;
} 
.area-right ul .c_floor span{
   left: 31rem;
   top: 11.8rem;
} 
.area-right ul .e_floor img{
   width: 5.8rem;
}
.area-right ul .e_floor{
   z-index: 2;
   left: 15.6rem;
   top: 13.4rem;
} 
.area-right ul .e_floor span{
   margin-top: 1.3rem;
   margin-left: -1.8rem;
} 
.area-right ul .d_floor img{
   width: 3rem;
}
.area-right ul .d_floor{
   right: 12rem;
   top: 6rem;
} 
.area-right ul .d_floor_index span{
   margin-top: 5rem;
   margin-left: -1.8rem;
} 
.area-right ul .f_floor img{
   width: 5.8rem;
}
.area-right ul .f_floor{
   right: 1.7rem;
   top: 11.7rem;
} 
.area-right ul .f_floor span{
   margin-top: 0.6rem;
   margin-left: -1.8rem;
} 
.area-right ul .d_floor_index img{
   width: 5rem;
}
.area-right ul .d_floor_index{
   right: 11rem;
   z-index: 1;
   top: 6.6rem;
} 

/**业务层**/
.area-content .business{
   background: url(../images/yewuceng.png) no-repeat;

   margin: 0 auto;
   margin-top: 2rem;
   background-size: 100% 100%;
}
.bue-yewu .map img {
   transition: transform 0.3s ease-in-out; /* 添加过渡效果，过渡时间为0.3秒 */
 }
 
.bue-yewu .map  img:hover {
   transform: scale(1.05); /* 鼠标悬停时图标放大为原来的1.2倍 */
 }
  /**监控业务数据**/
.area-right ul .xzqy_floor{
   right: 5.2rem;
   top: 11rem;
}
  /**监控业务数据**/
  .area-right ul .jyl_floor{
   right: 12rem;
   top: 7rem;
}
.area-right ul .cuican_floor{
   right: 4.8rem;
   top: 8.3rem;
}
.area-right ul .litan_floor{
   right: 5rem;
   top: 6.8rem;
}
.area-right ul .wss_floor{
   right: 6.8rem;
   top: 5.6rem;
}
.area-right ul .nanjian_floor{
   right: 9rem;
   top: 4.3rem;
}

.area-right ul .beijian_floor{
   right: 13rem;
   top: 3.6rem;
}
.area-right ul .nanchejian_floor{
   right: 15rem;
   top: 2.6rem;
   z-index: 1;
}
.area-right ul .beijianyu_floor{
   left: 16rem;
   top: 6rem;
}
.area-right ul .lhjl_floor{
   right: 19rem;
   top: 12rem;
}
.xkzx_floor{
   left: 15rem;
   top: 5rem;
}