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{
   left: 11rem;
   top: 0.8rem;
}
.loupan_map_box ul .index_01{
    right: 6rem;
    top: 4rem;
 }
 .loupan_map_box ul .index_02{
    right: 6rem;
    top: 4rem;
 }
 .loupan_map_box ul .index_03{
    left: 9rem;
    top: 6rem;
 }
 .loupan_map_box ul .index_04{
    left: 14rem;
    top: 6rem;
 }
 .loupan_map_box ul .index_05{
    right:14.8rem;
    top: 7rem;
 }

 .loupan_map_box ul .index_06{
    left: 7rem;
    top: 8.5rem;
 }
 .loupan_map_box ul .index_07{
    left: 10rem;
    top: 11rem;
 }
 .loupan_map_box ul .index_08{
    left: 10rem;
    top: 11rem;
 }
 .loupan_map_box ul .index_09{
    left: 12rem;
    top: 14rem;
 }
 .loupan_map_box ul .index_10{
    right: 7rem;
    top: 12rem;
 }
 .loupan_map_box ul .index_11{
    right: 11.5rem;
    top: 9rem;
 }
 .loupan_map_box ul .index_12{
    right: 14.5rem;
    top: 13rem;
 }
 .loupan_map_box ul .index_13{
    left:16rem;
    top: 10.5rem;
 }
 .loupan_map_box ul .index_14{
    left:15rem;
    top: 9rem;
 }
 .loupan_map_box ul .index_15{
    left:14rem;
    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-right{
   background: url(../images/floor_lp.png) no-repeat;
   height: 23rem;
    float: right;
    background-size: cover;
    width: 78%;
    background-size: 100% 100%;
}
.area-content .area-left .title{
    font-size: 22px;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'AlibabaPuHuiTi_2_85_Bold';
}
.left-menu {
   margin-top: 20px;
}
.left-menu ul li{
	background-color: #435770ad;
	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 .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 .a_floor img{
   width: 12.6rem;
}
.area-right ul .a_floor{
   left: 3.9rem;
   top: 3rem;
}    
.area-right ul .bg1_floor img{
   width: 16rem;
}
.area-right ul .bg1_floor{
   left: 4rem;
   top: 4.6rem;
} 
.area-right ul .b_floor img{
   width: 5rem;
}
.area-right ul .b_floor{
   left: 4rem;
   top: 7.8rem;
} 
.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 .c_floor img{
   width: 7.3rem;
}
.area-right ul .c_floor{
   left: 13.6rem;
   top: 4.2rem;
} 
.area-right ul .e_floor img{
   width: 5rem;
}
.area-right ul .e_floor{
   z-index: 2;
   left: 15.5rem;
   top: 13.5rem;
} 
.area-right ul .d_floor img{
   width: 3rem;
}
.area-right ul .d_floor{
   right: 12rem;
   top: 6rem;
} 
.area-right ul .f_floor img{
   width: 5rem;
}
.area-right ul .f_floor{
   right: 2.6rem;
   top: 11.7rem;
} 
.area-right ul .d_floor_index img{
   width: 5rem;
}
.area-right ul .d_floor_index{
   right: 12rem;
   z-index: 1;
   top: 6rem;
} 

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

   margin: 0 auto;
   margin-top: 2rem;
   background-size: 100% 100%;
}